Angular Fundamentals icon Angular Fundamentals

Star Rating Star Rating Star Rating Star Rating Star Rating
4.9/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 Fundamentals icon

Angular

Compatible with 8.x

Course duration

Duration

60 lessons 5 hours

What you'll learn

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.

ngFor and iterating collections 7:43

Online Course with Todd Motto

Todd Motto

Google Developer expert Google Developer Expert

Requirements

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

Fantastic course. Everything you could ever wish for in a fundamentals course on Angular. This course asks the question "why?" and responds with the answers! Great course.

Ryan Woodcox photo

Ryan Woodcox

JavaScript 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 photo

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  photo

Vatsal Pande

Full-Stack Engineer, eBay

Todd is the best Angular instructor out there with unrivalled knowledge. His courses give you all you need to build first-class Angular apps.

Sebastien Pelletier  photo

Sebastien Pelletier

Technical Team Lead

Todd does an immense job breaking concepts down into something far simpler. I strongly recommend Ultimate Courses to anyone looking to improve their understanding of core Angular knowledge!

Houssein Djirdeh photo

Houssein Djirdeh

JavaScript Engineer, Deloitte Digital

Todd's courses are incredible, they've changed the way we write our code. His Angular courses are the best you'll find for beginners, teams, seniors. They've taken our team's skills to the next level.

Ben Brown photo

Ben Brown

Lead Engineer

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
  • v4-v6 Changelog

    Readme

ES5 to ES6 and TypeScript refresher

3 lessons

  • Refresher video overview

    Readme
  • Classes, Spread operator, Arrow functions, Immutability

    10:25
  • 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:29
  • Property binding

    05:28
  • Event binding

    06:08
  • Two-way binding

    04:39
  • Template #ref variables

    02:29

Rendering flows

6 lessons

  • ngIf, * syntax and <ng-template>

    06:12
  • ngFor and iterating collections

    07:43
  • ngClass and className bindings

    05:47
  • ngStyle and style bindings

    03:28
  • Pipes for data transformation

    08:08
  • Safe navigation operator

    05:24

Component Architecture and Feature Modules

11 lessons

  • Smart and dumb components overview

    01:42
  • One-way dataflow overview

    03:31
  • Feature modules with @NgModule

    04:07
  • Creating a container (smart) component

    11:11
  • 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:59
  • Immutable state changes

    06:22
  • ngOnChanges lifecycle hook

    07:06

Services, Http and Observables

7 lessons

  • Data Services and Dependency Injection

    08:19
  • Understanding @Injectable

    04:13
  • Http data fetching with Observables

    09:14
  • Http put, delete with immutable state

    08:14
  • Custom Headers and RequestOptions

    02:27
  • Http Promises alternative

    02:26
  • Observable.throw error handling

    01:59

Template-driven Forms, Inputs and Validation

9 lessons

  • Forms container component

    08:57
  • Form stateless component

    08:04
  • ngForm and ngModel

    06:38
  • Binding to radio buttons

    08:27
  • Binding to checkboxes

    02:06
  • select option rendering, and ngValue

    10:00
  • Form validation and error states

    09:56
  • Dynamically disabling submit

    01:52
  • ngSubmit and stateless @Output

    07:13

Component Routing

12 lessons

  • Base href and RouterModule

    01:04
  • Root module routes and outlet

    05:09
  • Wildcard routes for 404 handling

    02:00
  • Understanding routerLink

    02:14
  • Styling active routes

    04:49
  • Dynamic navigation with ngFor

    03:30
  • Feature-module routes with forChild()

    04:02
  • Child and dynamic routes

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

    05:42
  • Imperative routing API

    07:36
  • Hash location strategy

    02:00
  • Applying redirects

    00:56

$129

Payment method MasterCard Payment method PayPal Payment method VISA Payment method Amex

Secure SSL encrypted payments

Or get the complete bundle...

Everything you need to start mastering Angular today

Get Free NGRX

Angular Kickstart Bundle

2 courses

Angular Fundamentals icon

Angular Fundamentals

60 lessons 5 hours

$129
Angular Pro icon

Angular Pro

118 lessons 17 hours

$129
Payment method MasterCard Payment method PayPal Payment method VISA Payment method 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.