Angular Fundamentals

Start building real Angular apps. Jump in with best practices, architecture and data layers.

Angular

v6.x

Duration

59 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 07:43

Todd Motto

Google Developer ExpertGoogle 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, iBwave

Todd does an immense job breaking concepts down into something far simpler. I strongly recommend Ultimate Angular 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, TalkTalk

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
  • 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 Watch lesson
  • 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 Watch lesson
  • 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 Watch lesson
  • 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 Watch lesson
  • 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 Watch lesson
  • Form validation and error states

    09:55
  • Dynamically disabling submit

    01:51
  • ngSubmit and stateless @Output

    07:13 Watch lesson

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 Watch lesson
  • Imperative routing API

    07:36
  • Hash location strategy

    02:00
  • Applying redirects

    00:56
Arrow down

Get the complete package...

Everything you need to start mastering Angular today

Angular Kickstart Package

2 courses

MOST POPULAR

Angular Ultimate Package

5 courses

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, reach out to us within 30 days of your purchase.

Student and 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.