Angular Fundamentals
Angular 
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.
Author: Todd Motto 
Google Developer Expert
ngFor and iterating collections • 7:43
ngFor and iterating collections - Job-ready training
- Skill up your team
- Expert knowledge
- Certificate of completion
- Stream or download
- Best practices included
- Closed Captions (subtitles)
- Free lifetime updates
- Slack community access
Topics you'll learn
- Modular Architecture and Anatomy
- Smart/Dumb Component Architecture
- One-way Dataflow and Immutability
- Application Structure, Best Practices
- Behavioral and Structural Directives
- Template Binding Syntax
- Component Lifecycle Hooks
- Feature Modules and Routing
- Http and Observable Services
- Forms and Validation
Todd brings unique enthusiasm, activity and expertise to the Angular community.
Brad Green
Architecture, setup, source files
Angular Architecture overview
04:54Setup instructions
Readmev4-v6 Changelog
Readme
ES5 to ES6 and TypeScript refresher
Refresher video overview
ReadmeClasses, Spread operator, Arrow functions, Immutability
10:25Understanding import and exports
02:33
Getting started
Installing our project
01:35First component with @Component
06:45Root module with @NgModule
05:33Bootstrapping Angular
02:33
Template fundamentals
Interpolation and expressions
03:29Property binding
05:28Event binding
06:08Two-way binding
04:39Template #ref variables
02:29
Rendering flows
ngIf, * syntax and <ng-template>
06:12ngFor and iterating collections
07:43ngClass and className bindings
05:47ngStyle and style bindings
03:28Pipes for data transformation
08:08Safe navigation operator
05:24
Component Architecture and Feature Modules
Smart and dumb components overview
01:42One-way dataflow overview
03:31Feature modules with @NgModule
04:07Creating a container (smart) component
11:11ngOnInit lifecycle hook
02:51Presentational (dumb) components
06:22Passing data into components with @Input
06:27Dynamic @Input values with *ngFor
05:29Emitting changes with @Output and EventEmitter
15:59Immutable state changes
06:22ngOnChanges lifecycle hook
07:06
Services, Http and Observables
Data Services and Dependency Injection
08:19Understanding @Injectable
04:13Http data fetching with Observables
09:14Http put, delete with immutable state
08:14Custom Headers and RequestOptions
02:27Http Promises alternative
02:26Observable.throw error handling
01:59
Template-driven Forms, Inputs and Validation
Forms container component
08:57Form stateless component
08:04ngForm and ngModel
06:38Binding to radio buttons
08:27Binding to checkboxes
02:06select option rendering, and ngValue
10:00Form validation and error states
09:56Dynamically disabling submit
01:52ngSubmit and stateless @Output
07:13
Component Routing
Base href and RouterModule
01:04Root module routes and outlet
05:09Wildcard routes for 404 handling
02:00Understanding routerLink
02:14Styling active routes
04:49Dynamic navigation with ngFor
03:30Feature-module routes with forChild()
04:02Child and dynamic routes
03:01Route params, data-fetching with switchMap
05:42Imperative routing API
07:36Hash location strategy
02:00Applying redirects
00:56
Or choose your bundle!
Recommended learning bundle:
Angular Ultimate Bundle
Become an expert at building real-world Angular applications, with scalable state management architecture, and all the TypeScript knowledge you could ever need.
Angular Fundamentals
60 lessons • 5 hours • Beginner/Intermediate
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.
What you'll learn
- Modular Architecture and Anatomy
- Smart/Dumb Component Architecture
- One-way Dataflow and Immutability
- Application Structure, Best Practices
- Behavioral and Structural Directives
- Template Binding Syntax
- Component Lifecycle Hooks
- Feature Modules and Routing
- Http and Observable Services
- Forms and Validation
Angular Pro
118 lessons • 17 hours • Intermediate/Advanced
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.
What you'll learn
- Advanced Component Practices
- @ViewChild, @ContentChild Decorators
- Content Projection
- Dynamic Components and ng-template
- OnPush ChangeDetection
- @Host, @Hostbinding, exportAs
- Routing Guards, Preloads, Lazy-Loading
- Advanced Reactive Forms and Validators
- Custom Pipes
- State Management with RxJS
- Unit Testing with Karma
- Dependency Injection and Zones
NGRX Store + Effects
43 lessons • 8 hours • Intermediate/Advanced
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.
What you'll learn
- Redux Principles and Architecture
- Writing a Redux Store
- Change Detection and Observables
- @ngrx/store and Component Architecture
- Actions/Action Creators
- Reducers and Selectors
- Effects with @ngrx/effects
- Router State
- CRUD Operations
- Route Guards for Preloading
TypeScript Basics
44 lessons • 4 hours • Beginner/Intermediate
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.
What you'll learn
- TypeScript vs JavaScript
- TypeScript compiler (tsc) and tsconfig
- ES6/7 and TypeScript
- Primitive Types
- Implicit vs Explicit Types
- Type Aliases and Assertions
- Interfaces and Function Types
- Index Signatures
- Classes and Inheritance
TypeScript Masterclass
39 lessons • 4 hours • Intermediate/Advanced
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.
What you'll learn
- Understanding and Typing "this"
- Type Queries with typeof and keyof
- Mapped Types and Modifiers
- Exploring Type Guards
- Advanced Types and Practices
- Generics and Overloads
- Enums and Reverse Mappings
- @types and Declaration Files
- tsconfig and Compiler Options
Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.
Nicolas Telfer
A fast track to becoming a super solid Angular developer. Detailed, easy to understand, brilliant.
Mag Leahy
Todd's Angular courses are one of the best online trainings that can be found. A+.
John Oswalt
Recommended learning bundle:
Angular Kickstart Bundle
Become an expert at building real-world Angular applications.
The ultimate place to start and fully master what Angular has to offer.
Angular Fundamentals
60 lessons • 5 hours • Beginner/Intermediate
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.
What you'll learn
- Modular Architecture and Anatomy
- Smart/Dumb Component Architecture
- One-way Dataflow and Immutability
- Application Structure, Best Practices
- Behavioral and Structural Directives
- Template Binding Syntax
- Component Lifecycle Hooks
- Feature Modules and Routing
- Http and Observable Services
- Forms and Validation
Angular Pro
118 lessons • 17 hours • Intermediate/Advanced
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.
What you'll learn
- Advanced Component Practices
- @ViewChild, @ContentChild Decorators
- Content Projection
- Dynamic Components and ng-template
- OnPush ChangeDetection
- @Host, @Hostbinding, exportAs
- Routing Guards, Preloads, Lazy-Loading
- Advanced Reactive Forms and Validators
- Custom Pipes
- State Management with RxJS
- Unit Testing with Karma
- Dependency Injection and Zones
If you want to finally understand Angular and TypeScript, you're in the right place.
Ryan Chenkie
The real ultimate guide to Angular. Thank you for all your contributions to the community.
Sherry List
I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.
Fabrizio Masini
100% 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 within 30 days and we’ll refund you in full.
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.
Loved by 50,000+ students!
I've spent $1,500 dollars in the last 6 months trying to learn what you gave me in a single course.
Chris Milford
The clearest and best produced courses on the market! Clear, concise, packed with best practices.
Kyle Hebert
An immense job breaking things down into simple concepts. I would strongly recommend Ultimate Courses.
Houssein Djirdeh
Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.
Jacob Cheriathundam
Todd's Angular courses are one of the best online trainings that can be found. A+.
John Oswalt
I’ve achieved the structure and organisation that is difficult to get on your own. Excellent.
Sergio Sorrentino
The courses are incredible. You've opened the door for me to build real Angular apps.
Juan Henriquez
I've learned and understood so much in such a short amount of time, it's unreal!
Christian Eckenrode
A fast track to becoming a super solid Angular developer. Detailed, easy to understand, brilliant.
Mag Leahy
This course is the best resource for learning Angular. The Angular Pro course is incredible.
Victor Hazbun
Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.
Nicolas Telfer
Landed my first job after taking these courses, not sure I'd have made it otherwise.
Mateusz Sapielak
A must have for anyone wanting to become an Angular developer. I learned incredible amounts!
Mohammad Aljaber
You've helped me grasp architecture of Angular apps, and the way it should really be done.
Ritik Rishu
Todd condenses all his hard earned knowledge into a time-saving learning process.
Sharon DiOrio
The best place to get started with Angular, and go straight to the advanced material.
Zhentain Wan
Todd's in depth knowledge of Angular was fantastic, and the TypeScript explanations are superb.
Hung Bui
Extremely helpful in breaking down concepts into something beginners can understand.
Dustin Downs
Goodbye books and lectures, hello Ultimate Courses. Intuitive, enlightening, and refreshing.
Chris Cooley
The best resource for anyone wanting to get started with Angular, and go way beyond.
Anish Benjamin
The content has been well thought out, everything fits together perfectly.
Pranava Balugari
Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!
Ryan Woodcox
I've come up to speed immediately. I was lost and confused before this course, a brilliant job.
Joe Kahl
I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.
Fabrizio Masini
Hands down the best courses available. Daunting concepts aren't scary anymore, they're a breeze.
Vatsal Pande
Ultimate Courses is a fantastic way for you and your team to start writing quality code.
Nate Murray
Very few break down concepts in such a digestable way. Full of vital real-world techniques.
Chris Sevilleja
Ultimate Courses gives you an edge. Bursts of knowledge that really step up your game.
Simon Dufour
Crystal clear concepts, meticulously designed examples and projects. Fantastically valuable.
Yiling Lu
The best Angular instructors out there with unrivalled knowledge. First-class Angular courses.
Sebastien Pelletier
The essentials of architecture, combined with organisation and advanced tricks.
Johan Chouquet
If you want to finally understand Angular and TypeScript, you're in the right place.
Ryan Chenkie
The Angular courses are the best you'll find. They've taken our skills to the next level.
Ben Brown
Absolutely love these courses, I've built my first proper app. Recommended to all.
Simon Lewis
The real ultimate guide to Angular. Thank you for all your contributions to the community.
Sherry List
The Angular courses have been indispensable for me getting things done, the right way.
Stephen Smith
Hands down best start to finish NGRX course available. 10/10.
Alexander Torres
The first course I've ever watch to the end. I've immediately grasped NGRX Store and Effects!
Ben Dalton
This course is incredible and laid everything out for me in a few hours. I've fallen in love with NGRX!
Jan van Braeckel
There's no material available like this online all in one place, fantastic.
Dick Swart
