Angular Fundamentals

4.9/5 (12897 ratings)

Closed Captions (English)

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

What you'll learn

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.

Requirements

HTML/CSS experience
JavaScript basic knowledge
HTTP (Ajax) experience
Understanding of DOM APIs

Course contents

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

ngFor and iterating collections • 07:43

Todd Motto

Google Developer Expert

How many users?

$ 129 Save 32% /per user

189 Total: $

Add to Cart

EU customers: price excludes VAT

Secure SSL encrypted payments

If you're looking for a step-by-step guide for learning Angular and TypeScript, you'll find no better resource than Ultimate Courses.

David East

Developer Advocate, Firebase

I started this course while I was already using Angular in my day-to-day job. I found this particular course helpful because it can give you the best overview about Angular I was able to find.

Oliver Witzki

Front-end Developer

The down to earth approach combined with simple technique really unwinds the complex concepts and I can truly say that ultimate angular bundle is one of the best investments I have ever made!

Gowtham Anbazhagan

Lead Front-end Developer

I have been trying to learn Angular and tried learning from different platforms, but they are not even close to Todds teaching. He clears each and every concept very easily and in a simple way.

Abhishek Kumar

JavaScript Developer

Todd's courses lead the way in the Angular world. We also worked together on a very successful live Angular performance training session to hundreds of developers.

Peter Cooper

CooperPress, JavaScript Weekly

Incredible courses. Each lesson has it's own source code as well for future access. Best place to get started with Angular, and then move onto the advanced material!

Zhentain Wan

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

Todd's materials are always fantastic! The courses have helped me far better grasp real architecture of Angular apps - and the way it should really be done. A+.

Ritik Rishu

Senior Engineer

Or get the complete bundle...

Everything you need to start mastering Angular today

Angular Kickstart Bundle

2 courses