Angular Icon Get 67% off the Angular Master Bundle!

See the bundle then add to cart and your discount is applied.

0 days
00 hours
00 mins
00 secs

Architecture, setup, source files

3 lessons

  • Play Icon Angular Architecture overview

    04:54

  • File Icon Setup instructions

    Readme

  • File Icon Source files

    Readme

ES5 to ES6 and TypeScript refresher

3 lessons

  • File Icon Refresher video overview

    Readme

  • Play Icon Classes, Spread operator, Arrow functions, Immutability

    10:24

  • Play Icon Understanding import and exports

    02:33

Getting started

4 lessons

  • Play Icon Installing our project

    01:35

  • Play Icon First component with @Component

    06:45

  • Play Icon Root module with @NgModule

    05:33

  • Play Icon Bootstrapping Angular

    02:33

Template fundamentals

5 lessons

  • Play Icon Interpolation and expressions

    03:28

  • Play Icon Property binding

    05:27

  • Play Icon Event binding

    06:07

  • Play Icon Two-way binding

    04:39

  • Play Icon Template #ref variables

    02:28

Rendering flows

6 lessons

  • Play Icon ngIf, * syntax and <ng-template>

    06:11

  • Play Icon ngFor and iterating collections

    07:42

  • Play Icon ngClass and className bindings

    05:47

  • Play Icon ngStyle and style bindings

    03:28

  • Play Icon Pipes for data transformation

    08:08

  • Play Icon Safe navigation operator

    05:23

Component Architecture and Feature Modules

11 lessons

  • Play Icon Smart and dumb components overview

    01:41

  • Play Icon One-way dataflow overview

    03:30

  • Play Icon Feature modules with @NgModule

    04:07

  • Play Icon Creating a container (smart) component

    11:12

  • Play Icon ngOnInit lifecycle hook

    02:51

  • Play Icon Presentational (dumb) components

    06:22

  • Play Icon Passing data into components with @Input

    06:27

  • Play Icon Dynamic @Input values with *ngFor

    05:29

  • Play Icon Emitting changes with @Output and EventEmitter

    15:58

  • Play Icon Immutable state changes

    06:21

  • Play Icon ngOnChanges lifecycle hook

    07:06

Services, Http and Observables

7 lessons

  • Play Icon Data Services and Dependency Injection

    08:18

  • Play Icon Understanding @Injectable

    04:13

  • Play Icon Http data fetching with Observables

    09:13

  • Play Icon Http put, delete with immutable state

    08:13

  • Play Icon Custom Headers and RequestOptions

    02:26

  • Play Icon Http Promises alternative

    02:25

  • Play Icon Observable.throw error handling

    01:58

Template-driven Forms, Inputs and Validation

9 lessons

  • Play Icon Forms container component

    08:57

  • Play Icon Form stateless component

    08:03

  • Play Icon ngForm and ngModel

    06:37

  • Play Icon Binding to radio buttons

    08:26

  • Play Icon Binding to checkboxes

    02:06

  • Play Icon <select> option rendering, and ngValue

    09:59

  • Play Icon Form validation and error states

    09:55

  • Play Icon Dynamically disabling submit

    01:51

  • Play Icon ngSubmit and stateless @Output

    07:13

Component Routing

12 lessons

  • Play Icon Base href and RouterModule

    01:03

  • Play Icon Root module routes and outlet

    05:08

  • Play Icon Wildcard routes for 404 handling

    02:00

  • Play Icon Understanding routerLink

    02:13

  • Play Icon Styling active routes

    04:48

  • Play Icon Dynamic navigation with ngFor

    03:29

  • Play Icon Feature-module routes with forChild()

    04:02

  • Play Icon Child and dynamic routes

    03:01

  • Play Icon Route params, data-fetching with switchMap

    05:41

  • Play Icon Imperative routing API

    07:36

  • Play Icon Hash location strategy

    02:00

  • Play Icon Applying redirects

    00:56

Get the complete bundle...

Everything you need to start mastering Angular today

Terminal Icon Job-ready training

Nail that interview with your new skills that will set you apart.

Trophy Icon All the best practices

Best practices, design patterns, performance and architecture.

Rocket Logo Stream or download

Learn at home at your own pace, download for offline viewing.

Google Developer Expert Logo Expert knowledge

Built by Google Developer Experts, there's no better place to learn web.

Stackblitz Logo StackBlitz examples

Access full course source code and experiment in the browser too!

Slack Logo Slack community

Exclusive access to our members-only community (6,500+ members).

MasterCard Icon PayPal Icon VISA Icon Amex Icon

Secure SSL encrypted payments

Moneyback Icon

30-day money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get a full refund.

Discount Icon

Location + Student discounts

Not-so-good exchange rate (i.e. India/Brazil)? Are you a student? Contact us for a coupon with your location or student details.

🎉 Get 6 more courses for just $169 extra!

Upgrade to the full Angular Master bundle and save 💰

Todd Motto

Brought to you by Todd Motto, multi-award winner, world-wide conference speaker and workshop leader. Google Developer Expert icon Google Developer Expert

  • Angular Icon

    Angular Fundamentals

    59 lessons
  • Angular Icon

    Angular Pro

    116 lessons
  • Typescript Icon

    TypeScript Basics

    44 lessons
  • Typescript Icon

    TypeScript Masterclass

    39 lessons
  • Rxjs Icon

    RxJS Basics

    47 lessons
  • Rxjs Icon

    RxJS Masterclass

    35 lessons
  • Ngrx Icon

    NGRX Store + Effects

    41 lessons
Angular Icon