Angular Fundamentals

4.9/5 (15897 ratings)

•

Closed Captions (English)

by Todd Motto

•

59 lessons

•

5 hours

•

v10.x

Kick your Angular skills into action with this comprehensive dive into Angular and getting started the right way. Complete with best practices and architecture practices.

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

Todd Motto Google Developer Expert

Here to help you learn faster for less effort. I pour my 10+ years knowledge, experience, real-world architecture and best practices into precisely crafted tutorials to help you reach the next level. Trusted by over 65,000 students and the world's best companies.

@toddmotto

How many users?

-32%

129

189

per user

ADD TO CART

+VAT for EU

A must-have Angular course for anyone looking to dive deep into Angular. Todd's way of teaching is concise, expert and easy to follow.

Evan Chesterman

Front-End Developer, Delta Airlines

Best course to learn Angular. Shows the basics of the framework in a very understandable manner and sets the fundamentals that every Angular developer should know!

Félix Prados López

Front-End Lead, Fourthline

Fantastic way to learn Angular. I went to a code boot camp and learned React. However, the place I was hired uses Angular. This was the best resource for picking up Angular!

Andrew Brudnak

Support Programmer Analyst

Course content and examples are great, easy to follow and touch on different approaches to development with the Angular framework.

Matthew Eddy

Software Developer

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

Mag Leahy

JavaScript Engineer, Shell

Excellent course, one of the best Angular courses that I've taken in a long while.

Isaac Medina Caballero

Software Developer

Overall was really good and a very comprehensive Angular course, I was able to get started very quickly and up to speed even faster.

Duke Forsyth

Full Stack Engineer

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.

Anish Benjamin

JavaScript Developer

This is the best Angular training I have come across so far. It perfectly explains the basics and shows how to organize code to the fullest.

Radek Marčan

Full Stack Developer, Siemens

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

Get the complete bundle...

Everything you need to start mastering Angular today

Job-ready training

Nail that interview with your new skills that will set you apart.

All the best practices

Best practices, design patterns, performance and architecture.

Stream or download

Learn at home at your own pace, download for offline viewing.

Expert knowledge

Built by Google Developer Experts, there's no better place to learn web.

StackBlitz examples

Access full course source code and experiment in the browser too!

Slack community

Exclusive access to our members-only community (6,800+ members).

Angular Kickstart Bundle

2 courses