Angular icon Get $50 off the Angular Master bundle this week only!

Use coupon code ANGULAR_50 at checkout now!

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.

ngFor and iterating collections 07:43

Todd Motto

Todd Motto

Google Developer Expert icon Google Developer Expert

Requirements

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

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

After the RxJS Basics course I know much more than before about RxJS. I've learnt in a practical way how and when to use the powerful operators the library provides taking advantage from them in the daily work. Amazing!

Attilio Urbani

Attilio Urbani

Software Engineer

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

A must have for anyone wanting to become an Angular developer. Lots of best practices to help you architect big apps. I learned incredible amounts from this course!

Mohammad Aljaber

Mohammad Aljaber

Solutions Architect

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

Wow! I've achieved a great level of understanding on how to build real applications with Angular. Todd's indepth knowledge of Angular was fantastic, and the explanations on Typescript are superb.

Hung Bui

Hung Bui

Senior Front-End Developer

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

Hands down the best courses available for Angular! Just follow along, you'll fall in love with Angular. Daunting concepts aren't scary anymore, they're a breeze.

Vatsal Pande

Vatsal Pande

Full-Stack Engineer, eBay

Here’s what’s covered...

Everything you need, structured and ready to go

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

$ 129 Sale 32% /per user

189 Total: $

Accepting MasterCard Accepting PayPal Accepting VISA Accepting Amex

Secure SSL encrypted payments

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.