Paths

AngularJS

Authors: Bradley Braithwaite, Lukas Ruebbelke, Joe Eames, Jim Cooper, Scott Allen, Brice Wilson, John Papa, Deborah Kurata, 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

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.

1

AngularJS: Get Started

by Scott Allen

Jun 6, 2014 / 2h 58m

Beginner • 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’ll be ready to move on to deeper Angular topics like Angular components, routing, and forms. I hope you’ll join me, and I look forward to helping you on your learning journey here at Pluralsight.

Table of contents
  1. Course Overview
    1m 18s
  2. An Introduction
    34m 43s
  3. Controllers
    35m 43s
  4. Directives and Views
    33m 44s
  5. Services
    35m 44s
  6. Routing
    36m 51s
2

AngularJS Fundamentals

by Joe Eames, Jim Cooper

May 17, 2013 / 6h 51m

Intermediate • 6h 51m

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
    1m 12s
  2. Introduction to Angular
    25m 20s
  3. Angular Controllers & Markup
    1h 23m 55s
  4. Creating and Using Angular Services
    1h 23m 40s
  5. Angular Routing
    51m 48s
  6. Creating Custom Angular Directives
    1h 16m 9s
  7. Testing Angular
    1h 29m 26s
3

AngularJS: The Big Picture

by Joe Eames

May 13, 2015 / 1h 9m

Beginner • 1h 9m

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
    8m 37s
  2. Angular Benefits and Features
    11m 33s
  3. Angular Architecture
    10m 16s
  4. Complementary Technologies
    7m
  5. Angular Gotchas and Problems
    15m 32s
  6. Angular vs. X
    9m 49s
  7. The Future of Angular
    6m 54s

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.

4

AngularJS Services In-depth

by Brice Wilson

Feb 24, 2015 / 3h 3m

Intermediate • 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
    7m 41s
  2. Creating Services
    39m 34s
  3. Common Built-in Services
    52m 26s
  4. Networking
    51m 42s
  5. Caching and Sharing Data
    23m 25s
  6. Service Decorators
    8m 31s
5

AngularJS Routing In-depth

by Brice Wilson

Sep 4, 2015 / 2h 14m

Intermediate • 2h 14m

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
    9m 48s
  2. URL-based Routing with ngRoute
    48m 52s
  3. State-based Routing with UI-Router
    51m 17s
  4. Advanced Routing with UI-Router
    24m 34s
6

AngularJS Unit Testing in-depth, Using ngMock

by Bradley Braithwaite

Nov 17, 2015 / 2h 23m

Intermediate • 2h 23m

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
    11m 59s
  2. First Steps with ngMock’s Core Functions
    12m 39s
  3. Unit Testing HTTP Interactions with ngMock
    20m 11s
  4. Unit Testing Controllers with ngMock
    23m 38s
  5. Unit Testing with Timeouts and Intervals
    20m 54s
  6. Unit Testing Directives with $rootScope
    15m 33s
  7. Unit Testing with Dates
    14m 50s
  8. Unit Testing with Exceptions
    7m 43s
  9. Unit Testing with Logging
    7m 26s
  10. Testing with ngMockE2E BackEnd
    8m 34s
7

AngularJS Directives Fundamentals

by Joe Eames

Jan 30, 2015 / 3h 47m

Intermediate • 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
    25m 24s
  2. Events, Scope, and Controllers
    40m 16s
  3. Decorator Directives
    42m 39s
  4. Transclusion
    30m 14s
  5. Structural Directives
    31m 15s
  6. Controllers and Nested Directives
    20m 25s
  7. Directives and Services
    37m 13s
8

AngularJS Line of Business Applications

by Deborah Kurata

Sep 26, 2014 / 5h 36m

Intermediate • 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
    18m 27s
  2. Building the First Page
    55m 24s
  3. Accessing Data
    34m 25s
  4. Routing to Multiple Views - Part 1
    37m 10s
  5. Routing to Multiple Views - Part 2
    34m 50s
  6. Building Data Entry Forms
    42m 51s
  7. Validating Forms
    31m 44s
  8. Defining Business Logic in an Angular Service
    25m 33s
  9. Visualizing Data With Charts
    25m 29s
  10. Exception Handling
    20m 30s
  11. Final Words
    9m 59s
9

AngularJS Best Practices

by Joe Eames

Oct 25, 2013 / 5h 3m

Intermediate • 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
    9m 21s
  2. Organizing your Code
    20m 59s
  3. Writing Controllers & Services
    46m 20s
  4. Writing Directives and Views
    49m 3s
  5. Dealing with Scope
    33m 48s
  6. Communicating Between Components
    21m 59s
  7. Breaking Down A Page into Components
    31m 31s
  8. Communicating with The Server
    46m 6s
  9. Dealing with Models
    44m 3s
10

AngularJS Patterns: Clean Code

by John Papa

Oct 8, 2014 / 3h 31m

Beginner • 3h 31m

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: https://github.com/johnpapa/ng-demos

Table of contents
  1. Course Introduction
    15m 57s
  2. Separation of Concerns
    20m 12s
  3. Organizing Your App
    30m 7s
  4. Modules
    31m 36s
  5. Readable Code and AngularJS
    19m 41s
  6. Controller Patterns
    41m 13s
  7. Annotations and Code Analysis via Gulp Task Automation
    29m 49s
  8. Exception Handling
    19m 22s
  9. Using a Team Style Guide
    3m 41s

Advanced

After you’ve used AngularJS for a while, you’ll 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.

11

AngularJS In-Depth

by Lukas Ruebbelke

Nov 19, 2013 / 4h 56m

Intermediate • 4h 56m

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
    46m 25s
  2. Build a Strong AngularJS Foundation
    1h 1m 6s
  3. AngularJS Directive Basics
    57m 14s
  4. Server Side Integration with Angular JS
    20m
  5. Testing with AngularJS
    25m 49s
  6. Advanced AngularJS Directives
    54m 13s
  7. AngularJS Animations
    31m 59s
12

Building a SPA Framework Using AngularJS

by Mark Zamoyta

Apr 29, 2015 / 4h 48m

Advanced • 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
    7m 58s
  2. Creating a SPA Framework Using AngularJS
    32m 54s
  3. Building a Menu Component in AngularJS
    49m 58s
  4. Advanced Menu Features
    52m 37s
  5. Building a Dashboard and Widgets
    37m 16s
  6. Widget Content
    56m 59s
  7. Additional Angular SPA Features
    50m 37s
13

An AngularJS Playbook

by Scott Allen

Feb 16, 2015 / 3h 59m

Intermediate • 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
    7m 54s
  2. Security Playbook
    41m 34s
  3. Debugging and Diagnostics Playbook
    52m 6s
  4. UI Playbook
    51m 15s
  5. Forms Playbook
    48m 11s
  6. Integration Playbook
    38m 25s

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.

Register for FREE. Get your Pluralsight IQ.

You’ll get unlimited access to adaptive skill assessments that help you validate your skills in as little as 5 minutes, and you'll get to see the Pluralsight platform first-hand.

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 activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit