Learn Angular <span>Fundamentals</span> the right way Angular Fundamentals

Star Rating Star Rating Star Rating Star Rating Star Rating 4.7/5 (2397 ratings)
59 lessons 5 hours Up-to-date with v6.x
Todd Motto teaching Ultimate Courses

Todd Motto Google Developer expert Google Developer Expert

It all begins with concepts, architecture and uni-directional dataflow. You need to grasp concepts before implementation. Then we take a dive through the core essentials of the framework and within minutes you'll grasp Components, Modules, Observables, Services, Routing, Forms and lots of best practices to build real apps.

You truly have a gift for teaching Angular. I wish I'd taken your courses from the start! I've learned and understood so much in such a short amount of time, it's unreal!

Christian Eckenrode Picture

Christian Eckenrode

Sr. Engineer

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

Mag Leahy Picture

Mag Leahy

Angular Developer

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

Nicolas Telfer Picture

Nicolas Telfer

Co-founder

What you'll learn

Everything you need, structured and ready to go

Architecture, setup, source files (3 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Angular Architecture overview

    Angular Architecture overview

    04:54
  • Enroll to Play
    EnrollGo to ultimate packages

    Setup instructions

    Setup instructions

    Readme
  • Enroll to Play
    EnrollGo to ultimate packages

    Source files

    Source files

    Readme

ES5 to ES6 and TypeScript refresher (3 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Refresher video overview

    Refresher video overview

    Readme
  • Enroll to Play
    EnrollGo to ultimate packages

    Classes, Spread operator, Arrow functions, Immutability

    Classes, Spread operator, Arrow functions, Immutability

    10:24
  • Enroll to Play
    EnrollGo to ultimate packages

    Understanding import and exports

    Understanding import and exports

    02:33

Getting started (4 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Installing our project

    Installing our project

    01:35
  • First component with @Component

    First component with @Component

    06:45
  • Enroll to Play
    EnrollGo to ultimate packages

    Root module with @NgModule

    Root module with @NgModule

    05:33
  • Enroll to Play
    EnrollGo to ultimate packages

    Bootstrapping Angular

    Bootstrapping Angular

    02:33

Template fundamentals (5 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Interpolation and expressions

    Interpolation and expressions

    03:28
  • Enroll to Play
    EnrollGo to ultimate packages

    Property binding

    Property binding

    05:27
  • Enroll to Play
    EnrollGo to ultimate packages

    Event binding

    Event binding

    06:07
  • Enroll to Play
    EnrollGo to ultimate packages

    Two-way binding

    Two-way binding

    04:39
  • Enroll to Play
    EnrollGo to ultimate packages

    Template #ref variables

    Template #ref variables

    02:28

Rendering flows (6 lessons)

  • ngIf, * syntax and <ng-template>

    ngIf, * syntax and <ng-template>

    06:11
  • Enroll to Play
    EnrollGo to ultimate packages

    ngFor and iterating collections

    ngFor and iterating collections

    07:42
  • Enroll to Play
    EnrollGo to ultimate packages

    ngClass and className bindings

    ngClass and className bindings

    05:47
  • Enroll to Play
    EnrollGo to ultimate packages

    ngStyle and style bindings

    ngStyle and style bindings

    03:28
  • Enroll to Play
    EnrollGo to ultimate packages

    Pipes for data transformation

    Pipes for data transformation

    08:08
  • Enroll to Play
    EnrollGo to ultimate packages

    Safe navigation operator

    Safe navigation operator

    05:23

Component Architecture and Feature Modules (11 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Smart and dumb components overview

    Smart and dumb components overview

    01:41
  • Enroll to Play
    EnrollGo to ultimate packages

    One-way dataflow overview

    One-way dataflow overview

    03:30
  • Enroll to Play
    EnrollGo to ultimate packages

    Feature modules with @NgModule

    Feature modules with @NgModule

    04:07
  • Enroll to Play
    EnrollGo to ultimate packages

    Creating a container (smart) component

    Creating a container (smart) component

    11:12
  • Enroll to Play
    EnrollGo to ultimate packages

    ngOnInit lifecycle hook

    ngOnInit lifecycle hook

    02:51
  • Enroll to Play
    EnrollGo to ultimate packages

    Presentational (dumb) components

    Presentational (dumb) components

    06:22
  • Passing data into components with @Input

    Passing data into components with @Input

    06:27
  • Enroll to Play
    EnrollGo to ultimate packages

    Dynamic @Input values with *ngFor

    Dynamic @Input values with *ngFor

    05:29
  • Enroll to Play
    EnrollGo to ultimate packages

    Emitting changes with @Output and EventEmitter

    Emitting changes with @Output and EventEmitter

    15:58
  • Enroll to Play
    EnrollGo to ultimate packages

    Immutable state changes

    Immutable state changes

    06:21
  • Enroll to Play
    EnrollGo to ultimate packages

    ngOnChanges lifecycle hook

    ngOnChanges lifecycle hook

    07:06

Services, Http and Observables (7 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Data Services and Dependency Injection

    Data Services and Dependency Injection

    08:18
  • Enroll to Play
    EnrollGo to ultimate packages

    Understanding @Injectable

    Understanding @Injectable

    04:13
  • Http data fetching with Observables

    Http data fetching with Observables

    09:13
  • Enroll to Play
    EnrollGo to ultimate packages

    Http put, delete with immutable state

    Http put, delete with immutable state

    08:13
  • Enroll to Play
    EnrollGo to ultimate packages

    Custom Headers and RequestOptions

    Custom Headers and RequestOptions

    02:26
  • Enroll to Play
    EnrollGo to ultimate packages

    Http Promises alternative

    Http Promises alternative

    02:25
  • Enroll to Play
    EnrollGo to ultimate packages

    Observable.throw error handling

    Observable.throw error handling

    01:58

Template-driven Forms, Inputs and Validation (9 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Forms container component

    Forms container component

    08:57
  • Enroll to Play
    EnrollGo to ultimate packages

    Form stateless component

    Form stateless component

    08:03
  • Enroll to Play
    EnrollGo to ultimate packages

    ngForm and ngModel

    ngForm and ngModel

    06:37
  • Enroll to Play
    EnrollGo to ultimate packages

    Binding to radio buttons

    Binding to radio buttons

    08:26
  • Enroll to Play
    EnrollGo to ultimate packages

    Binding to checkboxes

    Binding to checkboxes

    02:06
  • <select> option rendering, and ngValue

    <select> option rendering, and ngValue

    09:59
  • Enroll to Play
    EnrollGo to ultimate packages

    Form validation and error states

    Form validation and error states

    09:55
  • Enroll to Play
    EnrollGo to ultimate packages

    Dynamically disabling submit

    Dynamically disabling submit

    01:51
  • ngSubmit and stateless @Output

    ngSubmit and stateless @Output

    07:13

Component Routing (12 lessons)

  • Enroll to Play
    EnrollGo to ultimate packages

    Base href and RouterModule

    Base href and RouterModule

    01:03
  • Enroll to Play
    EnrollGo to ultimate packages

    Root module routes and outlet

    Root module routes and outlet

    05:08
  • Enroll to Play
    EnrollGo to ultimate packages

    Wildcard routes for 404 handling

    Wildcard routes for 404 handling

    02:00
  • Enroll to Play
    EnrollGo to ultimate packages

    Understanding routerLink

    Understanding routerLink

    02:13
  • Enroll to Play
    EnrollGo to ultimate packages

    Styling active routes

    Styling active routes

    04:48
  • Enroll to Play
    EnrollGo to ultimate packages

    Dynamic navigation with ngFor

    Dynamic navigation with ngFor

    03:29
  • Enroll to Play
    EnrollGo to ultimate packages

    Feature-module routes with forChild()

    Feature-module routes with forChild()

    04:02
  • Enroll to Play
    EnrollGo to ultimate packages

    Child and dynamic routes

    Child and dynamic routes

    03:01
  • Route params, data-fetching with switchMap

    Route params, data-fetching with switchMap

    05:41
  • Enroll to Play
    EnrollGo to ultimate packages

    Imperative routing API

    Imperative routing API

    07:36
  • Enroll to Play
    EnrollGo to ultimate packages

    Hash location strategy

    Hash location strategy

    02:00
  • Enroll to Play
    EnrollGo to ultimate packages

    Applying redirects

    Applying redirects

    00:56
Learn Angular <span>Fundamentals</span> the right way

Angular Fundamentals

59 lessons 5 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 Angular today

Angular Kickstart Package

2 courses 175 lessons 21 hours

Save 23%

$199

$258

Save 20%

$799

$995

Save 25%

$1499

$1990

Save 37%

$2499

$3980

Save 56%

$3499

$7960

Save 68%

$4499

$13930

Save 72%

$5499

$19900

Most popular

Angular Ultimate Package

5 courses 306 lessons 36 hours

Save 61%

$249

$645

Save 14%

$1199

$1395

Save 32%

$1899

$2790

Save 48%

$2899

$5580

Save 60%

$4499

$11160

Save 67%

$6499

$19530

Save 70%

$8499

$27900

Free NGRX image

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.