Angular Essentials (Angular 2+ with TypeScript)

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: What is Angular?

Lecture 3: Join our Online Learning Community

Lecture 4: How does Angular Work?

Lecture 5: MUST READ: Angular CLI – Latest Version

Lecture 6: Creating Your First App

Lecture 7: Editing the First App

Lecture 8: Understanding the Project Structure

Lecture 9: How does an Angular App Start?

Lecture 10: What you'll learn in this Course

Lecture 11: Optional: TypeScript Essentials

Lecture 12: How to get the Course Source Code & Ask Questions

Lecture 13: Useful Resources & Links

Chapter 2: Understanding Components

Lecture 1: Module Introduction

Lecture 2: Configuring the Editor

Lecture 3: Templates and the DOM

Lecture 4: How Angular Reads Your Components

Lecture 5: Adding Custom Components

Lecture 6: Outputting Content via String Interpolation

Lecture 7: Listening to (User) Events

Lecture 8: Binding to Properties

Lecture 9: All at the same Time: Two-Way-Binding

Lecture 10: [OPTIONAL] Assignment Solution

Lecture 11: Binding Component Properties

Lecture 12: Listening to your Custom Events

Lecture 13: Multiple Components & Using the CLI for Component Generation

Lecture 14: [OPTIONAL] Assignment Solution

Lecture 15: Understanding Scoped Component Styles

Lecture 16: Wrap Up

Lecture 17: Useful Resources & Links

Chapter 3: Debugging & Using 3rd Party Libraries

Lecture 1: Module Introduction

Lecture 2: How to Handle Angular Errors (and Error Messages)

Lecture 3: Debugging Code with Developer Tools & Sourcemaps

Lecture 4: Deeper Insights with Augury

Lecture 5: Using CSS Frameworks with Angular (and the Angular CLI)

Lecture 6: Using JS Libraries with Angular (and the Angular CLI)

Lecture 7: Wrap Up

Lecture 8: Useful Links & Resources

Chapter 4: Extra Features with Directives

Lecture 1: Module Introduction

Lecture 2: What are Directives?

Lecture 3: Outputting Lists with ngFor

Lecture 4: Controlling CSS Classes with ngClass

Lecture 5: More on Directives

Lecture 6: Conditionally Outputting Content via ngIf

Lecture 7: Wrap Up

Lecture 8: Useful Resources & Links

Chapter 5: Angular in Practice: Starting the Course Project

Lecture 1: Module Introduction

Lecture 2: Planning the App

Lecture 3: Getting Started

Lecture 4: Filling Components with Life

Lecture 5: Managing Data in our Application

Lecture 6: Passing Data via Property Binding

Lecture 7: Using ngClass to Provide the User Feedback

Lecture 8: Passing Data via Event Binding

Lecture 9: Wrap Up

Chapter 6: Amazing Data Management with Services

Lecture 1: Module Introduction

Lecture 2: What are Services?

Lecture 3: Creating a Service

Lecture 4: How NOT to Use Services

Lecture 5: Injecting Services

Lecture 6: Understanding Dependency Injection

Lecture 7: Cleaning up the Project

Lecture 8: Injecting Services into Services

Lecture 9: Wrap Up

Lecture 10: Useful Resources & Links

Chapter 7: Handling User Input with Forms

Lecture 1: Module Introduction

Lecture 2: Creating a Form in the Template

Lecture 3: Handling Forms with Angular

Lecture 4: How to use Submitted Values

Lecture 5: Validating User Input (with Angular)

Lecture 6: More Validation Methods

Lecture 7: Using the Form State to Give Visual Feedback

Lecture 8: The Different Faces of ngModel

Lecture 9: An Alternative to the Approach Shown in This Module

Lecture 10: Using the Reactive Approach

Lecture 11: Wrap Up

Lecture 12: Useful Resources & Links

Chapter 8: Changing Pages with Routing

Lecture 1: Module Introduction

Lecture 2: Server-side vs Client-side Routing

Lecture 3: Adding a Header Component

Lecture 4: Adding Routing to the Application

Lecture 5: Navigating with Router Links

Lecture 6: Handling Unknown Routes with Wildcards and Redirects

Lecture 7: Using Child Routes and Route Parameters

Lecture 8: Extracting Route Paramters

Lecture 9: Fixing Page Reload Issues

Lecture 10: Cleanup & Missing Reactivity

Lecture 11: Wrap Up

Lecture 12: Useful Resources & Links

Chapter 9: Reactivity, RxJS and Observables