AngularJS Pro

Online course with Todd Motto with Todd Motto

60 lessons

, 432 minutes

AngularJS: 1.5.x

Take your AngularJS skills to Pro level. Comprehensive directives, architecture, powerful forms, components and uni-directional dataflow - the full works.

Single course

Single user

2-5 users

6-10 users

11-20 users

21-40 users

$

119

$

189

$

499

$

599

$

899

$

1,099

$

1,499

$

1,799

$

2,499

$

2,899

EU customers: price excludes VAT

Stream or download

Learn at home or on the daily commute. Online or offline viewing.

Free lifetime updates

Never stop learning. Each course comes with unlimited updates forever.

Slack community

Get members-only exclusive access to our private community.

Expert trainers

Hand-crafted courses to guide you every step, in the right direction.

Job ready training, real world scenarios, API exploration and teaching.

Trusted by thousands, there's no better place to learn AngularJS.

  • Course Overview

    • Source files Readme

  • Theory: Architecture, components and data flow

    • 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

    • $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

      Free preview
    • 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

      Free preview
    • Using third-party plugins/widgets 05:21

  • Component API

    • Using .component 04:38

    • Using require, $onInit, $postLink, $onDestroy 05:55

    • One-way databinding and $onChanges 07:59

      Free preview
  • Event system

    • Publish and subscribe with $emit/$broadcast/$on 05:11

    • $scope, $rootScope events and unbinding 07:51

  • Forms, ngModelCtrl and Validation

    • 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

    • Single value filters 04:40

    • Dataset filters 09:23

  • Routing with ui-router

    • 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

      Free preview
  • Services, RESTful APIs and Interceptors

    • 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

    • 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

    • 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