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 get the complete bundle...
Everything you need to start mastering today
Angular Kickstart Bundle
22 hours • 178 lessons
Angular Ultimate Bundle
38 hours • 304 lessons
Angular Master Bundle
38 hours • 331 lessons
Perfect for Teams
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.
100% money back guarantee
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.
Powering the world's best developers and teams
I can't think of any Angular course training that I trust to be more accurate, and promote the best practices, than Ultimate Courses.
Jules Kremer
Ultimate Courses is fantastic. My engineering team is building apps better than ever. In-depth training that pushes new standards.
Jordan Epps
I've spent $1,500 dollars in the last 6 months trying to learn what you gave me in a single course.
The clearest and best produced courses on the market! Clear, concise, packed with best practices.
An immense job breaking things down into simple concepts. I would strongly recommend Ultimate Courses.
Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.
Todd's Angular courses are one of the best online trainings that can be found. A+.
I’ve achieved the structure and organisation that is difficult to get on your own. Excellent.
The courses are incredible. You've opened the door for me to build real Angular apps.
I've learned and understood so much in such a short amount of time, it's unreal!
A fast track to becoming a super solid Angular developer. Detailed, easy to understand, brilliant.
This course is the best resource for learning Angular. The Angular Pro course is incredible.
Fantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.
Landed my first job after taking these courses, not sure I'd have made it otherwise.
A must have for anyone wanting to become an Angular developer. I learned incredible amounts!
You've helped me grasp architecture of Angular apps, and the way it should really be done.
Todd condenses all his hard earned knowledge into a time-saving learning process.
The best place to get started with Angular, and go straight to the advanced material.
Todd's in depth knowledge of Angular was fantastic, and the TypeScript explanations are superb.
Extremely helpful in breaking down concepts into something beginners can understand.
Goodbye books and lectures, hello Ultimate Courses. Intuitive, enlightening, and refreshing.
The best resource for anyone wanting to get started with Angular, and go way beyond.
The content has been well thought out, everything fits together perfectly.
Everything you could to learn for Angular. The courses ask "why?", and responds with the answers!
I've come up to speed immediately. I was lost and confused before this course, a brilliant job.
I attempted other courses before these, and Ultimate Courses is way ahead and incomparable.
Hands down the best courses available. Daunting concepts aren't scary anymore, they're a breeze.
Ultimate Courses is a fantastic way for you and your team to start writing quality code.
Very few break down concepts in such a digestable way. Full of vital real-world techniques.
Ultimate Courses gives you an edge. Bursts of knowledge that really step up your game.
Crystal clear concepts, meticulously designed examples and projects. Fantastically valuable.
The best Angular instructors out there with unrivalled knowledge. First-class Angular courses.
The essentials of architecture, combined with organisation and advanced tricks.
If you want to finally understand Angular and TypeScript, you're in the right place.
The Angular courses are the best you'll find. They've taken our skills to the next level.
Absolutely love these courses, I've built my first proper app. Recommended to all.
The real ultimate guide to Angular. Thank you for all your contributions to the community.
The Angular courses have been indispensable for me getting things done, the right way.
Hands down best start to finish NGRX course available. 10/10.
The first course I've ever watch to the end. I've immediately grasped NGRX Store and Effects!
This course is incredible and laid everything out for me in a few hours. I've fallen in love with NGRX!
There's no material available like this online all in one place, fantastic.
