RxJS icon Launch Deal: Get $100 off the RxJS Kickstart Bundle now!

RxJS Masterclass is here. 2-course bundle - buy now (discount applied at checkout).

days
hours
mins
secs

Angular icon Angular Fundamentals

Star rating Star rating Star rating Star rating Star rating

4.7/5 (2897 ratings)

Kick your Angular skills into action with this comprehensive dive into Angular and getting started the right way. Complete with best practices and architecture practices.

Angular

Angular

Compatible with v8.x

Course duration icon

Duration

59 lessons 5 hours

What you'll learn

This course teaches you to make informed decisions by diving deep into real concepts, architecture, and unidirectional dataflow. We then weave our way through the core framework essentials, giving you all the fundamental knowledge to build your first real-world Angular app.

Requirements

  • HTML/CSS experience
  • JavaScript basic knowledge
  • HTTP (Ajax) experience
  • Understanding of DOM APIs

Here’s what’s covered...

Architecture, setup, source files

3 lessons

  • Angular Architecture overview

    04:54

  • Setup instructions

    Readme

  • Source files

    Readme

ES5 to ES6 and TypeScript refresher

3 lessons

  • Refresher video overview

    Readme

  • Classes, Spread operator, Arrow functions, Immutability

    10:24

  • Understanding import and exports

    02:33

Getting started

4 lessons

  • Installing our project

    01:35

  • First component with @Component

    06:45

  • Root module with @NgModule

    05:33

  • Bootstrapping Angular

    02:33

Template fundamentals

5 lessons

  • Interpolation and expressions

    03:28

  • Property binding

    05:27

  • Event binding

    06:07

  • Two-way binding

    04:39

  • Template #ref variables

    02:28

Rendering flows

6 lessons

  • ngIf, * syntax and <ng-template>

    06:11

  • ngFor and iterating collections

    07:42

  • ngClass and className bindings

    05:47

  • ngStyle and style bindings

    03:28

  • Pipes for data transformation

    08:08

  • Safe navigation operator

    05:23

Component Architecture and Feature Modules

11 lessons

  • Smart and dumb components overview

    01:41

  • One-way dataflow overview

    03:30

  • Feature modules with @NgModule

    04:07

  • Creating a container (smart) component

    11:12

  • ngOnInit lifecycle hook

    02:51

  • Presentational (dumb) components

    06:22

  • Passing data into components with @Input

    06:27

  • Dynamic @Input values with *ngFor

    05:29

  • Emitting changes with @Output and EventEmitter

    15:58

  • Immutable state changes

    06:21

  • ngOnChanges lifecycle hook

    07:06

Services, Http and Observables

7 lessons

  • Data Services and Dependency Injection

    08:18

  • Understanding @Injectable

    04:13

  • Http data fetching with Observables

    09:13

  • Http put, delete with immutable state

    08:13

  • Custom Headers and RequestOptions

    02:26

  • Http Promises alternative

    02:25

  • Observable.throw error handling

    01:58

Template-driven Forms, Inputs and Validation

9 lessons

  • Forms container component

    08:57

  • Form stateless component

    08:03

  • ngForm and ngModel

    06:37

  • Binding to radio buttons

    08:26

  • Binding to checkboxes

    02:06

  • <select> option rendering, and ngValue

    09:59

  • Form validation and error states

    09:55

  • Dynamically disabling submit

    01:51

  • ngSubmit and stateless @Output

    07:13

Component Routing

12 lessons

  • Base href and RouterModule

    01:03

  • Root module routes and outlet

    05:08

  • Wildcard routes for 404 handling

    02:00

  • Understanding routerLink

    02:13

  • Styling active routes

    04:48

  • Dynamic navigation with ngFor

    03:29

  • Feature-module routes with forChild()

    04:02

  • Child and dynamic routes

    03:01

  • Route params, data-fetching with switchMap

    05:41

  • Imperative routing API

    07:36

  • Hash location strategy

    02:00

  • Applying redirects

    00:56

ngFor and iterating collections 07:43

Todd Motto

Todd Motto

Google Developer Expert icon Google Developer Expert

$ 129 Sale 32% /per user

189 Total: $

Add to Cart

EU customers: price excludes VAT

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

If you're looking for a step-by-step guide for learning Angular and TypeScript, you'll find no better resource than Ultimate Courses.

David East

David East

Developer Advocate, Firebase

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

I started this course while I was already using Angular in my day-to-day job. I found this particular course helpful because it can give you the best overview about Angular I was able to find.

Oliver Witzki

Oliver Witzki

Front-end Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

The down to earth approach combined with simple technique really unwinds the complex concepts and I can truly say that ultimate angular bundle is one of the best investments I have ever made!

Gowtham Anbazhagan

Gowtham Anbazhagan

Lead Front-end Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

I have been trying to learn Angular and tried learning from different platforms, but they are not even close to Todds teaching. He clears each and every concept very easily and in a simple way.

Abhishek Kumar

Abhishek Kumar

JavaScript Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Todd's courses lead the way in the Angular world. We also worked together on a very successful live Angular performance training session to hundreds of developers.

Peter Cooper

Peter Cooper

CooperPress, JavaScript Weekly

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Incredible courses. Each lesson has it's own source code as well for future access. Best place to get started with Angular, and then move onto the advanced material!

Zhentain Wan

Zhentain Wan

Javascript Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Angular Fundamentals is the clearest, and best produced Angular course on the market! Clear, concise, packed with best practices and skilled me up very quickly!

Kyle Hebert

Kyle Hebert

JavaScript Developer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Todd's materials are always fantastic! The courses have helped me far better grasp real architecture of Angular apps - and the way it should really be done. A+.

Ritik Rishu

Ritik Rishu

Senior Engineer

5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating 5/5 star rating

Or get the complete bundle...

Everything you need to start mastering Angular today

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

100% 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 every cent back.

Student/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.

Get the full Angular bundle

I've created the best 7 course bundle on the internet. It will teach you everything you need to know about Angular.

  • Course category icon Angular Fundamentals 59 lessons, 5 hours
  • Course category icon Angular Pro 116 lessons, 16 hours
  • Course category icon TypeScript Basics 44 lessons, 4 hours
  • Course category icon TypeScript Masterclass 39 lessons, 3 hours
  • Course category icon RxJS Basics 47 lessons, 4 hours
  • Course category icon RxJS Masterclass 35 lessons, 3 hours
  • Course category icon NGRX Store + Effects 41 lessons, 7 hours

Get the entire collection, 6 more courses, for just $220 extra!