đź’˛ Black Friday Special

Get an extra 35% OFF everything with coupon code BLACK_FRIDAY

0 days
00 hours
00 mins
00 secs

Angular Fundamentals Angular Icon

56 lessons

5 hours

Star Icon Star Icon Star Icon Star Icon Star Icon

4.9/5 (15897 ratings)

Angular Fundamentals

Star Icon Star Icon Star Icon Star Icon Star Icon

4.9/5 (15897 reviews)

Todd Motto

with Todd Motto

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.

9

Chapters

56

Lessons

5

Hours
Closed Captions Icon

Closed Captions in English

Free Lesson Arrow Icon
Course Thumbnail
Play Icon

ngFor and iterating collections 07:43

Star Icon Star Icon Star Icon Star Icon Star Icon
A must-have JavaScript series for those who take their skills seriously. Todd's way of teaching is concise, expert and easy to follow.
Evan Chesterman

Evan Chesterman

Front-End Developer, Delta Airlines
Star Icon Star Icon Star Icon Star Icon Star Icon
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

FĂ©lix Prados LĂłpez

Front-End Lead, Fourthline
Star Icon Star Icon Star Icon Star Icon Star Icon
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

Andrew Brudnak

Support Programmer Analyst
Star Icon Star Icon Star Icon Star Icon Star Icon
Course content and examples are great, easy to follow and touch on different approaches to development with the Angular framework.
Matthew Eddy

Matthew Eddy

Software Developer
Star Icon Star Icon Star Icon Star Icon Star Icon
A fast track to becoming a super solid React developer. Detailed, easy to understand, brilliant!
Mag Leahy

Mag Leahy

JavaScript Engineer, Shell
Star Icon Star Icon Star Icon Star Icon Star Icon
Excellent course, one of the best Angular courses that I've taken in a long while.
Isaac Medina Caballero

Isaac Medina Caballero

Software Developer

Here's what's inside...

Everything you need, structured and ready to go.

Introduction

4 lessons

  • Play Icon The Missing Introduction to Angular

    12:52

  • Play Icon Component Architecture, State and One-Way Data Flow

    14:01

  • File Icon Setup instructions

    Readme

  • File Icon Source files

    Readme

ES5 to ES6 and TypeScript refresher

3 lessons

  • File Icon Refresher video overview

    Readme

  • Play Icon Classes, Spread operator, Arrow functions, Immutability

    10:24

  • Play Icon Understanding import and exports

    02:33

Getting started

4 lessons

  • Play Icon Installing our project

    01:35

  • Play Icon First component with @Component

    06:45

  • Play Icon Root module with @NgModule

    05:33

  • Play Icon Bootstrapping Angular

    02:33

Template fundamentals

5 lessons

  • Play Icon Interpolation and expressions

    03:28

  • Play Icon Property binding

    05:27

  • Play Icon Event binding

    06:07

  • Play Icon Two-way binding

    04:39

  • Play Icon Template #ref variables

    02:28

Rendering flows

6 lessons

  • Play Icon ngIf, * syntax and <ng-template>

    06:11

  • Play Icon ngFor and iterating collections

    07:42

  • Play Icon ngClass and className bindings

    05:47

  • Play Icon ngStyle and style bindings

    03:28

  • Play Icon Pipes for data transformation

    08:08

  • Play Icon Safe navigation operator

    05:23

Component Architecture and Feature Modules

9 lessons

  • Play Icon Feature modules with @NgModule

    04:07

  • Play Icon Creating a container (smart) component

    11:12

  • Play Icon ngOnInit lifecycle hook

    02:51

  • Play Icon Presentational (dumb) components

    06:22

  • Play Icon Passing data into components with @Input

    06:27

  • Play Icon Dynamic @Input values with *ngFor

    05:29

  • Play Icon Emitting changes with @Output and EventEmitter

    15:58

  • Play Icon Immutable state changes

    06:21

  • Play Icon ngOnChanges lifecycle hook

    07:06

Services, Http and Observables

7 lessons

  • Play Icon Data Services and Dependency Injection

    08:18

  • Play Icon Understanding @Injectable

    04:13

  • Play Icon Http data fetching with Observables

    09:13

  • Play Icon Http put, delete with immutable state

    08:13

  • Play Icon Custom Headers and RequestOptions

    02:26

  • Play Icon Http Promises alternative

    02:25

  • Play Icon Observable.throw error handling

    01:58

Template-driven Forms, Inputs and Validation

9 lessons

  • Play Icon Forms container component

    08:57

  • Play Icon Form stateless component

    08:03

  • Play Icon ngForm and ngModel

    06:37

  • Play Icon Binding to radio buttons

    08:26

  • Play Icon Binding to checkboxes

    02:06

  • Play Icon <select> option rendering, and ngValue

    09:59

  • Play Icon Form validation and error states

    09:55

  • Play Icon Dynamically disabling submit

    01:51

  • Play Icon ngSubmit and stateless @Output

    07:13

Component Routing

12 lessons

  • Play Icon Base href and RouterModule

    01:03

  • Play Icon Root module routes and outlet

    05:08

  • Play Icon Wildcard routes for 404 handling

    02:00

  • Play Icon Understanding routerLink

    02:13

  • Play Icon Styling active routes

    04:48

  • Play Icon Dynamic navigation with ngFor

    03:29

  • Play Icon Feature-module routes with forChild()

    04:02

  • Play Icon Child and dynamic routes

    03:01

  • Play Icon Route params, data-fetching with switchMap

    05:41

  • Play Icon Imperative routing API

    07:36

  • Play Icon Hash location strategy

    02:00

  • Play Icon Applying redirects

    00:56

Get the complete package...

Everything you need to start mastering Angular today

Google Developer Experts Icon

Expert knowledge

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

Trophy Icon

All the best practices

Design patterns, battle-tested techniques, architecture and performance.

Stream Icon

Stream or download

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

Code Terminal Icon

Level up your career

Nail that interview or promotion with skills that will set you apart.

StackBlitz Icon

StackBlitz Embeds

Access full source code, and experiment live in the browser.

Slack Icon

Private Slack Group

Exclusive access to our members-only community (7,000+ members).

Angular Fundamentals

129

/user

189

Save 32%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Angular Kickstart Bundle

199

/user

258

Save 23%

$

ADD TO CART
MasterCard Icon PayPal Icon VISA Icon Amex Icon

EU customers: price excludes VAT

Moneyback Icon

30-day money back guarantee

If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).

Discount Icon

Location discounts and students

Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.