angular icon

Angular Fundamentals

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

Author: Todd Motto Google Developer expert Google Developer Expert

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.

Play Angular featured video ngFor and iterating collections 07:43

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

Start learning now

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

59 lessons 5 hours
Star Rating Star Rating Star Rating Star Rating Star Rating
4.7/5 (2502 ratings)

$129

$189

$499

$599

$899

$1099

$1499

$1799

$2499

$2899

Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!

Ryan Woodcox Picture

Ryan Woodcox

JavaScript Developer

Get the complete package
 Ultimate Package

Ultimate Package Best seller

Become an expert at building real-world Angular applications, with scalable
state management architecture, and all the TypeScript knowledge you could ever need.

$129
Angular <span>Fundamentals</span> language icon

Angular Fundamentals

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.

59 videos 5 hours

Star Rating Star Rating Star Rating Star Rating Star Rating 4.7 (2502 ratings)
$129
Angular <span>Pro</span> language icon

Angular Pro

With Angular you can build apps for web, mobile, or desktop. In this course you will unlock Angular’s full potential with knowledge of its most advanced features. From Reactive Forms to Advanced Components, Modular Architecture, State Management, and Unit Testing, you’ll master it all - producing a final project to prove it.

116 videos 16 hours

Star Rating Star Rating Star Rating Star Rating Star Rating 4.8 (2014 ratings)
$129
NGRX <span>Store + Effects</span> language icon

NGRX Store + Effects

As applications scale, they need predictable and maintainable state management. This course teaches you the core concepts behind the Redux Pattern and Reactive State Management. You'll learn Actions, Reducers, Effects and much more. We'll also uncover advanced topics such as Entities, Memoized Selectors, Immutability, Preloading, Router State and Testing.

41 videos 7 hours

Star Rating Star Rating Star Rating Star Rating Star Rating 4.9 (1098 ratings)
$129
TypeScript <span>Basics</span> language icon

TypeScript Basics

This comprehensive course takes you on a journey through the TypeScript language, unveiling the many benefits of adopting static types. Explore common practices, the compiler, classes, ES6/7, functions, and everything else you need to unleash your inner TypeScript desire.

50 videos 5 hours

Star Rating Star Rating Star Rating Star Rating Star Rating 4.6 (813 ratings)
$129
TypeScript <span>Masterclass</span> language icon

TypeScript Masterclass

Ready to reach beyond the basics? Level-up your TypeScript flare with Generics, Enums, Overloads, Type Guards and Queries, Mapped Types, Declaration Files, and more. We’ll also equip you with a comprehensive understanding of the Compiler Options, so you can use your new-found expertise every time you build a new TypeScript app.

40 videos 3 hours

Star Rating Star Rating Star Rating Star Rating Star Rating 4.8 (1042 ratings)

30-day money back

Our guarantee shows how confident we are in our courses. We’re proud to be empowering thousands of developers, beginners and experienced pros. If you’re anything less than 110% satisfied, let us know and we’ll refund the course in full.

Student and location discounts

Not-so-good exchange rate? (i.e. India/Brazil). We’re human too, and we’d be happy to help you out with a coupon. If you’re a student, email us from your student email address with a copy of your student ID to see what discounts you qualify for!

Trusted by the developer community

I've come up to speed immediately. I was lost and confused before this course, a brilliant job.

Joe Kahl Picture

Joe Kahl

Senior Engineer

There's no material available like this online all in one place, fantastic.

Dick Swart Picture

Dick Swart

Senior Developer

This course is incredible and laid everything out for me in a few hours. I've fallen in love with NGRX!

Jan van Braeckel Picture

Jan van Braeckel

Full-Stack Developer

The first course I've ever watch to the end. I've immediately grasped NGRX Store and Effects!

Ben Dalton Picture

Ben Dalton

Front-End Engineer

Hands down best start to finish NGRX course available. 10/10.

Alexander Torres Picture

Alexander Torres

IT Specialist

The Angular courses have been indispensable for me getting things done, the right way.

Stephen Smith Picture

Stephen Smith

Founder

The real ultimate guide to Angular. Thank you for all your contributions to the community.

Sherry List Picture

Sherry List

JavaScript

Absolutely love these courses, I've built my first proper app. Recommended to all.

Simon Lewis Picture

Simon Lewis

JavaScript Engineer

The Angular courses are the best you'll find. They've taken our skills to the next level.

Ben Brown Picture

Ben Brown

Lead Engineer

An immense job breaking things down into simple concepts. I would strongly recommend Ultimate Courses.

Houssein Djirdeh Picture

Houssein Djirdeh

JavaScript Engineer

If you want to finally understand Angular and TypeScript, you're in the right place.

Ryan Chenkie Picture

Ryan Chenkie

Product Owner

The essentials of architecture, combined with organisation and advanced tricks.

Johan Chouquet Picture

Johan Chouquet

CTO

The best Angular instructors out there with unrivalled knowledge. First-class Angular courses.

Sebastien Pelletier Picture

Sebastien Pelletier

Technical Team Lead

Crystal clear concepts, meticulously designed examples and projects. Fantastically valuable.

Yiling Lu Picture

Yiling Lu

Senior Developer

Ultimate Courses gives you an edge. Bursts of knowledge that really step up your game.

Simon Dufour Picture

Simon Dufour

JavaScript Developer

Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.

Jacob Cheriathundam Picture

Jacob Cheriathundam

Development Architect

Very few break down concepts in such a digestable way. Full of vital real-world techniques.

Chris Sevilleja Picture

Chris Sevilleja

Co-founder, Scotch.io

Ultimate Courses is a fantastic way for you and your team to start writing quality code.

Nate Murray Picture

Nate Murray

Author of ng-book

Hands down the best courses available. Daunting concepts aren't scary anymore, they're a breeze.

Vatsal Pande Picture

Vatsal Pande

Full-Stack Engineer

I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.

Fabrizio Masini Picture

Fabrizio Masini

JavaScript Developer

The clearest and best produced courses on the market! Clear, concise, packed with best practices.

Kyle Hebert Picture

Kyle Hebert

JavaScript Developer

Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!

Ryan Woodcox Picture

Ryan Woodcox

JavaScript Developer

The content has been well thought out, everything fits together perfectly.

Pranava Balugari Picture

Pranava Balugari

JavaScript Developer

The best resource for anyone wanting to get started with Angular, and go way beyond.

Anish Benjamin Picture

Anish Benjamin

JavaScript Developer

Goodbye books and lectures, hello Ultimate Courses. Intuitive, enlightening, and refreshing.

Chris Cooley Picture

Chris Cooley

Senior Engineer

Extremely helpful in breaking down concepts into something beginners can understand.

Dustin Downs Picture

Dustin Downs

JavaScript Developer

Todd's indepth knowledge of Angular was fantastic, and the TypeScript explanations are superb.

Hung Bui Picture

Hung Bui

Senior Front-End Developer

The best place to get started with Angular, and go straight to the advanced material.

Zhentain Wan Picture

Zhentain Wan

Javascript Developer

Todd condenses all his hard earned knowledge into a time-saving learning process.

Sharon DiOrio Picture

Sharon DiOrio

Lead UI Engineer

You've helped me grasp architecture of Angular apps, and the way it should really be done.

Ritik Rishu Picture

Ritik Rishu

Senior Engineer

A must have for anyone wanting to become an Angular developer. I learned incredible amounts!

Mohammad Aljaber Picture

Mohammad Aljaber

Solutions Architect

Landed my first job after taking these courses, not sure I'd have made it otherwise.

Mateusz Sapielak Picture

Mateusz Sapielak

Systems Developer

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

Nicolas Telfer Picture

Nicolas Telfer

Co-founder

This course is the best resource for learning Angular. The Angular Pro course is incredible.

Victor Hazbun Picture

Victor Hazbun

CEO

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

Mag Leahy Picture

Mag Leahy

Angular Developer

I've learned and understood so much in such a short amount of time, it's unreal!

Christian Eckenrode Picture

Christian Eckenrode

Senior Engineer

The courses are incredible. You've opened the door for me to build real Angular apps.

Juan Henriquez Picture

Juan Henriquez

Full Stack Engineer

I’ve achieved the structure and organisation that is difficult to get on your own. Excellent.

Sergio Sorrentino Picture

Sergio Sorrentino

JavaScript Developer

I've spent $1,500 dollars in the last 6 months trying to learn what you gave me in a single course.

Chris Milford Picture

Chris Milford

Tech Lead

Todd's Angular courses are one of the best online trainings that can be found. A+.

John Oswalt Picture

John Oswalt

Technology Expert