Angular Fundamentals

4.9/5 (2897 ratings)

Angular

Compatible with 8.x

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

Todd Motto

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

Secure SSL encrypted payments

Or get the complete bundle...

Everything you need to start mastering Angular today

Angular Kickstart Bundle

2 courses