Angular - The Complete Guide (2025 Edition)
0% Completed
01 – Getting Started
Download Attachment
Reading
Lesson 001 Welcome To The Course!
Video - 00:1:31 mins
Lesson 002 What Exactly Is Angular
Video - 00:1:49 mins
Lesson 003 Why Would You Use Angular
Video - 00:6:41 mins
Lesson 004 Angular's Evolution & Stability
Video - 00:4:44 mins
Lesson 005 Creating A New Angular Project
Video - 00:7:2 mins
Lesson 006 Setting Up An Angular Development Environment
Video - 00:4:48 mins
Lesson 007 About This Course
Video - 00:3:18 mins
02 – Angular Essentials – Components, Templates, Services & More
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:19 mins
Lesson 002 A New Starting Project & Analyzing The Project Structure
Video - 00:6:27 mins
Lesson 003 Understanding Components & How Content Ends Up On The Screen
Video - 00:6:18 mins
Lesson 004 Creating a First Custom Component
Video - 00:5:14 mins
Lesson 006 Configuring the Custom Component
Video - 00:5:20 mins
Lesson 007 Using the Custom Component
Video - 00:6:8 mins
Lesson 008 Styling the Header Component & Adding An Image
Video - 00:6:20 mins
Lesson 009 Managing & Creating Components with the Angular CLI
Video - 00:4:28 mins
Lesson 010 Styling & Using Our Next Custom Component
Video - 00:5:8 mins
Lesson 011 Preparing User Data (To Output Dynamic Content)
Video - 00:2:7 mins
Lesson 012 Storing Data in a Component Class
Video - 00:3:55 mins
Lesson 013 Outputting Dynamic Content with String Interpolation
Video - 00:2:30 mins
Lesson 014 Property Binding & Outputting Computed Values
Video - 00:4:37 mins
Lesson 016 Using Getters For Computed Values
Video - 00:3:29 mins
Lesson 017 Listening to Events with Event Binding
Video - 00:4:4 mins
Lesson 018 Managing State & Changing Data
Video - 00:3:6 mins
Lesson 019 A Look Behind The Scenes Of Angular's Change Detection Mechanism
Video - 00:2:6 mins
Lesson 020 Introducing Signals
Video - 00:12:53 mins
Lesson 021 We Need More Flexible Components!
Video - 00:3:40 mins
Lesson 022 Defining Component Inputs
Video - 00:8:17 mins
Lesson 023 Required & Optional Inputs
Video - 00:2:56 mins
Lesson 024 Using Signal Inputs
Video - 00:14:00 mins
Lesson 025 We Need Custom Events!
Video - 00:1:47 mins
Lesson 026 Working with Outputs & Emitting Data
Video - 00:6:59 mins
Lesson 027 Using the output() Function
Video - 00:6:12 mins
Lesson 028 Adding Extra Type Information To EventEmitter
Video - 00:1:57 mins
Lesson 029 Exercise Create a Configurable Component
Video - 00:8:47 mins
Lesson 030 TypeScript Working With Potentially Undefined Values & Union Types
Video - 00:8:6 mins
Lesson 031 Accepting Objects As Inputs & Adding Appropriate Typings
Video - 00:4:46 mins
Lesson 032 TypeScript Type Aliases & Interfaces
Video - 00:3:11 mins
Lesson 033 Outputting List Content
Video - 00:5:33 mins
Lesson 034 Outputting Conditional Content
Video - 00:4:26 mins
Lesson 035 Legacy Angular Using ngFor & ngIf
Video - 00:5:21 mins
Lesson 036 Adding More Components to the Demo App
Video - 00:6:14 mins
Lesson 037 Outputting User-specific Tasks
Video - 00:6:30 mins
Lesson 038 Outputting Task Data in the Task Component
Video - 00:4:4 mins
Lesson 039 Storing Data Models in Separate Files
Video - 00:3:44 mins
Lesson 040 Dynamic CSS Styling with Class Bindings
Video - 00:4:36 mins
Lesson 041 More Component Communication Deleting Tasks
Video - 00:5:25 mins
Lesson 042 Creating & Conditionally Rendering Another Component
Video - 00:5:25 mins
Lesson 043 Managing The New Task Dialog
Video - 00:6:30 mins
Lesson 044 Using Directives & Two-Way-Binding
Video - 00:10:46 mins
Lesson 045 Signals & Two-Way-Binding
Video - 00:2:19 mins
Lesson 046 Handling Form Submission
Video - 00:3:20 mins
Lesson 047 Using the Submitted Data
Video - 00:7:20 mins
Lesson 048 Content Projection with ng-content
Video - 00:6:48 mins
Lesson 049 Transforming Template Data with Pipes
Video - 00:3:16 mins
Lesson 050 Getting Started with Services
Video - 00:6:15 mins
Lesson 051 Getting Started with Dependency Injection
Video - 00:8:2 mins
Lesson 052 More Service Usage & Alternative Dependency Injection Mechanism
Video - 00:5:17 mins
Lesson 053 Time to Practice Services
Video - 00:3:16 mins
Lesson 054 Using localStorage for Data Storage
Video - 00:5:40 mins
Lesson 055 Module Summary
Video - 00:8:45 mins
03 – Angular Essentials – Working with Modules
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:2:16 mins
Lesson 002 A First Introduction To Angular Modules (NgModule)
Video - 00:3:5 mins
Lesson 003 Creating a First Empty Module
Video - 00:2:56 mins
Lesson 004 Bootstrapping Apps with Angular Modules
Video - 00:5:21 mins
Lesson 005 Declaring & Using Components
Video - 00:4:46 mins
Lesson 006 A First Summary
Video - 00:2:14 mins
Lesson 007 Migrating All Components To Use Modules
Video - 00:6:50 mins
Lesson 008 Creating & Using Shared Modules
Video - 00:4:13 mins
Lesson 009 Creating More Complex Module-based App Structures
Video - 00:7:22 mins
04 – Angular Essentials – Time To Practice
Download Attachment
Reading
Lesson 001 Module Introduction & Starting Project
Video - 00:5:19 mins
Lesson 003 Adding a Header Component With An Image
Video - 00:5:11 mins
Lesson 004 Adding a User Input Component
Video - 00:6:42 mins
Lesson 005 Handling Form Submission
Video - 00:2:30 mins
Lesson 006 Extracting Values with Two-Way-Binding
Video - 00:8:10 mins
Lesson 007 Calculating the Annual Investment Data
Video - 00:5:5 mins
Lesson 008 Cross-Component Communication with Outputs
Video - 00:9:25 mins
Lesson 009 Creating & Using a Data Model
Video - 00:2:58 mins
Lesson 010 Passing Data from Parent to Child with Inputs
Video - 00:10:9 mins
Lesson 011 Outputting Data in a Table
Video - 00:4:57 mins
Lesson 012 Formatting Output with a Pipe
Video - 00:1:39 mins
Lesson 013 Using Signals & Resetting The Form After Submission
Video - 00:9:55 mins
Lesson 014 Using a Service for Cross-Component Communication
Video - 00:9:35 mins
Lesson 015 Using Signals in Services
Video - 00:4:11 mins
Lesson 016 Migrating to Angular Modules
Video - 00:8:8 mins
Lesson 017 Module Summary
Video - 00:1:13 mins
05 – Debugging Angular Apps
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:41 mins
Lesson 002 Understanding Error Messages & Fixing Errors
Video - 00:3:46 mins
Lesson 003 Debugging Logical Errors with the Browser DevTools & Breakpoints
Video - 00:6:19 mins
Lesson 004 Exploring the Angular DevTools
Video - 00:3:50 mins
06 – Components & Templates – Deep Dive
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:2:00 mins
Lesson 002 Starting Project & An Opportunity For Smaller Components
Video - 00:2:34 mins
Lesson 003 When & How To Split Up Components
Video - 00:4:25 mins
Lesson 004 Splitting A Component Into Multiple Components
Video - 00:8:45 mins
Lesson 005 Creating Reusable Components
Video - 00:3:58 mins
Lesson 006 Component Inputs Repetition
Video - 00:5:22 mins
Lesson 007 Property Binding Repetition
Video - 00:8:31 mins
Lesson 008 Using Content Projection & ng-content
Video - 00:2:58 mins
Lesson 009 Adding Forms to Components
Video - 00:6:1 mins
Lesson 010 A Possible, But Not Ideal Way Of Extending Built-in Elements
Video - 00:4:27 mins
Lesson 011 Extending Built-in Elements with Custom Components via Attribute Selectors
Video - 00:5:8 mins
Lesson 012 Supporting Content Projection with Multiple Slots
Video - 00:6:32 mins
Lesson 013 Exploring Advanced Content Projection
Video - 00:3:10 mins
Lesson 014 Defining Content Projection Fallbacks
Video - 00:2:9 mins
Lesson 015 Multi-Element Custom Components & Content Projection
Video - 00:7:28 mins
Lesson 016 Scoping CSS Styles to Components
Video - 00:5:3 mins
Lesson 017 Understanding & Configuring View Encapsulation
Video - 00:5:22 mins
Lesson 018 Making Sense of Component Host Elements
Video - 00:2:52 mins
Lesson 019 Using Host Elements Like Regular Elements
Video - 00:4:30 mins
Lesson 020 Interacting With Host Elements From Inside Components
Video - 00:2:6 mins
Lesson 021 When (Not) To Rely On Host Elements
Video - 00:6:8 mins
Lesson 022 Interacting with Host Elements via @HostListener & @HostBinding
Video - 00:5:14 mins
Lesson 023 Accessing Host Elements Programmatically
Video - 00:4:3 mins
Lesson 024 Class Bindings Repetition
Video - 00:4:24 mins
Lesson 025 There's More Than One Way Of Binding CSS Classes Dynamically
Video - 00:3:16 mins
Lesson 026 A Closer Look At Dynamic Inline Style Binding
Video - 00:3:30 mins
Lesson 027 Manipulating State & Using Literal Values
Video - 00:4:42 mins
Lesson 028 Introducing the Component Lifecycle ngOnInit
Video - 00:4:2 mins
Lesson 029 Implementing Lifecycle Interfaces
Video - 00:3:11 mins
Lesson 030 Component Lifecycle - A Deep Dive
Video - 00:15:16 mins
Lesson 031 Component Cleanup with ngOnDestroy
Video - 00:4:7 mins
Lesson 032 Component Cleanup with DestroyRef
Video - 00:2:48 mins
Lesson 033 Handling Form Submissions Repetition
Video - 00:2:46 mins
Lesson 034 Working with Template Variables
Video - 00:7:13 mins
Lesson 035 Extracting Input Values via Template Variables
Video - 00:1:54 mins
Lesson 036 Template Variables & Component Instances
Video - 00:2:35 mins
Lesson 037 Getting Access to Template Elements via ViewChild
Video - 00:9:27 mins
Lesson 038 Using The viewChild Signal Function
Video - 00:6:22 mins
Lesson 039 ViewChild vs ContentChild
Video - 00:6:58 mins
Lesson 040 A Closer Look at Decorator-based Queries & Lifecycle Hooks
Video - 00:4:57 mins
Lesson 041 The afterRender and afterNextRender Lifecycle Functions
Video - 00:3:9 mins
Lesson 042 Making Sense of Signal Effects
Video - 00:5:28 mins
Lesson 044 TypeScript & Type Models Repetition
Video - 00:3:31 mins
Lesson 045 Component Outputs Repetition
Video - 00:4:23 mins
Lesson 046 A Closer Look At Template For Loops
Video - 00:5:53 mins
Lesson 047 Revisiting Inputs & Signals
Video - 00:5:00 mins
Lesson 048 Updating Signal Values
Video - 00:4:50 mins
Lesson 049 Cross-Component Communication & State Management
Video - 00:6:13 mins
Lesson 050 Configuring Component Inputs & Outputs
Video - 00:4:6 mins
Lesson 051 Two-Way Binding Repetition
Video - 00:3:55 mins
Lesson 052 Setting Up Custom Two-Way Binding
Video - 00:8:54 mins
Lesson 053 An Easier Way of Setting Up Custom Two-Way Binding
Video - 00:3:53 mins
07 – Enhancing Elements with Directives – Deep Dive
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:3 mins
Lesson 002 Understanding Directives
Video - 00:2:57 mins
Lesson 003 The Starting Project
Video - 00:1:4 mins
Lesson 004 Analyzing a Built-in Attribute Directive ngModel
Video - 00:5:41 mins
Lesson 005 Analyzing a Built-in Structural Directive ngIf
Video - 00:6:29 mins
Lesson 006 Getting Started with Custom Directives
Video - 00:8:10 mins
Lesson 007 Using Attribute Directives To Change Element Behavior
Video - 00:4:47 mins
Lesson 008 Working with Inputs in Custom Directives
Video - 00:8:51 mins
Lesson 009 Directives & Dependency Injection
Video - 00:4:9 mins
Lesson 010 Building Another Directive
Video - 00:7:56 mins
Lesson 011 Building a Custom Structural Directive
Video - 00:8:22 mins
Lesson 012 Structural Directives & Syntactic Sugar
Video - 00:3:8 mins
Lesson 013 Host Directives & Composition
Video - 00:7:59 mins
08 – Transforming Values with Pipes – Deep Dive
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:36 mins
Lesson 002 Making Sense of Pipes
Video - 00:2:55 mins
Lesson 003 Using Built-in Pipes
Video - 00:2:56 mins
Lesson 004 More Built-in Pipes Examples
Video - 00:4:18 mins
Lesson 005 Building a First Custom Pipe
Video - 00:5:57 mins
Lesson 006 Using Custom Pipes to Perform Custom Transformations
Video - 00:3:49 mins
Lesson 007 Accepting Parameters in Custom Pipes
Video - 00:5:57 mins
Lesson 008 Chaining Pipes & Being Aware of Limitations
Video - 00:4:44 mins
Lesson 009 Building a Pipe That Sorts Items
Video - 00:6:45 mins
Lesson 010 Understanding How Pipes Are Executed
Video - 00:4:14 mins
Lesson 011 Pure & Impure Pipes
Video - 00:1:44 mins
Lesson 012 Pipe Limitations & When Not To Use Them
Video - 00:2:53 mins
09 – Understanding Services & Dependency Injection – Deep Dive
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:59 mins
Lesson 002 The Starting Project & The Need For A Centralized Service
Video - 00:3:14 mins
Lesson 003 Creating a Service
Video - 00:7:27 mins
Lesson 004 How NOT To Provide A Service
Video - 00:2:23 mins
Lesson 005 Using Angular's Dependency Injection Mechanism
Video - 00:5:1 mins
Lesson 006 Using The Alternative Dependency Injection Syntax
Video - 00:5:27 mins
Lesson 007 Outsourcing & Reusing Logic with Services
Video - 00:10:56 mins
Lesson 008 Angular Has Multiple Injectors!
Video - 00:4:23 mins
Lesson 009 There Are Multiple Ways Of Providing a Service
Video - 00:4:16 mins
Lesson 010 Providing Services via the Element Injector
Video - 00:3:16 mins
Lesson 011 Understanding the Element Injector's Behavior
Video - 00:3:44 mins
Lesson 012 Injecting Services Into Services
Video - 00:5:26 mins
Lesson 013 Analyzing Dependency Injection with the Angular DevTools
Video - 00:2:29 mins
Lesson 014 Using Custom DI Tokens & Providers
Video - 00:8:27 mins
Lesson 015 Preparing A Non-Class Value For Injection
Video - 00:5:24 mins
Lesson 016 Injecting Other Values (NOT Services)
Video - 00:10:25 mins
Lesson 017 Angular Modules (NgModule) & Dependency Injection
Video - 00:3:5 mins
Lesson 018 Working with Services Without Using Signals
Video - 00:2:16 mins
10 – Making Sense of Change Detection – Deep Dive
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:52 mins
Lesson 002 Analyzing the Starting Project
Video - 00:1:52 mins
Lesson 003 Understanding How Angular Performs Change Detection
Video - 00:4:45 mins
Lesson 004 Change Detection During Development ExpressionChangedAfterChecked Errors
Video - 00:2:45 mins
Lesson 005 Writing Efficient Template Bindings
Video - 00:1:19 mins
Lesson 006 Avoiding Zone Pollution
Video - 00:5:18 mins
Lesson 007 Using the OnPush Strategy
Video - 00:3:21 mins
Lesson 008 Understanding the OnPush Strategy
Video - 00:8:37 mins
Lesson 009 Working with OnPush & Signals
Video - 00:2:13 mins
Lesson 010 Using Signals for Sharing Data Across Components (with OnPush)
Video - 00:4:11 mins
Lesson 011 The Problem With OnPush, Cross-Component Data & Not Using Signals
Video - 00:3:12 mins
Lesson 012 Triggering Change Detection Manually & Using RxJS Subjects
Video - 00:11:1 mins
Lesson 013 Introducing The async Pipe
Video - 00:4:32 mins
Lesson 014 Going Zoneless!
Video - 00:12:58 mins
11 – Working with RxJS (Observables) – Deep Dive
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:52 mins
Lesson 002 What Are Observables & What Is RxJS
Video - 00:1:7 mins
Lesson 003 Creating & Using an Observable
Video - 00:9:17 mins
Lesson 004 Working with RxJS Operators
Video - 00:5:34 mins
Lesson 005 Working with Signals
Video - 00:5:13 mins
Lesson 006 Signals vs Observables
Video - 00:6:00 mins
Lesson 007 Converting Signals To Observables
Video - 00:3:49 mins
Lesson 008 Converting Observables To Signals
Video - 00:4:53 mins
Lesson 009 Deep Dive Creating & Using A Custom Observable From Scratch
Video - 00:12:24 mins
Lesson 010 Module Summary
Video - 00:2:38 mins
12 – Sending HTTP Requests & Handling Responses
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:28 mins
Lesson 002 The Starting Projects Frontend & Backend
Video - 00:4:42 mins
Lesson 003 How To Connect Angular Apps To A Backend
Video - 00:4:2 mins
Lesson 005 Getting Started with Angular's Http Client
Video - 00:4:23 mins
Lesson 007 Sending a GET Request To Fetch Data
Video - 00:7:53 mins
Lesson 008 Configuring Http Requests
Video - 00:3:40 mins
Lesson 009 Transforming & Using Response Data
Video - 00:2:51 mins
Lesson 010 Showing a Loading Fallback
Video - 00:3:11 mins
Lesson 011 Handling HTTP Errors
Video - 00:10:45 mins
Lesson 012 Sending Data To A Backend
Video - 00:7:9 mins
Lesson 013 More Data Fetching & Some Code Duplication
Video - 00:4:34 mins
Lesson 014 Outsourcing HTTP Request Logic Into A Service
Video - 00:8:58 mins
Lesson 015 Managing HTTP-loaded Data via a Service
Video - 00:4:54 mins
Lesson 016 Implementing Optimistic Updating
Video - 00:2:41 mins
Lesson 017 Potential Problems Introduced by Optimistic Updating
Video - 00:2:6 mins
Lesson 018 Improved Optimistic Updating
Video - 00:5:9 mins
Lesson 019 Implementing App-wide Error Management
Video - 00:11:10 mins
Lesson 020 Practice Sending DELETE Requests
Video - 00:8:24 mins
Lesson 021 Introducing HTTP Interceptors
Video - 00:6:57 mins
Lesson 023 Introducing HTTP Response Interceptors
Video - 00:3:3 mins
13 – Handling User Input & Working with Forms (Template-driven & Reactive)
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:2:27 mins
Lesson 002 Template-driven vs Reactive Forms
Video - 00:2:53 mins
Lesson 003 Template-driven Registering Form Controls
Video - 00:6:00 mins
Lesson 004 Getting Access to the Angular-managed Form
Video - 00:8:31 mins
Lesson 005 Extracting User Input Values
Video - 00:2:46 mins
Lesson 006 Validating Input with Form Validation Directives
Video - 00:6:9 mins
Lesson 007 Using the Form Validation Status To Provide User Feedback
Video - 00:7:33 mins
Lesson 008 Adding Validation Styles
Video - 00:4:45 mins
Lesson 009 Interacting With The Underlying Form Object In The Component
Video - 00:13:10 mins
Lesson 010 Updating Form Values Programmatically
Video - 00:5:29 mins
Lesson 011 Reactive Forms Getting Started
Video - 00:5:18 mins
Lesson 012 Syncing Reactive Form Definition & Template
Video - 00:3:36 mins
Lesson 013 Handling Form Submission (Reactive Forms)
Video - 00:3:16 mins
Lesson 014 Adding Validators To Reactive Forms
Video - 00:6:35 mins
Lesson 015 Building Custom Validators
Video - 00:5:21 mins
Lesson 016 Creating & Using Async Validators
Video - 00:3:54 mins
Lesson 017 Interacting with the Form Programmatically
Video - 00:8:38 mins
Lesson 018 Exercise Problem
Video - 00:2:18 mins
Lesson 019 Exercise Solution
Video - 00:4:37 mins
Lesson 020 Connecting & Registering Inputs For A Complex Form
Video - 00:8:58 mins
Lesson 021 Working with Nested Form Groups
Video - 00:5:29 mins
Lesson 022 Working with Form Arrays
Video - 00:4:44 mins
Lesson 023 Practice Adding More Validation
Video - 00:3:31 mins
Lesson 024 Creating Multi-Input Validators Form Group Validators
Video - 00:7:50 mins
Lesson 025 Module Summary
Video - 00:1:30 mins
14 – Routing & Building Multi-page Single Page Applications
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:57 mins
Lesson 002 What Is Routing
Video - 00:2:35 mins
Lesson 003 Enabling Routing & Adding a First Route
Video - 00:6:15 mins
Lesson 004 Rendering Routes
Video - 00:3:34 mins
Lesson 005 Registering Multiple Routes
Video - 00:3:15 mins
Lesson 006 Adding Links The Right Way
Video - 00:5:50 mins
Lesson 007 Styling Active Navigation Links
Video - 00:2:53 mins
Lesson 008 Setting Up & Navigating To Dynamic Routes
Video - 00:7:23 mins
Lesson 009 Extracting Dynamic Route Parameters via Inputs
Video - 00:5:33 mins
Lesson 011 Extracting Dynamic Route Parameters via Observables
Video - 00:7:59 mins
Lesson 012 Working with Nested Routes
Video - 00:5:30 mins
Lesson 013 Route Links & Relative Links
Video - 00:2:35 mins
Lesson 014 Accessing Parent Route Data From Inside Nested Routes
Video - 00:4:32 mins
Lesson 015 Loading Data Based On Route Parameters In Child Routes
Video - 00:2:15 mins
Lesson 016 Link Shortcuts & Programmatic Navigation
Video - 00:6:37 mins
Lesson 017 Adding A Not Found Route
Video - 00:1:46 mins
Lesson 018 Redirecting Users
Video - 00:5:9 mins
Lesson 019 Splitting Route Definitions Across Multiple Files
Video - 00:2:50 mins
Lesson 020 Activated Route vs Activated Route Snapshot
Video - 00:3:38 mins
Lesson 021 Setting Query Parameters
Video - 00:5:35 mins
Lesson 022 Extracting Query Parameters via Inputs
Video - 00:3:16 mins
Lesson 023 Extracting Query Parameters via Observables
Video - 00:3:22 mins
Lesson 024 Using Query Parameters For Data Manipulation
Video - 00:3:37 mins
Lesson 025 Adding Static Data To Routes
Video - 00:5:6 mins
Lesson 026 Resolving Route-related Dynamic Data
Video - 00:11:22 mins
Lesson 028 Accessing Route Data In Components
Video - 00:2:46 mins
Lesson 029 Controlling Route Resolver Execution
Video - 00:3:9 mins
Lesson 030 Setting & Resolving Titles
Video - 00:4:14 mins
Lesson 031 Introducing Route Guards
Video - 00:9:18 mins
Lesson 033 Making Sense of The CanDeactivate Guard
Video - 00:4:56 mins
Lesson 034 Improving The CanDeactivate Logic
Video - 00:2:59 mins
Lesson 035 Reloading Pages via the Angular Router & Configuring Programmatic Navigation
Video - 00:5:46 mins
15 – Code Splitting & Deferrable Views
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:4 mins
Lesson 002 What Is Lazy Loading Code Splitting
Video - 00:1:36 mins
Lesson 003 Introducing Route-based Lazy Loading
Video - 00:2:49 mins
Lesson 004 Implementing Route-based Lazy Loading
Video - 00:8:14 mins
Lesson 005 Lazy Loading Entire Route Groups
Video - 00:5:20 mins
Lesson 006 Using Lazy Loading & Routing to Lazy-load Services
Video - 00:3:58 mins
Lesson 007 Introducing Deferrable Views
Video - 00:3:9 mins
Lesson 008 Defer Loading Until Viewport Visibility
Video - 00:3:47 mins
Lesson 009 Deferrable Views Using Other Triggers
Video - 00:1:36 mins
Lesson 010 Prefetching Lazy-loaded Code
Video - 00:1:59 mins
Lesson 011 Deferrable Views Summary
Video - 00:2:6 mins
16 – Deploying Angular Apps – CSR, SSR, SGA
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:8 mins
Lesson 003 Preparing a Project For Deployment Building It For Production
Video - 00:4:56 mins
Lesson 004 Building SPAs Pros & Cons
Video - 00:3:42 mins
Lesson 005 SPAs Deployment Example
Video - 00:7:54 mins
Lesson 006 Using ng add, ng deploy & Angular's Built-in Deployment Support
Video - 00:2:16 mins
Lesson 007 Server-side Rendering (SSR) Introduction
Video - 00:3:39 mins
Lesson 008 Setting Up SSR For An Angular App
Video - 00:4:12 mins
Lesson 009 Building and Service an SSR App
Video - 00:2:36 mins
Lesson 010 Authoring SSR-ready Code (Beware of Pitfalls!)
Video - 00:3:53 mins
Lesson 011 SSR and Client-Server Mismatches
Video - 00:3:37 mins
Lesson 012 Static Site Generation (SSG) Introduction
Video - 00:2:55 mins
Lesson 013 Configuring & Using SSG
Video - 00:5:34 mins
Lesson 014 Deployment Methods - A Summary
Video - 00:00:54 mins
17 – Course Roundup & Next Steps
18 – The Basics [Angular 16]
Download Attachment
Reading
Lesson 002 Module Introduction
Video - 00:00:57 mins
Lesson 003 How an Angular App gets Loaded and Started
Video - 00:7:11 mins
Lesson 004 Components are Important!
Video - 00:3:9 mins
Lesson 005 Creating a New Component
Video - 00:6:51 mins
Lesson 006 Understanding the Role of AppModule and Component Declaration
Video - 00:5:15 mins
Lesson 008 Using Custom Components
Video - 00:1:12 mins
Lesson 009 Creating Components with the CLI & Nesting Components
Video - 00:3:51 mins
Lesson 010 Working with Component Templates
Video - 00:3:8 mins
Lesson 011 Working with Component Styles
Video - 00:4:2 mins
Lesson 012 Fully Understanding the Component Selector
Video - 00:3:50 mins
Lesson 013 [OPTIONAL] Assignment Solution
Video - 00:6:42 mins
Lesson 014 What is Databinding
Video - 00:2:49 mins
Lesson 015 String Interpolation
Video - 00:5:19 mins
Lesson 016 Property Binding
Video - 00:6:34 mins
Lesson 017 Property Binding vs String Interpolation
Video - 00:3:7 mins
Lesson 018 Event Binding
Video - 00:4:9 mins
Lesson 020 Passing and Using Data with Event Binding
Video - 00:4:37 mins
Lesson 022 Two-Way-Databinding
Video - 00:2:47 mins
Lesson 023 Combining all Forms of Databinding
Video - 00:1:46 mins
Lesson 024 [OPTIONAL] Assignment Solution
Video - 00:5:12 mins
Lesson 025 Understanding Directives
Video - 00:2:17 mins
Lesson 026 Using ngIf to Output Data Conditionally
Video - 00:3:53 mins
Lesson 027 Enhancing ngIf with an Else Condition
Video - 00:2:46 mins
Lesson 029 Styling Elements Dynamically with ngStyle
Video - 00:5:2 mins
Lesson 030 Applying CSS Classes Dynamically with ngClass
Video - 00:2:53 mins
Lesson 031 Outputting Lists with ngFor
Video - 00:3:43 mins
Lesson 033 [OPTIONAL] Assignment Solution
Video - 00:7:6 mins
Lesson 034 Getting the Index when using ngFor
Video - 00:2:52 mins
19 – Course Project – The Basics [Angular 16]
Download Attachment
Reading
Lesson 002 Project Introduction
Video - 00:1:4 mins
Lesson 003 Planning the App
Video - 00:5:34 mins
Lesson 005 Setting up the Application
Video - 00:4:31 mins
Lesson 006 Creating the Components
Video - 00:9:33 mins
Lesson 007 Using the Components
Video - 00:3:15 mins
Lesson 008 Adding a Navigation Bar
Video - 00:5:9 mins
Lesson 010 Creating a Recipe Model
Video - 00:4:33 mins
Lesson 011 Adding Content to the Recipes Components
Video - 00:7:41 mins
Lesson 012 Outputting a List of Recipes with ngFor
Video - 00:4:37 mins
Lesson 013 Displaying Recipe Details
Video - 00:5:53 mins
Lesson 014 Working on the ShoppingListComponent
Video - 00:1:50 mins
Lesson 015 Creating an Ingredient Model
Video - 00:2:36 mins
Lesson 016 Creating and Outputting the Shopping List
Video - 00:2:27 mins
Lesson 017 Adding a Shopping List Edit Section
Video - 00:3:28 mins
Lesson 018 Wrap Up & Next Steps
Video - 00:00:54 mins
20 – Debugging [Angular 16]
21 – Components & Databinding Deep Dive [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:36 mins
Lesson 002 Splitting Apps into Components
Video - 00:5:56 mins
Lesson 003 Property & Event Binding Overview
Video - 00:1:44 mins
Lesson 004 Binding to Custom Properties
Video - 00:5:43 mins
Lesson 005 Assigning an Alias to Custom Properties
Video - 00:1:59 mins
Lesson 006 Binding to Custom Events
Video - 00:9:5 mins
Lesson 007 Assigning an Alias to Custom Events
Video - 00:00:57 mins
Lesson 008 Custom Property and Event Binding Summary
Video - 00:2:2 mins
Lesson 009 Understanding View Encapsulation
Video - 00:4:59 mins
Lesson 010 More on View Encapsulation
Video - 00:2:43 mins
Lesson 011 Using Local References in Templates
Video - 00:4:36 mins
Lesson 013 Getting Access to the Template & DOM with @ViewChild
Video - 00:5:2 mins
Lesson 014 Projecting Content into Components with ng-content
Video - 00:3:22 mins
Lesson 015 Understanding the Component Lifecycle
Video - 00:4:54 mins
Lesson 016 Seeing Lifecycle Hooks in Action
Video - 00:11:55 mins
Lesson 017 Lifecycle Hooks and Template Access
Video - 00:2:33 mins
Lesson 019 Getting Access to ng-content with @ContentChild
Video - 00:3:00 mins
Lesson 020 Wrap Up
Video - 00:00:49 mins
Lesson 021 [OPTIONAL] Assignment Solution
Video - 00:12:21 mins
22 – Course Project – Components & Databinding [Angular 16]
Download Attachment
Reading
Lesson 001 Introduction
Video - 00:00:50 mins
Lesson 002 Adding Navigation with Event Binding and ngIf
Video - 00:7:31 mins
Lesson 003 Passing Recipe Data with Property Binding
Video - 00:4:43 mins
Lesson 004 Passing Data with Event and Property Binding (Combined)
Video - 00:10:32 mins
Lesson 006 Allowing the User to Add Ingredients to the Shopping List
Video - 00:7:22 mins
23 – Directives Deep Dive [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:23 mins
Lesson 002 ngFor and ngIf Recap
Video - 00:3:36 mins
Lesson 003 ngClass and ngStyle Recap
Video - 00:2:57 mins
Lesson 004 Creating a Basic Attribute Directive
Video - 00:6:42 mins
Lesson 005 Using the Renderer to build a Better Attribute Directive
Video - 00:7:4 mins
Lesson 007 Using HostListener to Listen to Host Events
Video - 00:3:00 mins
Lesson 008 Using HostBinding to Bind to Host Properties
Video - 00:3:17 mins
Lesson 009 Binding to Directive Properties
Video - 00:6:43 mins
Lesson 010 What Happens behind the Scenes on Structural Directives
Video - 00:3:4 mins
Lesson 011 Building a Structural Directive
Video - 00:6:14 mins
Lesson 012 Understanding ngSwitch
Video - 00:2:49 mins
24 – Course Project – Directives [Angular 16]
25 – Using Services & Dependency Injection [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:40 mins
Lesson 002 Why would you Need Services
Video - 00:2:4 mins
Lesson 003 Creating a Logging Service
Video - 00:3:32 mins
Lesson 004 Injecting the Logging Service into Components
Video - 00:6:21 mins
Lesson 006 Creating a Data Service
Video - 00:6:41 mins
Lesson 007 Understanding the Hierarchical Injector
Video - 00:2:41 mins
Lesson 008 How many Instances of Service Should It Be
Video - 00:2:12 mins
Lesson 009 Injecting Services into Services
Video - 00:5:13 mins
Lesson 010 Using Services for Cross-Component Communication
Video - 00:4:7 mins
Lesson 012 [OPTIONAL] Assignment Solution
Video - 00:9:37 mins
26 – Course Project – Services & Dependency Injection [Angular 16]
Download Attachment
Reading
Lesson 001 Introduction
Video - 00:1:23 mins
Lesson 002 Setting up the Services
Video - 00:1:15 mins
Lesson 003 Managing Recipes in a Recipe Service
Video - 00:4:7 mins
Lesson 004 Using a Service for Cross-Component Communication
Video - 00:5:7 mins
Lesson 005 Adding the Shopping List Service
Video - 00:5:4 mins
Lesson 006 Using Services for Pushing Data from A to B
Video - 00:3:8 mins
Lesson 007 Adding Ingredients to Recipes
Video - 00:3:42 mins
Lesson 008 Passing Ingredients from Recipes to the Shopping List (via a Service)
Video - 00:7:3 mins
27 – Changing Pages with Routing [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:26 mins
Lesson 002 Why do we need a Router
Video - 00:1:16 mins
Lesson 004 Setting up and Loading Routes
Video - 00:8:2 mins
Lesson 005 Navigating with Router Links
Video - 00:5:18 mins
Lesson 006 Understanding Navigation Paths
Video - 00:4:54 mins
Lesson 007 Styling Active Router Links
Video - 00:5:1 mins
Lesson 008 Navigating Programmatically
Video - 00:3:28 mins
Lesson 009 Using Relative Paths in Programmatic Navigation
Video - 00:5:9 mins
Lesson 010 Passing Parameters to Routes
Video - 00:3:10 mins
Lesson 011 Fetching Route Parameters
Video - 00:4:1 mins
Lesson 012 Fetching Route Parameters Reactively
Video - 00:7:25 mins
Lesson 013 An Important Note about Route Observables
Video - 00:2:42 mins
Lesson 014 Passing Query Parameters and Fragments
Video - 00:5:53 mins
Lesson 015 Retrieving Query Parameters and Fragments
Video - 00:3:16 mins
Lesson 016 Practicing and some Common Gotchas
Video - 00:6:7 mins
Lesson 017 Setting up Child (Nested) Routes
Video - 00:4:28 mins
Lesson 018 Using Query Parameters - Practice
Video - 00:5:36 mins
Lesson 019 Configuring the Handling of Query Parameters
Video - 00:1:50 mins
Lesson 020 Redirecting and Wildcard Routes
Video - 00:4:36 mins
Lesson 022 Outsourcing the Route Configuration
Video - 00:4:40 mins
Lesson 023 An Introduction to Guards
Video - 00:1:45 mins
Lesson 024 Protecting Routes with canActivate
Video - 00:8:55 mins
Lesson 025 Protecting Child (Nested) Routes with canActivateChild
Video - 00:2:52 mins
Lesson 026 Using a Fake Auth Service
Video - 00:1:43 mins
Lesson 027 Controlling Navigation with canDeactivate
Video - 00:12:28 mins
Lesson 028 Passing Static Data to a Route
Video - 00:5:56 mins
Lesson 029 Resolving Dynamic Data with the resolve Guard
Video - 00:9:53 mins
Lesson 030 Understanding Location Strategies
Video - 00:4:43 mins
Lesson 031 Wrap Up
Video - 00:00:51 mins
28 – Course Project – Routing [Angular 16]
Download Attachment
Reading
Lesson 001 Planning the General Structure
Video - 00:1:36 mins
Lesson 002 Setting Up Routes
Video - 00:7:58 mins
Lesson 003 Adding Navigation to the App
Video - 00:1:41 mins
Lesson 004 Marking Active Routes
Video - 00:1:31 mins
Lesson 005 Fixing Page Reload Issues
Video - 00:2:51 mins
Lesson 006 Child Routes Challenge
Video - 00:1:54 mins
Lesson 007 Adding Child Routing Together
Video - 00:4:21 mins
Lesson 008 Configuring Route Parameters
Video - 00:6:22 mins
Lesson 009 Passing Dynamic Parameters to Links
Video - 00:3:1 mins
Lesson 010 Styling Active Recipe Items
Video - 00:1:15 mins
Lesson 011 Adding Editing Routes
Video - 00:3:44 mins
Lesson 012 Retrieving Route Parameters
Video - 00:3:19 mins
Lesson 013 Programmatic Navigation to the Edit Page
Video - 00:4:46 mins
Lesson 014 One Note about Route Observables
Video - 00:00:52 mins
29 – Understanding Observables [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:4:25 mins
Lesson 003 Analyzing Angular Observables
Video - 00:2:15 mins
Lesson 004 Getting Closer to the Core of Observables
Video - 00:6:50 mins
Lesson 005 Building a Custom Observable
Video - 00:4:46 mins
Lesson 006 Errors & Completion
Video - 00:6:39 mins
Lesson 007 Observables & You!
Video - 00:1:55 mins
Lesson 008 Understanding Operators
Video - 00:8:40 mins
Lesson 009 Subjects
Video - 00:8:17 mins
Lesson 010 Wrap Up
Video - 00:1:15 mins
30 – Course Project – Observables [Angular 16]
31 – Handling Forms in Angular Apps [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:19 mins
Lesson 002 Why do we Need Angular's Help
Video - 00:2:21 mins
Lesson 003 Template-Driven (TD) vs Reactive Approach
Video - 00:1:16 mins
Lesson 004 An Example Form
Video - 00:1:32 mins
Lesson 005 TD Creating the Form and Registering the Controls
Video - 00:5:42 mins
Lesson 006 TD Submitting and Using the Form
Video - 00:6:15 mins
Lesson 007 TD Understanding Form State
Video - 00:2:29 mins
Lesson 008 TD Accessing the Form with @ViewChild
Video - 00:3:3 mins
Lesson 009 TD Adding Validation to check User Input
Video - 00:4:14 mins
Lesson 011 TD Using the Form State
Video - 00:4:27 mins
Lesson 012 TD Outputting Validation Error Messages
Video - 00:2:23 mins
Lesson 013 TD Set Default Values with ngModel Property Binding
Video - 00:2:16 mins
Lesson 014 TD Using ngModel with Two-Way-Binding
Video - 00:2:48 mins
Lesson 015 TD Grouping Form Controls
Video - 00:3:30 mins
Lesson 016 TD Handling Radio Buttons
Video - 00:3:27 mins
Lesson 017 TD Setting and Patching Form Values
Video - 00:4:42 mins
Lesson 018 TD Using Form Data
Video - 00:4:44 mins
Lesson 019 TD Resetting Forms
Video - 00:1:48 mins
Lesson 020 Introduction to the Reactive Approach
Video - 00:00:40 mins
Lesson 021 Reactive Setup
Video - 00:2:26 mins
Lesson 022 Reactive Creating a Form in Code
Video - 00:4:7 mins
Lesson 023 Reactive Syncing HTML and Form
Video - 00:3:58 mins
Lesson 024 Reactive Submitting the Form
Video - 00:2:15 mins
Lesson 025 Reactive Adding Validation
Video - 00:2:51 mins
Lesson 026 Reactive Getting Access to Controls
Video - 00:3:47 mins
Lesson 027 Reactive Grouping Controls
Video - 00:3:46 mins
Lesson 029 Reactive Arrays of Form Controls (FormArray)
Video - 00:7:31 mins
Lesson 030 Reactive Creating Custom Validators
Video - 00:6:11 mins
Lesson 031 Reactive Using Error Codes
Video - 00:3:20 mins
Lesson 032 Reactive Creating a Custom Async Validator
Video - 00:4:38 mins
Lesson 033 Reactive Reacting to Status or Value Changes
Video - 00:2:11 mins
Lesson 034 Reactive Setting and Patching Values
Video - 00:2:9 mins
Lesson 035 [OPTIONAL] Assignment Solution
Video - 00:13:48 mins
32 – Course Project – Forms [Angular 16]
Download Attachment
Reading
Lesson 001 Introduction
Video - 00:00:59 mins
Lesson 002 TD Adding the Shopping List Form
Video - 00:3:43 mins
Lesson 003 Adding Validation to the Form
Video - 00:2:22 mins
Lesson 004 Allowing the Selection of Items in the List
Video - 00:4:24 mins
Lesson 005 Loading the Shopping List Items into the Form
Video - 00:3:2 mins
Lesson 006 Updating existing Items
Video - 00:3:15 mins
Lesson 007 Resetting the Form
Video - 00:2:34 mins
Lesson 008 Allowing the the User to Clear (Cancel) the Form
Video - 00:1:16 mins
Lesson 009 Allowing the Deletion of Shopping List Items
Video - 00:2:52 mins
Lesson 010 Creating the Template for the (Reactive) Recipe Edit Form
Video - 00:5:00 mins
Lesson 011 Creating the Form For Editing Recipes
Video - 00:5:6 mins
Lesson 012 Syncing HTML with the Form
Video - 00:3:52 mins
Lesson 014 Adding Ingredient Controls to a Form Array
Video - 00:5:39 mins
Lesson 015 Adding new Ingredient Controls
Video - 00:3:39 mins
Lesson 016 Validating User Input
Video - 00:5:10 mins
Lesson 017 Submitting the Recipe Edit Form
Video - 00:7:30 mins
Lesson 018 Adding a Delete and Clear (Cancel) Functionality
Video - 00:4:47 mins
Lesson 019 Redirecting the User (after Deleting a Recipe)
Video - 00:1:47 mins
Lesson 020 Adding an Image Preview
Video - 00:1:48 mins
Lesson 021 Providing the Recipe Service Correctly
Video - 00:1:59 mins
Lesson 022 Deleting Ingredients and Some Finishing Touches
Video - 00:3:34 mins
33 – Using Pipes to Transform Output [Angular 16]
Download Attachment
Reading
Lesson 001 Introduction & Why Pipes are Useful
Video - 00:2:2 mins
Lesson 002 Using Pipes
Video - 00:3:28 mins
Lesson 003 Parametrizing Pipes
Video - 00:2:10 mins
Lesson 004 Where to learn more about Pipes
Video - 00:1:56 mins
Lesson 005 Chaining Multiple Pipes
Video - 00:2:20 mins
Lesson 006 Creating a Custom Pipe
Video - 00:6:42 mins
Lesson 007 Parametrizing a Custom Pipe
Video - 00:2:36 mins
Lesson 008 Example Creating a Filter Pipe
Video - 00:7:1 mins
Lesson 009 Pure and Impure Pipes (or How to fix the Filter Pipe)
Video - 00:4:46 mins
Lesson 010 Understanding the async Pipe
Video - 00:4:4 mins
34 – Making Http Requests [Angular 16]
Download Attachment
Reading
Lesson 001 A New IDE
Video - 00:00:43 mins
Lesson 002 Module Introduction
Video - 00:1:6 mins
Lesson 003 How Does Angular Interact With Backends
Video - 00:3:10 mins
Lesson 004 The Anatomy of a Http Request
Video - 00:2:27 mins
Lesson 005 Backend (Firebase) Setup
Video - 00:2:35 mins
Lesson 006 Sending a POST Request
Video - 00:10:11 mins
Lesson 007 GETting Data
Video - 00:2:56 mins
Lesson 008 Using RxJS Operators to Transform Response Data
Video - 00:3:59 mins
Lesson 009 Using Types with the HttpClient
Video - 00:5:7 mins
Lesson 010 Outputting Posts
Video - 00:2:15 mins
Lesson 011 Showing a Loading Indicator
Video - 00:2:3 mins
Lesson 012 Using a Service for Http Requests
Video - 00:6:37 mins
Lesson 013 Services & Components Working Together
Video - 00:3:28 mins
Lesson 014 Sending a DELETE Request
Video - 00:3:27 mins
Lesson 015 Handling Errors
Video - 00:6:38 mins
Lesson 016 Using Subjects for Error Handling
Video - 00:2:39 mins
Lesson 017 Using the catchError Operator
Video - 00:2:13 mins
Lesson 018 Error Handling & UX
Video - 00:2:7 mins
Lesson 019 Setting Headers
Video - 00:3:18 mins
Lesson 020 Adding Query Params
Video - 00:4:1 mins
Lesson 021 Observing Different Types of Responses
Video - 00:7:32 mins
Lesson 022 Changing the Response Body Type
Video - 00:3:16 mins
Lesson 023 Introducing Interceptors
Video - 00:7:24 mins
Lesson 024 Manipulating Request Objects
Video - 00:2:32 mins
Lesson 025 Response Interceptors
Video - 00:2:46 mins
Lesson 026 Multiple Interceptors
Video - 00:4:52 mins
Lesson 027 Wrap Up
Video - 00:1:57 mins
35 – Course Project – Http [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:55 mins
Lesson 002 Backend (Firebase) Setup
Video - 00:2:3 mins
Lesson 003 Setting Up the DataStorage Service
Video - 00:5:32 mins
Lesson 004 Storing Recipes
Video - 00:6:39 mins
Lesson 005 Fetching Recipes
Video - 00:5:38 mins
Lesson 006 Transforming Response Data
Video - 00:4:17 mins
Lesson 007 Resolving Data Before Loading
Video - 00:7:31 mins
Lesson 008 Fixing a Bug with the Resolver
Video - 00:1:43 mins
36 – Authentication & Route Protection in Angular
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:52 mins
Lesson 002 How Authentication Works
Video - 00:5:1 mins
Lesson 003 Adding the Auth Page
Video - 00:6:44 mins
Lesson 004 Switching Between Auth Modes
Video - 00:4:2 mins
Lesson 005 Handling Form Input
Video - 00:3:44 mins
Lesson 006 Preparing the Backend
Video - 00:3:15 mins
Lesson 008 Preparing the Signup Request
Video - 00:8:24 mins
Lesson 009 Sending the Signup Request
Video - 00:4:36 mins
Lesson 010 Adding a Loading Spinner & Error Handling Logic
Video - 00:6:34 mins
Lesson 011 Improving Error Handling
Video - 00:5:39 mins
Lesson 012 Sending Login Requests
Video - 00:6:00 mins
Lesson 013 Login Error Handling
Video - 00:4:29 mins
Lesson 014 Creating & Storing the User Data
Video - 00:10:17 mins
Lesson 015 Reflecting the Auth State in the UI
Video - 00:9:41 mins
Lesson 016 Adding the Token to Outgoing Requests
Video - 00:10:15 mins
Lesson 017 Attaching the Token with an Interceptor
Video - 00:8:48 mins
Lesson 018 Adding Logout
Video - 00:3:19 mins
Lesson 019 Adding Auto-Login
Video - 00:9:55 mins
Lesson 020 Adding Auto-Logout
Video - 00:7:39 mins
Lesson 021 Adding an Auth Guard
Video - 00:10:56 mins
Lesson 022 Wrap Up
Video - 00:1:55 mins
37 – Dynamic Components [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:9 mins
Lesson 002 Adding an Alert Modal Component
Video - 00:7:33 mins
Lesson 003 Understanding the Different Approaches
Video - 00:2:28 mins
Lesson 004 Using ngIf
Video - 00:3:5 mins
Lesson 005 Preparing Programmatic Creation
Video - 00:8:27 mins
Lesson 006 Creating a Component Programmatically
Video - 00:4:46 mins
Lesson 008 Understanding entryComponents
Video - 00:5:6 mins
Lesson 009 Data Binding & Event Binding
Video - 00:5:5 mins
Lesson 010 Wrap Up
Video - 00:1:25 mins
38 – Angular Modules & Optimizing Angular Apps [Angular 16]
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:41 mins
Lesson 002 What are Modules
Video - 00:2:26 mins
Lesson 003 Analyzing the AppModule
Video - 00:6:24 mins
Lesson 004 Getting Started with Feature Modules
Video - 00:8:59 mins
Lesson 005 Splitting Modules Correctly
Video - 00:4:9 mins
Lesson 006 Adding Routes to Feature Modules
Video - 00:4:35 mins
Lesson 007 Component Declarations
Video - 00:1:58 mins
Lesson 008 The ShoppingList Feature Module
Video - 00:4:27 mins
Lesson 009 Understanding Shared Modules
Video - 00:8:10 mins
Lesson 010 Understanding the Core Module
Video - 00:5:48 mins
Lesson 011 Adding an Auth Feature Module
Video - 00:4:22 mins
Lesson 012 Understanding Lazy Loading
Video - 00:2:52 mins
Lesson 013 Implementing Lazy Loading
Video - 00:12:20 mins
Lesson 014 More Lazy Loading
Video - 00:3:2 mins
Lesson 015 Preloading Lazy-Loaded Code
Video - 00:3:39 mins
Lesson 016 Modules & Services
Video - 00:5:46 mins
Lesson 017 Loading Services Differently
Video - 00:8:24 mins
39 – Standalone Components
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:27 mins
Lesson 002 Starting Setup & Why We Want Standalone Components
Video - 00:4:48 mins
Lesson 003 Building a First Standalone Component
Video - 00:9:49 mins
Lesson 005 Standalone Directives & Connecting Building Blocks
Video - 00:2:19 mins
Lesson 006 Migrating Another Component
Video - 00:1:49 mins
Lesson 007 A Standalone Root Component
Video - 00:4:20 mins
Lesson 008 Services & Standalone Components
Video - 00:3:59 mins
Lesson 009 Routing with Standalone Components
Video - 00:6:36 mins
Lesson 010 Lazy Loading
Video - 00:8:4 mins
Lesson 011 Summary
Video - 00:1:56 mins
40 – Angular Signals
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:8 mins
Lesson 002 Signals What & Why
Video - 00:5:40 mins
Lesson 003 Creating a New Signal
Video - 00:3:23 mins
Lesson 004 Updating a Signal Value
Video - 00:2:34 mins
Lesson 005 Reading & Outputting a Signal Value
Video - 00:2:11 mins
Lesson 006 Signal Updating set(), update() & mutate()
Video - 00:6:12 mins
Lesson 007 Important Signals are NOT Finished Yet!
Video - 00:1:2 mins
Lesson 009 Computed Values & Effects
Video - 00:3:48 mins
Lesson 010 Module Summary
Video - 00:00:55 mins
41 – Bonus Using NgRx For State Management
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:00:57 mins
Lesson 002 What Is NgRx
Video - 00:2:9 mins
Lesson 003 Understanding NgRx & Its Building Blocks
Video - 00:3:58 mins
Lesson 004 Project Setup & Installing NgRx
Video - 00:5:12 mins
Lesson 005 Adding a First Reducer & Store Setup
Video - 00:8:35 mins
Lesson 006 An Alternative Way Of Creating Reducers
Video - 00:4:19 mins
Lesson 007 Reading Data From The Store
Video - 00:9:36 mins
Lesson 008 Introducing Actions & State Changing Reducers
Video - 00:7:49 mins
Lesson 009 Dispatching Actions
Video - 00:3:41 mins
Lesson 010 Attaching Data To Actions
Video - 00:4:20 mins
Lesson 011 Handling Actions Without createReducer
Video - 00:6:1 mins
Lesson 012 An Alternative Way Of Defining Actions
Video - 00:10:2 mins
Lesson 013 Time To Practice A Second Action
Video - 00:5:28 mins
Lesson 014 Exploring Selectors
Video - 00:8:17 mins
Lesson 015 Introducing Effects
Video - 00:2:39 mins
Lesson 016 Installing the Effects Package
Video - 00:2:3 mins
Lesson 017 Defining a First Effect
Video - 00:8:40 mins
Lesson 018 The Old @Effect Decorator & Registering Effects
Video - 00:3:43 mins
Lesson 019 Using Store Data In Effects
Video - 00:3:24 mins
Lesson 020 Adding a Second Effect
Video - 00:9:58 mins
Lesson 021 Summary
Video - 00:3:2 mins
42 – Angular Animations
Download Attachment
Reading
Lesson 002 Introduction
Video - 00:1:3 mins
Lesson 003 Setting up the Starting Project
Video - 00:00:52 mins
Lesson 004 Animations Triggers and State
Video - 00:7:12 mins
Lesson 005 Switching between States
Video - 00:2:4 mins
Lesson 006 Transitions
Video - 00:1:54 mins
Lesson 007 Advanced Transitions
Video - 00:5:22 mins
Lesson 008 Transition Phases
Video - 00:3:57 mins
Lesson 009 The void State
Video - 00:6:11 mins
Lesson 010 Using Keyframes for Animations
Video - 00:5:32 mins
Lesson 011 Grouping Transitions
Video - 00:2:11 mins
Lesson 012 Using Animation Callbacks
Video - 00:2:38 mins
43 – Adding Offline Capabilities with Service Workers
44 – A Basic Introduction to Unit Testing in Angular Apps
Download Attachment
Reading
Lesson 002 Introduction
Video - 00:1:18 mins
Lesson 003 Why Unit Tests
Video - 00:2:12 mins
Lesson 004 Analyzing the Testing Setup (as created by the CLI)
Video - 00:8:1 mins
Lesson 005 Running Tests (with the CLI)
Video - 00:1:59 mins
Lesson 006 Adding a Component and some fitting Tests
Video - 00:6:14 mins
Lesson 007 Testing Dependencies Components and Services
Video - 00:6:55 mins
Lesson 008 Simulating Async Tasks
Video - 00:9:41 mins
Lesson 009 Using fakeAsync and tick
Video - 00:2:14 mins
Lesson 010 Isolated vs Non-Isolated Tests
Video - 00:6:10 mins
45 – Angular as a Platform & Closer Look at the CLI
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:44 mins
Lesson 002 A Closer Look at ng new
Video - 00:5:18 mins
Lesson 003 IDE & Project Setup
Video - 00:2:31 mins
Lesson 004 Understanding the Config Files
Video - 00:9:1 mins
Lesson 005 Important CLI Commands
Video - 00:5:25 mins
Lesson 006 The angular.json File - A Closer Look
Video - 00:11:18 mins
Lesson 007 Angular Schematics - An Introduction
Video - 00:1:41 mins
Lesson 008 The ng add Command
Video - 00:4:31 mins
Lesson 009 Using Custom ng generate Schematics
Video - 00:3:5 mins
Lesson 010 Smooth Updating of Projects with ng update
Video - 00:2:14 mins
Lesson 011 Simplified Deployment with ng deploy
Video - 00:5:46 mins
Lesson 012 Understanding Differential Loading
Video - 00:5:10 mins
Lesson 013 Managing Multiple Projects in One Folder
Video - 00:4:35 mins
Lesson 014 Angular Libraries - An Introduction
Video - 00:2:51 mins
Lesson 015 Wrap Up
Video - 00:1:27 mins
46 – Bonus TypeScript Introduction (for Angular 2 Usage)
Download Attachment
Reading
Lesson 001 Module Introduction
Video - 00:1:15 mins
Lesson 002 What & Why
Video - 00:6:32 mins
Lesson 003 Installing & Using TypeScript
Video - 00:6:22 mins
Lesson 004 Base Types & Primitives
Video - 00:3:55 mins
Lesson 005 Array & Object Types
Video - 00:5:33 mins
Lesson 006 Type Inference
Video - 00:2:47 mins
Lesson 007 Working with Union Types
Video - 00:2:48 mins
Lesson 008 Assigning Type Aliases
Video - 00:2:42 mins
Lesson 009 Diving into Functions & Function Types
Video - 00:5:12 mins
Lesson 010 Understanding Generics
Video - 00:7:20 mins
Lesson 011 Classes & TypeScript
Video - 00:7:58 mins
Lesson 012 Working with Interfaces
Video - 00:5:36 mins
Lesson 013 Configuring the TypeScript Compiler
Video - 00:2:29 mins
Download Attachment: Click here
Finish Course Early?
You have not completed all required lessons and assessments.
Your Progress
0%
