AngularJS Pro

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

AngularJS

1.5.x

Duration

60 lessons, 7.5 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.

DOM API integration 06:12

Todd Motto

Google Developer ExpertGoogle Developer Expert

Requirements

  • AngularJS knowledge
  • Component architecture
  • JavaScript knowledge

This course is the best resource for learning Angular, Todd teaches everything with all necessary details and with great examples. The Angular Pro course is incredible.

Victor Hazbun

CEO, CryptoLancerIO

Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.

Nicolas Telfer

Co-founder, yourhomeintenerife.com

Absolutely fantastic courses. Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.

Jacob Cheriathundam

Development Architect, AccountsPro

These courses were able to boost my skills very quickly, answered my questions, helped me learn fast. Todd is here to teach the best practices!

Thibault Vieux

JavaScript Developer

Absolutely love these courses. Moving straight onto the Angular Pro course before getting started on my first full Angular project. Would recommend to any and all!

Simon M Lewis

JavaScript Engineer, Contract

Todd is an excellent instructor. It's the real ultimate guide to Angular! I highly recommend it. Thank you for all your contributions to the Angular community.

Sherry List

JavaScript, WomenTechMakers

Here’s what's covered…

Everything you need, structured and ready to go

Course Overview (1 lessons)

  • 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 Watch lesson
  • 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 Watch lesson
  • 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 Watch lesson

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 Watch lesson

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
Arrow down

Get the complete package...

Everything you need to start mastering Angular today

AngularJS Kickstart Package

2 courses

MOST POPULAR

AngularJS Ultimate Package

3 courses

100% 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.