Learn AngularJS <span>Pro</span> the right way AngularJS Pro

Star Rating Star Rating Star Rating Star Rating Star Rating 4.9/5 (5238 ratings)
60 lessons 8 hours Up-to-date with v1.5.x
Todd Motto teaching Ultimate Courses

Todd Motto Google Developer expert Google Developer Expert

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.

Todd's Angular courses are one of the best online trainings that can be found.

John Oswalt Picture

John Oswalt

Technology Expert

Developers like me are starving for the knowledge you just served up. I've spent over $1,500 dollars in the last 7 months trying to learn what you gave me in a single course.

Chris Milford Picture

Chris Milford

Tech Lead

Todd brings unique enthusiasm, activity and expertise to the Angular community.

Brad Green Picture

Brad Green

Angular Product Manager

What you'll learn

Everything you need, structured and ready to go

Course Overview (1 lessons)

  • Read icon

    Source files

    Readme

Theory: Architecture, components and data flow (4 lessons)

  • Play icon

    Architecture and anatomy

    07:20
  • Play icon

    Component and module architecture

    06:03
  • Play icon

    One-way immutable data flow

    05:40
  • Play icon

    Stateful, stateless and routed Components

    03:45

Advanced Directives (12 lessons)

  • Play icon

    $scope.$watch / $watchCollection

    06:59
  • Play icon

    $attrs.$observe / $updateClass

    03:56
  • Play icon

    Directive Controllers

    03:23
  • Play icon

    Inherited and isolate scopes

    05:13
  • Play icon

    Using bindToController

    02:21
  • Play icon

    Compile and link functions

    07:04 Watch lesson
  • Play icon

    Single-slot automated transclusion

    03:13
  • Play icon

    Transclusion with $transclude

    04:54
  • Play icon

    Multi-slot automated transclusion

    03:47
  • Play icon

    Inheriting Controllers with require

    07:10
  • Play icon

    DOM API integration

    06:11 Watch lesson
  • Play icon

    Using third-party plugins/widgets

    05:21

Component API (3 lessons)

  • Play icon

    Using .component()

    04:38
  • Play icon

    Using require, $onInit, $postLink, $onDestroy

    05:55
  • Play icon

    One-way databinding and $onChanges

    07:59 Watch lesson

Event system (2 lessons)

  • Play icon

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

    05:11
  • Play icon

    $scope, $rootScope events and unbinding

    07:51

Forms, ngModelCtrl and Validation (7 lessons)

  • Play icon

    ngModel require, $setViewValue, $render

    05:49
  • Play icon

    $parsers and $formatters

    05:49
  • Play icon

    $validators pipeline

    05:09
  • Play icon

    Validation state-based CSS

    04:40
  • Play icon

    Migrating to ngMessages

    06:17
  • Play icon

    Multiple errors and templates

    05:31
  • Play icon

    Dynamic error messaging

    03:38

Custom filters (2 lessons)

  • Play icon

    Single value filters

    04:40
  • Play icon

    Dataset filters

    09:23

Routing with ui-router (7 lessons)

  • Play icon

    Component-based routing setup

    06:52
  • Play icon

    Nested states, views, custom URLs

    04:54
  • Play icon

    Routing resolves and bindings

    06:03
  • Play icon

    Multiple named views

    05:24
  • Play icon

    ui-router Directives

    06:06
  • Play icon

    $transitions, $transitionsProvider, uiCanExit, hooks

    09:43
  • Play icon

    Dynamic routes and query params, HTML5 mode

    10:06 Watch lesson

Services, RESTful APIs and Interceptors (4 lessons)

  • Play icon

    Constants and values

    04:17
  • Play icon

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

    13:45
  • Play icon

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

    09:34
  • Play icon

    HTTP interceptors

    05:26

Unit testing (7 lessons)

  • Play icon

    Setup: Karma and Jasmine

    03:56
  • Play icon

    Testing: Standalone Controllers

    07:38
  • Play icon

    Testing: Directives Controllers

    06:10
  • Play icon

    Testing: Component Controllers

    08:03
  • Play icon

    Testing: Filters

    07:05
  • Play icon

    Testing: Services

    05:32
  • Play icon

    Testing: Routing

    07:35

Final Project: Contacts Manager, Firebase (12 lessons)

  • Play icon

    Project setup, walkthrough, install

    11:01
  • Play icon

    Setting up Firebase console

    06:10
  • Play icon

    Login/register routes, authorisation

    33:34
  • Play icon

    Core app module, auth redirects

    24:11
  • Play icon

    Create new contact, stateful/stateless components

    22:49
  • Play icon

    Editing existing contact, stateful/stateless components

    14:53
  • Play icon

    Stateless tag components

    08:07
  • Play icon

    Rendering contacts from router resolves

    05:36
  • Play icon

    Contact stateless components

    05:52
  • Play icon

    Dynamic ui-router param filtering

    09:20
  • Play icon

    Dynamic content Directive for inputs

    04:42
  • Play icon

    Running tests and Firebase deploy

    03:41
Learn AngularJS <span>Pro</span> the right way

AngularJS Pro

60 lessons 8 hours

Save 32%

$129

$189

Save 17%

$499

$599

Save 18%

$899

$1099

Save 17%

$1499

$1799

Save 14%

$2499

$2899

Get the complete package...

Everything you need to start mastering AngularJS today

AngularJS Kickstart Package

2 courses 98 lessons 11 hours

Save 21%

$189

$238

Save 11%

$799

$898

Save 17%

$1499

$1798

Save 17%

$2499

$2998

Save 30%

$3499

$4998

Most popular

AngularJS Ultimate Package

3 courses 114 lessons 14 hours

Save 33%

$239

$357

Save 26%

$999

$1347

Save 37%

$1699

$2697

Save 38%

$2799

$4497

Save 48%

$3899

$7497

30 day money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, reach out to us within 30 days of your purchase.

Student and 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.