AngularJS Pro icon AngularJS Pro

62 lessons 8 hours
Star Rating Star Rating Star Rating Star Rating Star Rating
4.9/5 (5362 ratings)

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.

Online Course with Todd Motto

Author: Todd Motto Google Developer expert Google Developer Expert

Play Angular featured video DOM API integration 06:12

Course Overview

2 lessons

  • Source files

    Readme
  • Angular 1.6 Breaking Changes

    Readme

Theory: Architecture, components and data flow

4 lessons

  • Architecture and anatomy

    07:21
  • Component and module architecture

    06:03
  • One-way immutable data flow

    05:41
  • Stateful, stateless and routed Components

    03:45

Advanced Directives

12 lessons

  • $scope.$watch / $watchCollection

    06:59
  • $attrs.$observe / $updateClass

    03:57
  • Directive Controllers

    03:23
  • Inherited and isolate scopes

    05:14
  • Using bindToController

    02:22
  • Compile and link functions

    07:05
  • Single-slot automated transclusion

    03:13
  • Transclusion with $transclude

    04:54
  • Multi-slot automated transclusion

    03:47
  • Inheriting Controllers with require

    07:11
  • DOM API integration

    06:12
  • Using third-party plugins/widgets

    05:22

Component API

3 lessons

  • Using .component()

    04:39
  • Using require, $onInit, $postLink, $onDestroy

    05:55
  • One-way databinding and $onChanges

    08:00

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:50
  • $parsers and $formatters

    05:50
  • $validators pipeline

    05:09
  • Validation state-based CSS

    04:41
  • Migrating to ngMessages

    06:18
  • Multiple errors and templates

    05:31
  • Dynamic error messaging

    03:39

Custom filters

2 lessons

  • Single value filters

    04:41
  • 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:25
  • ui-router Directives

    06:06
  • $transitions, $transitionsProvider, uiCanExit, hooks

    09:43
  • Dynamic routes and query params, HTML5 mode

    10:07

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:35
  • HTTP interceptors

    05:26

Unit testing

7 lessons

  • Setup: Karma and Jasmine

    03:56
  • Testing: Standalone Controllers

    07:39
  • Testing: Directives Controllers

    06:10
  • Testing: Component Controllers

    08:04
  • Testing: Filters

    07:06
  • Testing: Services

    05:33
  • Testing: Routing

    07:36

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:12
  • Create new contact, stateful/stateless components

    22:49
  • Editing existing contact, stateful/stateless components

    14:54
  • Stateless tag components

    08:07
  • Rendering contacts from router resolves

    05:36
  • Contact stateless components

    05:53
  • Dynamic ui-router param filtering

    09:20
  • Dynamic content Directive for inputs

    04:42
  • Running tests and Firebase deploy

    03:41

Or choose your bundle!

30-day money back

Our guarantee shows how confident we are in our courses. We’re proud to be empowering thousands of developers, beginners and experienced pros. If you’re anything less than 110% satisfied, let us know and we’ll refund the course in full.

Trusted by the developer community

I've spent $1,500 dollars in the last 6 months trying to learn what you gave me in a single course.

Chris Milford photo

Chris Milford

Senior Engineer

The clearest and best produced courses on the market! Clear, concise, packed with best practices.

Kyle Hebert photo

Kyle Hebert

JavaScript Developer

An immense job breaking things down into simple concepts. I would strongly recommend Ultimate Courses.

Houssein Djirdeh photo

Houssein Djirdeh

JavaScript Engineer

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

Jacob Cheriathundam photo

Jacob Cheriathundam

Development Architect

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

John Oswalt  photo

John Oswalt

Technology Expert

I’ve achieved the structure and organisation that is difficult to get on your own. Excellent.

Sergio Sorrentino photo

Sergio Sorrentino

JavaScript Developer

The courses are incredible. You've opened the door for me to build real Angular apps.

Juan Henriquez photo

Juan Henriquez

Full Stack Engineer

I've learned and understood so much in such a short amount of time, it's unreal!

Christian Eckenrode  photo

Christian Eckenrode

Senior Engineer

A fast track to becoming a super solid Angular developer. Detailed, easy to understand, brilliant.

Mag Leahy photo

Mag Leahy

Angular Developer

This course is the best resource for learning Angular. The Angular Pro course is incredible.

Victor Hazbun photo

Victor Hazbun

CEO

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

Nicolas Telfer photo

Nicolas Telfer

Co-founder

Landed my first job after taking these courses, not sure I'd have made it otherwise.

Mateusz Sapielak photo

Mateusz Sapielak

Systems Developer

A must have for anyone wanting to become an Angular developer. I learned incredible amounts!

Mohammad Aljaber  photo

Mohammad Aljaber

Solutions Architect

You've helped me grasp architecture of Angular apps, and the way it should really be done.

Ritik Rishu photo

Ritik Rishu

Senior Engineer

Todd condenses all his hard earned knowledge into a time-saving learning process.

Sharon DiOrio  photo

Sharon DiOrio

Lead UI Engineer

The best place to get started with Angular, and go straight to the advanced material.

Zhentain Wan photo

Zhentain Wan

Javascript Developer

Todd's in depth knowledge of Angular was fantastic, and the TypeScript explanations are superb.

Hung Bui photo

Hung Bui

Senior Front-End Developer

Extremely helpful in breaking down concepts into something beginners can understand.

Dustin Downs photo

Dustin Downs

JavaScript Developer

Goodbye books and lectures, hello Ultimate Courses. Intuitive, enlightening, and refreshing.

Chris Cooley photo

Chris Cooley

Senior Engineer

The best resource for anyone wanting to get started with Angular, and go way beyond.

Anish Benjamin photo

Anish Benjamin

JavaScript Developer

The content has been well thought out, everything fits together perfectly.

Pranava Balugari photo

Pranava Balugari

JavaScript Developer

Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!

Ryan Woodcox photo

Ryan Woodcox

JavaScript Developer

I've come up to speed immediately. I was lost and confused before this course, a brilliant job.

Joe Kahl photo

Joe Kahl

Senior Engineer

I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.

Fabrizio Masini  photo

Fabrizio Masini

JavaScript Developer

Hands down the best courses available. Daunting concepts aren't scary anymore, they're a breeze.

Vatsal Pande  photo

Vatsal Pande

Full-Stack Engineer

Ultimate Courses is a fantastic way for you and your team to start writing quality code.

Nate Murray  photo

Nate Murray

Author of ng-book

Very few break down concepts in such a digestable way. Full of vital real-world techniques.

Chris Sevilleja  photo

Chris Sevilleja

Co-founder, Scotch.io

Ultimate Courses gives you an edge. Bursts of knowledge that really step up your game.

Simon Dufour photo

Simon Dufour

JavaScript Developer

Crystal clear concepts, meticulously designed examples and projects. Fantastically valuable.

Yiling Lu  photo

Yiling Lu

Senior Developer

The best Angular instructors out there with unrivalled knowledge. First-class Angular courses.

Sebastien Pelletier  photo

Sebastien Pelletier

Technical Team Lead

The essentials of architecture, combined with organisation and advanced tricks.

Johan Chouquet photo

Johan Chouquet

CTO

If you want to finally understand Angular and TypeScript, you're in the right place.

Ryan Chenkie  photo

Ryan Chenkie

Product Owner

The Angular courses are the best you'll find. They've taken our skills to the next level.

Ben Brown photo

Ben Brown

Lead Engineer

Absolutely love these courses, I've built my first proper app. Recommended to all.

Simon Lewis  photo

Simon Lewis

JavaScript Engineer

The real ultimate guide to Angular. Thank you for all your contributions to the community.

Sherry List photo

Sherry List

JavaScript

The Angular courses have been indispensable for me getting things done, the right way.

Stephen Smith photo

Stephen Smith

Founder

Hands down best start to finish NGRX course available. 10/10.

Alexander Torres photo

Alexander Torres

IT Specialist

The first course I've ever watch to the end. I've immediately grasped NGRX Store and Effects!

Ben Dalton photo

Ben Dalton

Front-End Engineer

This course is incredible and laid everything out for me in a few hours. I've fallen in love with NGRX!

Jan van Braeckel photo

Jan van Braeckel

Full-Stack Developer

There's no material available like this online all in one place, fantastic.

Dick Swart photo

Dick Swart

Senior Developer