AngularJS

Paths

AngularJS

Authors: Scott Allen, Joe Eames, Jim Cooper, Brice Wilson, Bradley Braithwaite, Deborah Kurata, John Papa, Lukas Ruebbelke, Mark Zamoyta

AngularJS is a complete JavaScript framework for creating dynamic and interactive applications in HTML. Aside from being one of the hottest frameworks on the web, AngularJS is... Read more

What you will learn

  • AngularJS core features
  • Services and routing in AngularJS
  • Controller Patterns
  • Exception Handling
  • How to organize your AngularJS app
  • Unit testing in AngularJS
  • Two-way binding
  • Dependency injection
  • How to build reusable components with AngularJS

Pre-requisites

You will need a working knowledge of JavaScript and HTML.

Beginner

Are you ready to find out what all the hype is about with AngularJS? These AngularJS for beginners tutorials will bring you completely up to speed on the hottest JavaScript framework used on the web today. You will learn AngularJS core concepts, common patterns using AngularJS and, finally, some of the best practices to build fully-functioning web applications using AngularJS.

AngularJS: Get Started

by Scott Allen

Jun 6, 2014 / 2h 58m

2h 58m

Start Course
Description

Hello! My name is Scott Allen, and welcome to AngularJS: Get Started. In this course, you will learn about the core features of the JavaScript framework using practical, easy to follow examples. You will get there by learning major topics like how two-way data binding makes it easy to build pages and forms while maintaining simplicity in the JavaScript code, and come to understand the essential abstractions of AngularJS, including modules, controllers, directives, and services. By the end of this course, you will be able to start building your own single page application using AngularJS. Before you begin, make sure you are already familiar with the basics of JavaScript and HTML. Optional And after this course, you鈥檒l be ready to move on to deeper Angular topics like Angular components, routing, and forms. I hope you鈥檒l join me, and I look forward to helping you on your learning journey here at Pluralsight.

Table of contents
  1. Course Overview
  2. An Introduction
  3. Controllers
  4. Directives and Views
  5. Services
  6. Routing

AngularJS Fundamentals

by Joe Eames

Aug 19, 2015 / 6h 52m

6h 52m

Start Course
Description

In this course, you will learn how simple it is to use Angular to create maintainable and testable single page applications. You will learn how to: bootstrap your Angular application; use AngularJS markup and expressions; create and use controllers; use built-in services and create custom services; turn your application into a SPA using routing; and create your own custom elements and handle events using directives. You will also learn how AngularJS allows you to do all thing using test-driven-development.

Table of contents
  1. Course Overview
  2. Introduction to Angular
  3. Angular Controllers & Markup
  4. Creating and Using Angular Services
  5. Angular Routing
  6. Creating Custom Angular Directives
  7. Testing Angular

AngularJS: The Big Picture

by Joe Eames

May 13, 2015 / 1h 10m

1h 10m

Start Course
Description

Angular is exploding in popularity. If you are considering using it on a project, this course will help you understand and evaluate Angular to determine if it's right for your needs.

Table of contents
  1. Introduction
  2. Angular Benefits and Features
  3. Angular Architecture
  4. Complementary Technologies
  5. Angular Gotchas and Problems
  6. Angular vs. X
  7. The Future of Angular

Intermediate

Once you have the basics of AngularJS, this intermediate area will give you a deeper understanding into features like AngularJS services, routing and testing. Building on your existing knowledge of AngularJS, you will also get some valuable insight into some of the best practices within AngularJS development.

AngularJS Services In-depth

by Brice Wilson

Feb 24, 2015 / 3h 3m

3h 3m

Start Course
Description

Services are a major piece of every AngularJS application and will likely make up the majority of the code you write in your own apps. Creating your own services requires understanding the different types of services and how and why to use each of them. The framework also provides lots of built-in services that can help you manage network requests, asynchronous execution, routing, and much more. Taking full advantage of that functionality requires a deep understanding of what is possible and how to use it to fit your particular situation. This course will teach you all of these things so you can build great applications with Google's popular framework.

Table of contents
  1. Introduction and Overview
  2. Creating Services
  3. Common Built-in Services
  4. Networking
  5. Caching and Sharing Data
  6. Service Decorators

AngularJS Routing In-depth

by Brice Wilson

Sep 4, 2015 / 2h 15m

2h 15m

Start Course
Description

Routing is a fundamental component of Angular applications. Taking full advantage of client-side routing in your Angular apps will lead to better structured code and a better experience for your users, since you will only have to update the portions of the web page that change as they interact with your app. This course will teach you how to implement routing in an Angular app with the most popular frameworks available. You will learn how to work with URLs, parameters, states, view hierarchies, and lots more.

Table of contents
  1. Introduction and Overview
  2. URL-based Routing with ngRoute
  3. State-based Routing with UI-Router
  4. Advanced Routing with UI-Router

AngularJS Unit Testing in-depth, Using ngMock

by Bradley Braithwaite

Nov 17, 2015 / 2h 24m

2h 24m

Start Course
Description

This course introduces the ngMock module for unit testing in AngularJS. The course will cover this module extensively, giving viewers a solid foundation for unit testing AngularJS code. We will learn by doing - building a movie application as we work through each concept of ngMock. By the end of the course, you will have greater fluency when writing unit tests for your AngularJS applications.

Table of contents
  1. Getting Started
  2. First Steps with ngMock鈥檚 Core Functions
  3. Unit Testing HTTP Interactions with ngMock
  4. Unit Testing Controllers with ngMock
  5. Unit Testing with Timeouts and Intervals
  6. Unit Testing Directives with $rootScope
  7. Unit Testing with Dates
  8. Unit Testing with Exceptions
  9. Unit Testing with Logging
  10. Testing with ngMockE2E BackEnd

AngularJS Directives Fundamentals

by Joe Eames

Jan 30, 2015 / 3h 47m

3h 47m

Start Course
Description

Directives are one of the most complex pieces of Angular, but learning to do them properly doesn't have to be a chore. This course will take you from knowing nothing about directives, to knowing everything. Through this course, you will gain a comprehensive understanding of all the pieces of directives and how to build them. More importantly you will learn how to make small, focused, and maintainable directives.

Table of contents
  1. Your First Directive
  2. Events, Scope, and Controllers
  3. Decorator Directives
  4. Transclusion
  5. Structural Directives
  6. Controllers and Nested Directives
  7. Directives and Services

AngularJS Line of Business Applications

by Deborah Kurata

Sep 26, 2014 / 5h 36m

5h 36m

Start Course
Description

This course takes you step by step through the process of building line of business Web applications using Angular. It covers layout and routing, accessing data, building and validating forms, defining business logic, and data visualization.

Table of contents
  1. Introduction
  2. Building the First Page
  3. Accessing Data
  4. Routing to Multiple Views - Part 1
  5. Routing to Multiple Views - Part 2
  6. Building Data Entry Forms
  7. Validating Forms
  8. Defining Business Logic in an Angular Service
  9. Visualizing Data With Charts
  10. Exception Handling
  11. Final Words

AngularJS Best Practices

by Joe Eames

Oct 25, 2013 / 5h 3m

5h 3m

Start Course
Description

In this course you will take your AngularJS development to the next level by taking a deeper look at developing web applications with Angular. Building on the topics taught in the Angular Fundamentals course, you will take a deeper dive into the components of Angular: Controllers, Services, Filters, Directives, and Views. You will learn techniques that will help you in building applications bigger than tiny sample apps, such as organizing your code, breaking down a page into components, and communicating with the server. You will learn many patterns for more effective development such as patterns for cross-component communication, and patterns for creating an actual model layer. By the end of this course you should feel comfortable embarking upon a medium to large size application in AngularJS.

Table of contents
  1. Course Introduction
  2. Organizing your Code
  3. Writing Controllers & Services
  4. Writing Directives and Views
  5. Dealing with Scope
  6. Communicating Between Components
  7. Breaking Down A Page into Components
  8. Communicating with The Server
  9. Dealing with Models

AngularJS Patterns: Clean Code

by John Papa

Oct 8, 2014 / 3h 32m

3h 32m

Start Course
Description

Once you learn the basics of AngularJS, you encounter decisions that not only affect how well your app will scale and perform, but also how easily it can be maintained. This course takes AngularJS developers beyond the fundamentals to address that next level of problems you encounter. You'll see familiar patterns such as Separation of Concerns (SoC) are at the heart of building solid AngularJS applications. You'll learn techniques to organize code and the right questions to ask yourself that can shape your application patterns. Other topics include: how to extend application design from small, to medium, to large scale apps with many modules, naming conventions, controller techniques, reusable services, creating reusable building blocks, dependency injection, and build automation. By the end of this course, you will have a solid understanding of how to write clean code with AngularJS to create greater implicit readability, make it easier to maintain, and extendable. Sample code for this course can be found here: http://github.com/johnpapa/ng-demos

Table of contents
  1. Course Introduction
  2. Separation of Concerns
  3. Organizing Your App
  4. Modules
  5. Readable Code and AngularJS
  6. Controller Patterns
  7. Annotations and Code Analysis via Gulp Task Automation
  8. Exception Handling
  9. Using a Team Style Guide

Advanced

After you鈥檝e used AngularJS for a while, you鈥檒l be ready for this advanced section of AngularJS tutorials. Here, you will gain knowledge on common application development scenarios, such as working with authorization, nested routes, form validation, error diagnostics and more. Here we will go deeper into topics such as directives, testing and even animations.

AngularJS In-Depth

by Lukas Ruebbelke

Nov 19, 2013 / 4h 57m

4h 57m

Start Course
Description

"AngularJS In Action" author Lukas Ruebbelke dives into AngularJS, an intuitive framework that makes it easy to organize code by incorporates concepts like two-way binding, dependency injection and views which results in very testable code.

Table of contents
  1. Hello AngularJS
  2. Build a Strong AngularJS Foundation
  3. AngularJS Directive Basics
  4. Server Side Integration with Angular JS
  5. Testing with AngularJS
  6. Advanced AngularJS Directives
  7. AngularJS Animations

Building a SPA Framework Using AngularJS

by Mark Zamoyta

Apr 29, 2015 / 4h 48m

4h 48m

Start Course
Description

Do you need a starting point for your Angular SPAs? Menus, dashboards, and widgets are important parts of many Angular apps. In this course, we'll build components to easily add these items to any project. We'll build a feature-rich menu system from scratch, then we'll use angular-gridster to create a dashboard and widget system. We'll package these components with Gulp so that they can be used in any Angular application.

Table of contents
  1. Introduction
  2. Creating a SPA Framework Using AngularJS
  3. Building a Menu Component in AngularJS
  4. Advanced Menu Features
  5. Building a Dashboard and Widgets
  6. Widget Content
  7. Additional Angular SPA Features

An AngularJS Playbook

by Scott Allen

Feb 16, 2015 / 3h 59m

3h 59m

Start Course
Description

The Playbook contains strategies and patterns for common scenarios in AngularJS applications. After an introductory module, the course looks at managing authorization tokens and a user model using services and HTTP interceptors. The third module provides strategies to implement consistent error handling and display of alert messages to the user. The fourth module will focus on UI topics, including working with an application that requires nested views and modal dialogs. The fifth module demonstrates custom directives you can use to help build and validate forms, including how to dynamically augment a view using the $compile service. The final module of the course will demonstrate techniques you can use to integrate third party libraries, including how to wrap jQuery plugins.

Table of contents
  1. An Overview
  2. Security Playbook
  3. Debugging and Diagnostics Playbook
  4. UI Playbook
  5. Forms Playbook
  6. Integration Playbook
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit