RxJS icon Launch Deal: Get $100 off the RxJS Kickstart Bundle now!

RxJS Masterclass is here. 2-course bundle - buy now (discount applied at checkout).

days
hours
mins
secs

AngularJS icon AngularJS Pro

Star rating Star rating Star rating Star rating Star rating

4.9/5 (5362 ratings)

Get advanced AngularJS skills for scalable apps. The only deep dive into the entire framework.

AngularJS

AngularJS

Compatible with v1.5.x

Course duration icon

Duration

60 lessons 8 hours

What you'll learn

Take your AngularJS skills to the Pro level. Comprehensive Directives, Modular and Component Architecture, Forms and Validation, Components and One-Way Dataflow, defacto ui-router and a final app to put your new skills into practice.

Requirements

  • AngularJS knowledge
  • Component architecture
  • JavaScript knowledge

Here’s what’s covered...

Course Overview

1 lesson

  • Source files

    Readme

Theory: Architecture, components and data flow

4 lessons

  • Architecture and anatomy

    07:20

  • Component and module architecture

    06:03

  • One-way immutable data flow

    05:40

  • Stateful, stateless and routed Components

    03:45

Advanced Directives

12 lessons

  • $scope.$watch / $watchCollection

    06:59

  • $attrs.$observe / $updateClass

    03:56

  • Directive Controllers

    03:23

  • Inherited and isolate scopes

    05:13

  • Using bindToController

    02:21

  • Compile and link functions

    07:04

  • Single-slot automated transclusion

    03:13

  • Transclusion with $transclude

    04:54

  • Multi-slot automated transclusion

    03:47

  • Inheriting Controllers with require

    07:10

  • DOM API integration

    06:11

  • Using third-party plugins/widgets

    05:21

Component API

3 lessons

  • Using .component()

    04:38

  • Using require, $onInit, $postLink, $onDestroy

    05:55

  • One-way databinding and $onChanges

    07:59

Event system

2 lessons

  • Publish and subscribe with $emit/$broadcast/$on

    05:11

  • $scope, $rootScope events and unbinding

    07:51

Forms, ngModelCtrl and Validation

7 lessons

  • ngModel require, $setViewValue, $render

    05:49

  • $parsers and $formatters

    05:49

  • $validators pipeline

    05:09

  • Validation state-based CSS

    04:40

  • Migrating to ngMessages

    06:17

  • Multiple errors and templates

    05:31

  • Dynamic error messaging

    03:38

Custom filters

2 lessons

  • Single value filters

    04:40

  • Dataset filters

    09:23

Routing with ui-router

7 lessons

  • Component-based routing setup

    06:52

  • Nested states, views, custom URLs

    04:54

  • Routing resolves and bindings

    06:03

  • Multiple named views

    05:24

  • ui-router Directives

    06:06

  • $transitions, $transitionsProvider, uiCanExit, hooks

    09:43

  • Dynamic routes and query params, HTML5 mode

    10:06

Services, RESTful APIs and Interceptors

4 lessons

  • Constants and values

    04:17

  • $resource, $query/$get/$update/$delete/$save

    13:45

  • $q Promises defer/resolve/reject/all/race

    09:34

  • HTTP interceptors

    05:26

Unit testing

7 lessons

  • Setup: Karma and Jasmine

    03:56

  • Testing: Standalone Controllers

    07:38

  • Testing: Directives Controllers

    06:10

  • Testing: Component Controllers

    08:03

  • Testing: Filters

    07:05

  • Testing: Services

    05:32

  • Testing: Routing

    07:35

Final Project: Contacts Manager, Firebase

12 lessons

  • Project setup, walkthrough, install

    11:01

  • Setting up Firebase console

    06:10

  • Login/register routes, authorisation

    33:34

  • Core app module, auth redirects

    24:11

  • Create new contact, stateful/stateless components

    22:49

  • Editing existing contact, stateful/stateless components

    14:53

  • Stateless tag components

    08:07

  • Rendering contacts from router resolves

    05:36

  • Contact stateless components

    05:52

  • Dynamic ui-router param filtering

    09:20

  • Dynamic content Directive for inputs

    04:42

  • Running tests and Firebase deploy

    03:41

DOM API integration 06:12

Todd Motto

Todd Motto

Google Developer Expert icon Google Developer Expert

$ 129 Sale 32% /per user

189 Total: $

Add to Cart

EU customers: price excludes VAT

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

If you're looking for a step-by-step guide for learning Angular and TypeScript, you'll find no better resource than Ultimate Courses.

David East

David East

Developer Advocate, Firebase

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

After the RxJS courses I know much more than before about RxJS. I've learnt in a practical way how and when to use the powerful operators the library provides taking advantage from them in the daily work. Amazing!

Attilio Urbani

Attilio Urbani

Software Engineer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Todd's courses lead the way in the Angular world. We also worked together on a very successful live Angular performance training session to hundreds of developers.

Peter Cooper

Peter Cooper

CooperPress, JavaScript Weekly

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

A must have for anyone wanting to become an Angular developer. Lots of best practices to help you architect big apps. I learned incredible amounts from this course!

Mohammad Aljaber

Mohammad Aljaber

Solutions Architect

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Todd's materials are always fantastic! The courses have helped me far better grasp real architecture of Angular apps - and the way it should really be done. A+.

Ritik Rishu

Ritik Rishu

Senior Engineer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Wow! I've achieved a great level of understanding on how to build real applications with Angular. Todd's indepth knowledge of Angular was fantastic, and the explanations on Typescript are superb.

Hung Bui

Hung Bui

Senior Front-End Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Angular Fundamentals is the clearest, and best produced Angular course on the market! Clear, concise, packed with best practices and skilled me up very quickly!

Kyle Hebert

Kyle Hebert

JavaScript Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Hands down the best courses available for Angular! Just follow along, you'll fall in love with Angular. Daunting concepts aren't scary anymore, they're a breeze.

Vatsal Pande

Vatsal Pande

Full-Stack Engineer, eBay

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Or get the complete bundle...

Everything you need to start mastering AngularJS today

AngularJS Kickstart Bundle

2 courses

Most popular

AngularJS Master Bundle

3 courses

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.

Student/Location discounts

Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.

Get the full AngularJS bundle

I've created the best 3 course bundle on the internet. It will teach you everything you need to know about AngularJS.

  • Course category icon AngularJS Fundamentals 38 lessons, 3 hours
  • Course category icon AngularJS Pro 60 lessons, 8 hours
  • Course category icon AngularJS Performance 16 lessons, 3 hours

Get the entire collection, 2 more courses, for just $20 extra!