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 - Closed Captions (subtitles)
- Stream or download
- Lifetime access
- Expert instructor
- Certificate of Completion
- Free lifetime updates
- Access on mobile
- Best practices
- Job-ready training
- Streamlined team
- Slack community access
Topics you'll learn
- Module Architecture and Lazy Loading
- Smart/Dumb Component Architecture
- One-way Dataflow and Immutability
- Reactive Forms, Validators
- Routing, Guards, Preloads
- Custom Pipes
- Http and Observable Services
- Unit Testing with Karma
- Dependency Injection and Zones
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!
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.
Trusted by the developer community
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
