Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Angular Essentials (Angular 2+ with TypeScript)
Getting Started
Introduction (1:44)
What is Angular? (3:11)
Join our Online Learning Community
How does Angular Work? (3:30)
Creating Your First App (6:58)
Editing the First App (4:12)
Understanding the Project Structure (4:56)
How does an Angular App Start? (5:56)
What you'll learn in this Course (3:50)
Optional: TypeScript Essentials (8:24)
How to get the Course Source Code
Useful Resources & Links
The Academind Pro Referral Program
Understanding Components
Module Introduction (0:47)
Configuring the Editor (3:02)
Templates and the DOM (3:20)
How Angular Reads Your Components (5:25)
Adding Custom Components (5:14)
Outputting Content via String Interpolation (1:57)
Listening to (User) Events (4:10)
Binding to Properties (2:34)
All at the same Time: Two-Way-Binding (4:31)
Assignment: Components (Problem) (1:44)
Assignment: Components (Solution) (10:00)
Binding Component Properties (3:57)
Listening to your Custom Events (7:17)
Multiple Components & Using the CLI for Component Generation (4:41)
Assignment: Beyond Components (Problem) (2:48)
Assignment: Beyond Components (Solution) (10:23)
Understanding Scoped Component Styles (3:09)
Wrap Up (1:04)
Useful Resources & Links
Debugging & Using 3rd Party Libraries
Module Introduction (0:45)
How to Handle Angular Errors (and Error Messages) (2:58)
Debugging Code with Developer Tools & Sourcemaps (3:44)
Deeper Insights with Augury (1:54)
Using CSS Frameworks with Angular (and the Angular CLI) (5:11)
Using JS Libraries with Angular (and the Angular CLI) (4:47)
Wrap Up (0:35)
Useful Resources & Links
Extra Features with Directives
Module Introduction (0:49)
What are Directives? (1:55)
Outputting Lists with ngFor (5:01)
Controlling CSS Classes with ngClass (5:47)
More on Directives (4:17)
Conditionally Outputting Content via ngIf (2:57)
Wrap Up (1:11)
Useful Resources & Links
Angular in Practice: Starting the Course Project
Module Introduction (0:55)
Planning the App (4:56)
Getting Started (4:38)
Filling Components with Life (3:21)
Managing Data in our Application (7:56)
Passing Data via Property Binding (3:05)
Using ngClass to Provide the User Feedback (2:28)
Passing Data via Event Binding (7:34)
Wrap Up (0:44)
Amazing Data Management with Services
Module Introduction (1:09)
What are Services? (2:43)
Creating a Service (3:35)
How NOT to Use Services (4:20)
Injecting Services (4:28)
Understanding Dependency Injection (2:37)
Cleaning up the Project (1:32)
Injecting Services into Services (5:26)
Wrap Up (0:42)
Useful Resources & Links
Handling User Input with Forms
Module Introduction (1:03)
Creating a Form in the Template (7:29)
Handling Forms with Angular (6:36)
How to use Submitted Values (3:41)
Validating User Input (with Angular) (4:28)
Using the Form State to Give Visual Feedback (6:02)
The Different Faces of ngModel (2:07)
An Alternative to the Approach Shown in This Module (1:16)
Using the Reactive Approach
Wrap Up (0:42)
Useful Resources & Links
Changing Pages with Routing
Module Introduction (1:09)
Server-side vs Client-side Routing (3:52)
Adding a Header Component (2:52)
Adding Routing to the Application (4:30)
Navigating with Router Links (5:15)
Handling Unknown Routes with Wildcards and Redirects (1:32)
Using Child Routes and Route Parameters (7:30)
Extracting Route Paramters (5:50)
Fixing Page Reload Issues (1:28)
Cleanup & Missing Reactivity (4:07)
Wrap Up (0:58)
Useful Resources & Links
Reactivity, RxJS and Observables
Module Introduction (1:21)
Angular 6 & RxJS 6
Understanding subscribe() (3:42)
Using Subjects as Event Emitters (5:44)
Managing Subscriptions (2:16)
More on RxJS and Observables (1:15)
Dive Deeper into RxJS
Wrap Up (0:53)
Connecting to APIs via Http
Module Introduction (1:03)
Injecting the Angular Http Service (4:27)
Sending a GET Request (4:50)
Sending a POST Request
Transforming Responses (6:23)
Updating the UI (1:11)
Further Options (1:53)
Fixing a "Bug" we Introduced into Our Project (3:41)
Wrap Up (1:07)
Useful Resources & Links
Optimizations & Deployment
Module Introduction (0:51)
The Role of Modules (NgModule) (2:22)
Working with Multiple Modules (5:49)
Creating a Feature Module & Using Lazy Loading (12:57)
Building for Production (5:32)
Deployment Preparations (4:54)
Deployment Example: AWS S3 (3:39)
Wrap Up (0:37)
Useful Resources & Links
Course Roundup
Roundup (1:34)
Optional: TypeScript Essentials
Download
Complete and Continue