Lesson 001 Improving the Reactive Service with Observables (Subjects) - Free IT Course Platform

Skip to content

Course List
Free Ebook
Knowledge Sharing
Search for:

Course Content

01 – Getting Started

0/8

Download Attachment

Lesson 001 Welcome To The Course!

Lesson 002 What Exactly Is Angular

Lesson 003 Why Would You Use Angular

Lesson 004 Angular’s Evolution & Stability

Lesson 005 Creating A New Angular Project

Lesson 006 Setting Up An Angular Development Environment

Lesson 007 About This Course

02 – Angular Essentials – Components, Templates, Services & More

0/54

Download Attachment

Lesson 001 Module Introduction

Lesson 002 A New Starting Project & Analyzing The Project Structure

Lesson 003 Understanding Components & How Content Ends Up On The Screen

Lesson 004 Creating a First Custom Component

Lesson 006 Configuring the Custom Component

Lesson 007 Using the Custom Component

Lesson 008 Styling the Header Component & Adding An Image

Lesson 009 Managing & Creating Components with the Angular CLI

Lesson 010 Styling & Using Our Next Custom Component

Lesson 011 Preparing User Data (To Output Dynamic Content)

Lesson 012 Storing Data in a Component Class

Lesson 013 Outputting Dynamic Content with String Interpolation

Lesson 014 Property Binding & Outputting Computed Values

Lesson 016 Using Getters For Computed Values

Lesson 017 Listening to Events with Event Binding

Lesson 018 Managing State & Changing Data

Lesson 019 A Look Behind The Scenes Of Angular’s Change Detection Mechanism

Lesson 020 Introducing Signals

Lesson 021 We Need More Flexible Components!

Lesson 022 Defining Component Inputs

Lesson 023 Required & Optional Inputs

Lesson 024 Using Signal Inputs

Lesson 025 We Need Custom Events!

Lesson 026 Working with Outputs & Emitting Data

Lesson 027 Using the output() Function

Lesson 028 Adding Extra Type Information To EventEmitter

Lesson 029 Exercise Create a Configurable Component

Lesson 030 TypeScript Working With Potentially Undefined Values & Union Types

Lesson 031 Accepting Objects As Inputs & Adding Appropriate Typings

Lesson 032 TypeScript Type Aliases & Interfaces

Lesson 033 Outputting List Content

Lesson 034 Outputting Conditional Content

Lesson 035 Legacy Angular Using ngFor & ngIf

Lesson 036 Adding More Components to the Demo App

Lesson 037 Outputting User-specific Tasks

Lesson 038 Outputting Task Data in the Task Component

Lesson 039 Storing Data Models in Separate Files

Lesson 040 Dynamic CSS Styling with Class Bindings

Lesson 041 More Component Communication Deleting Tasks

Lesson 042 Creating & Conditionally Rendering Another Component

Lesson 043 Managing The New Task Dialog

Lesson 044 Using Directives & Two-Way-Binding

Lesson 045 Signals & Two-Way-Binding

Lesson 046 Handling Form Submission

Lesson 047 Using the Submitted Data

Lesson 048 Content Projection with ng-content

Lesson 049 Transforming Template Data with Pipes

Lesson 050 Getting Started with Services

Lesson 051 Getting Started with Dependency Injection

Lesson 052 More Service Usage & Alternative Dependency Injection Mechanism

Lesson 053 Time to Practice Services

Lesson 054 Using localStorage for Data Storage

Lesson 055 Module Summary

03 – Angular Essentials – Working with Modules

0/10

Download Attachment

Lesson 001 Module Introduction

Lesson 002 A First Introduction To Angular Modules (NgModule)

Lesson 003 Creating a First Empty Module

Lesson 004 Bootstrapping Apps with Angular Modules

Lesson 005 Declaring & Using Components

Lesson 006 A First Summary

Lesson 007 Migrating All Components To Use Modules

Lesson 008 Creating & Using Shared Modules

Lesson 009 Creating More Complex Module-based App Structures

04 – Angular Essentials – Time To Practice

0/17

Download Attachment

Lesson 001 Module Introduction & Starting Project

Lesson 003 Adding a Header Component With An Image

Lesson 004 Adding a User Input Component

Lesson 005 Handling Form Submission

Lesson 006 Extracting Values with Two-Way-Binding

Lesson 007 Calculating the Annual Investment Data

Lesson 008 Cross-Component Communication with Outputs

Lesson 009 Creating & Using a Data Model

Lesson 010 Passing Data from Parent to Child with Inputs

Lesson 011 Outputting Data in a Table

Lesson 012 Formatting Output with a Pipe

Lesson 013 Using Signals & Resetting The Form After Submission

Lesson 014 Using a Service for Cross-Component Communication

Lesson 015 Using Signals in Services

Lesson 016 Migrating to Angular Modules

Lesson 017 Module Summary

05 – Debugging Angular Apps

0/5

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Understanding Error Messages & Fixing Errors

Lesson 003 Debugging Logical Errors with the Browser DevTools & Breakpoints

Lesson 004 Exploring the Angular DevTools

06 – Components & Templates – Deep Dive

0/53

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Starting Project & An Opportunity For Smaller Components

Lesson 003 When & How To Split Up Components

Lesson 004 Splitting A Component Into Multiple Components

Lesson 005 Creating Reusable Components

Lesson 006 Component Inputs Repetition

Lesson 007 Property Binding Repetition

Lesson 008 Using Content Projection & ng-content

Lesson 009 Adding Forms to Components

Lesson 010 A Possible, But Not Ideal Way Of Extending Built-in Elements

Lesson 011 Extending Built-in Elements with Custom Components via Attribute Selectors

Lesson 012 Supporting Content Projection with Multiple Slots

Lesson 013 Exploring Advanced Content Projection

Lesson 014 Defining Content Projection Fallbacks

Lesson 015 Multi-Element Custom Components & Content Projection

Lesson 016 Scoping CSS Styles to Components

Lesson 017 Understanding & Configuring View Encapsulation

Lesson 018 Making Sense of Component Host Elements

Lesson 019 Using Host Elements Like Regular Elements

Lesson 020 Interacting With Host Elements From Inside Components

Lesson 021 When (Not) To Rely On Host Elements

Lesson 022 Interacting with Host Elements via @HostListener & @HostBinding

Lesson 023 Accessing Host Elements Programmatically

Lesson 024 Class Bindings Repetition

Lesson 025 There’s More Than One Way Of Binding CSS Classes Dynamically

Lesson 026 A Closer Look At Dynamic Inline Style Binding

Lesson 027 Manipulating State & Using Literal Values

Lesson 028 Introducing the Component Lifecycle ngOnInit

Lesson 029 Implementing Lifecycle Interfaces

Lesson 030 Component Lifecycle – A Deep Dive

Lesson 031 Component Cleanup with ngOnDestroy

Lesson 032 Component Cleanup with DestroyRef

Lesson 033 Handling Form Submissions Repetition

Lesson 034 Working with Template Variables

Lesson 035 Extracting Input Values via Template Variables

Lesson 036 Template Variables & Component Instances

Lesson 037 Getting Access to Template Elements via ViewChild

Lesson 038 Using The viewChild Signal Function

Lesson 039 ViewChild vs ContentChild

Lesson 040 A Closer Look at Decorator-based Queries & Lifecycle Hooks

Lesson 041 The afterRender and afterNextRender Lifecycle Functions

Lesson 042 Making Sense of Signal Effects

Lesson 044 TypeScript & Type Models Repetition

Lesson 045 Component Outputs Repetition

Lesson 046 A Closer Look At Template For Loops

Lesson 047 Revisiting Inputs & Signals

Lesson 048 Updating Signal Values

Lesson 049 Cross-Component Communication & State Management

Lesson 050 Configuring Component Inputs & Outputs

Lesson 051 Two-Way Binding Repetition

Lesson 052 Setting Up Custom Two-Way Binding

Lesson 053 An Easier Way of Setting Up Custom Two-Way Binding

07 – Enhancing Elements with Directives – Deep Dive

0/14

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Understanding Directives

Lesson 003 The Starting Project

Lesson 004 Analyzing a Built-in Attribute Directive ngModel

Lesson 005 Analyzing a Built-in Structural Directive ngIf

Lesson 006 Getting Started with Custom Directives

Lesson 007 Using Attribute Directives To Change Element Behavior

Lesson 008 Working with Inputs in Custom Directives

Lesson 009 Directives & Dependency Injection

Lesson 010 Building Another Directive

Lesson 011 Building a Custom Structural Directive

Lesson 012 Structural Directives & Syntactic Sugar

Lesson 013 Host Directives & Composition

08 – Transforming Values with Pipes – Deep Dive

0/13

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Making Sense of Pipes

Lesson 003 Using Built-in Pipes

Lesson 004 More Built-in Pipes Examples

Lesson 005 Building a First Custom Pipe

Lesson 006 Using Custom Pipes to Perform Custom Transformations

Lesson 007 Accepting Parameters in Custom Pipes

Lesson 008 Chaining Pipes & Being Aware of Limitations

Lesson 009 Building a Pipe That Sorts Items

Lesson 010 Understanding How Pipes Are Executed

Lesson 011 Pure & Impure Pipes

Lesson 012 Pipe Limitations & When Not To Use Them

09 – Understanding Services & Dependency Injection – Deep Dive

0/19

Download Attachment

Lesson 001 Module Introduction

Lesson 002 The Starting Project & The Need For A Centralized Service

Lesson 003 Creating a Service

Lesson 004 How NOT To Provide A Service

Lesson 005 Using Angular’s Dependency Injection Mechanism

Lesson 006 Using The Alternative Dependency Injection Syntax

Lesson 007 Outsourcing & Reusing Logic with Services

Lesson 008 Angular Has Multiple Injectors!

Lesson 009 There Are Multiple Ways Of Providing a Service

Lesson 010 Providing Services via the Element Injector

Lesson 011 Understanding the Element Injector’s Behavior

Lesson 012 Injecting Services Into Services

Lesson 013 Analyzing Dependency Injection with the Angular DevTools

Lesson 014 Using Custom DI Tokens & Providers

Lesson 015 Preparing A Non-Class Value For Injection

Lesson 016 Injecting Other Values (NOT Services)

Lesson 017 Angular Modules (NgModule) & Dependency Injection

Lesson 018 Working with Services Without Using Signals

10 – Making Sense of Change Detection – Deep Dive

0/15

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Analyzing the Starting Project

Lesson 003 Understanding How Angular Performs Change Detection

Lesson 004 Change Detection During Development ExpressionChangedAfterChecked Errors

Lesson 005 Writing Efficient Template Bindings

Lesson 006 Avoiding Zone Pollution

Lesson 007 Using the OnPush Strategy

Lesson 008 Understanding the OnPush Strategy

Lesson 009 Working with OnPush & Signals

Lesson 010 Using Signals for Sharing Data Across Components (with OnPush)

Lesson 011 The Problem With OnPush, Cross-Component Data & Not Using Signals

Lesson 012 Triggering Change Detection Manually & Using RxJS Subjects

Lesson 013 Introducing The async Pipe

Lesson 014 Going Zoneless!

11 – Working with RxJS (Observables) – Deep Dive

0/11

Download Attachment

Lesson 001 Module Introduction

Lesson 002 What Are Observables & What Is RxJS

Lesson 003 Creating & Using an Observable

Lesson 004 Working with RxJS Operators

Lesson 005 Working with Signals

Lesson 006 Signals vs Observables

Lesson 007 Converting Signals To Observables

Lesson 008 Converting Observables To Signals

Lesson 009 Deep Dive Creating & Using A Custom Observable From Scratch

Lesson 010 Module Summary

12 – Sending HTTP Requests & Handling Responses

0/21

Download Attachment

Lesson 001 Module Introduction

Lesson 002 The Starting Projects Frontend & Backend

Lesson 003 How To Connect Angular Apps To A Backend

Lesson 005 Getting Started with Angular’s Http Client

Lesson 007 Sending a GET Request To Fetch Data

Lesson 008 Configuring Http Requests

Lesson 009 Transforming & Using Response Data

Lesson 010 Showing a Loading Fallback

Lesson 011 Handling HTTP Errors

Lesson 012 Sending Data To A Backend

Lesson 013 More Data Fetching & Some Code Duplication

Lesson 014 Outsourcing HTTP Request Logic Into A Service

Lesson 015 Managing HTTP-loaded Data via a Service

Lesson 016 Implementing Optimistic Updating

Lesson 017 Potential Problems Introduced by Optimistic Updating

Lesson 018 Improved Optimistic Updating

Lesson 019 Implementing App-wide Error Management

Lesson 020 Practice Sending DELETE Requests

Lesson 021 Introducing HTTP Interceptors

Lesson 023 Introducing HTTP Response Interceptors

13 – Handling User Input & Working with Forms (Template-driven & Reactive)

0/26

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Template-driven vs Reactive Forms

Lesson 003 Template-driven Registering Form Controls

Lesson 004 Getting Access to the Angular-managed Form

Lesson 005 Extracting User Input Values

Lesson 006 Validating Input with Form Validation Directives

Lesson 007 Using the Form Validation Status To Provide User Feedback

Lesson 008 Adding Validation Styles

Lesson 009 Interacting With The Underlying Form Object In The Component

Lesson 010 Updating Form Values Programmatically

Lesson 011 Reactive Forms Getting Started

Lesson 012 Syncing Reactive Form Definition & Template

Lesson 013 Handling Form Submission (Reactive Forms)

Lesson 014 Adding Validators To Reactive Forms

Lesson 015 Building Custom Validators

Lesson 016 Creating & Using Async Validators

Lesson 017 Interacting with the Form Programmatically

Lesson 018 Exercise Problem

Lesson 019 Exercise Solution

Lesson 020 Connecting & Registering Inputs For A Complex Form

Lesson 021 Working with Nested Form Groups

Lesson 022 Working with Form Arrays

Lesson 023 Practice Adding More Validation

Lesson 024 Creating Multi-Input Validators Form Group Validators

Lesson 025 Module Summary

14 – Routing & Building Multi-page Single Page Applications

0/33

Download Attachment

Lesson 001 Module Introduction

Lesson 002 What Is Routing

Lesson 003 Enabling Routing & Adding a First Route

Lesson 004 Rendering Routes

Lesson 005 Registering Multiple Routes

Lesson 006 Adding Links The Right Way

Lesson 007 Styling Active Navigation Links

Lesson 008 Setting Up & Navigating To Dynamic Routes

Lesson 009 Extracting Dynamic Route Parameters via Inputs

Lesson 011 Extracting Dynamic Route Parameters via Observables

Lesson 012 Working with Nested Routes

Lesson 013 Route Links & Relative Links

Lesson 014 Accessing Parent Route Data From Inside Nested Routes

Lesson 015 Loading Data Based On Route Parameters In Child Routes

Lesson 016 Link Shortcuts & Programmatic Navigation

Lesson 017 Adding A Not Found Route

Lesson 018 Redirecting Users

Lesson 019 Splitting Route Definitions Across Multiple Files

Lesson 020 Activated Route vs Activated Route Snapshot

Lesson 021 Setting Query Parameters

Lesson 022 Extracting Query Parameters via Inputs

Lesson 023 Extracting Query Parameters via Observables

Lesson 024 Using Query Parameters For Data Manipulation

Lesson 025 Adding Static Data To Routes

Lesson 026 Resolving Route-related Dynamic Data

Lesson 028 Accessing Route Data In Components

Lesson 029 Controlling Route Resolver Execution

Lesson 030 Setting & Resolving Titles

Lesson 031 Introducing Route Guards

Lesson 033 Making Sense of The CanDeactivate Guard

Lesson 034 Improving The CanDeactivate Logic

Lesson 035 Reloading Pages via the Angular Router & Configuring Programmatic Navigation

15 – Code Splitting & Deferrable Views

0/12

Download Attachment

Lesson 001 Module Introduction

Lesson 002 What Is Lazy Loading Code Splitting

Lesson 003 Introducing Route-based Lazy Loading

Lesson 004 Implementing Route-based Lazy Loading

Lesson 005 Lazy Loading Entire Route Groups

Lesson 006 Using Lazy Loading & Routing to Lazy-load Services

Lesson 007 Introducing Deferrable Views

Lesson 008 Defer Loading Until Viewport Visibility

Lesson 009 Deferrable Views Using Other Triggers

Lesson 010 Prefetching Lazy-loaded Code

Lesson 011 Deferrable Views Summary

16 – Deploying Angular Apps – CSR, SSR, SGA

0/14

Download Attachment

Lesson 001 Module Introduction

Lesson 003 Preparing a Project For Deployment Building It For Production

Lesson 004 Building SPAs Pros & Cons

Lesson 005 SPAs Deployment Example

Lesson 006 Using ng add, ng deploy & Angular’s Built-in Deployment Support

Lesson 007 Server-side Rendering (SSR) Introduction

Lesson 008 Setting Up SSR For An Angular App

Lesson 009 Building and Service an SSR App

Lesson 010 Authoring SSR-ready Code (Beware of Pitfalls!)

Lesson 011 SSR and Client-Server Mismatches

Lesson 012 Static Site Generation (SSG) Introduction

Lesson 013 Configuring & Using SSG

Lesson 014 Deployment Methods – A Summary

17 – Course Roundup & Next Steps

0/3

Download Attachment

Lesson 001 Course Roundup

Lesson 003 About The Rest Of This Course

18 – The Basics [Angular 16]

0/29

Download Attachment

Lesson 002 Module Introduction

Lesson 003 How an Angular App gets Loaded and Started

Lesson 004 Components are Important!

Lesson 005 Creating a New Component

Lesson 006 Understanding the Role of AppModule and Component Declaration

Lesson 008 Using Custom Components

Lesson 009 Creating Components with the CLI & Nesting Components

Lesson 010 Working with Component Templates

Lesson 011 Working with Component Styles

Lesson 012 Fully Understanding the Component Selector

Lesson 013 [OPTIONAL] Assignment Solution

Lesson 014 What is Databinding

Lesson 015 String Interpolation

Lesson 016 Property Binding

Lesson 017 Property Binding vs String Interpolation

Lesson 018 Event Binding

Lesson 020 Passing and Using Data with Event Binding

Lesson 022 Two-Way-Databinding

Lesson 023 Combining all Forms of Databinding

Lesson 024 [OPTIONAL] Assignment Solution

Lesson 025 Understanding Directives

Lesson 026 Using ngIf to Output Data Conditionally

Lesson 027 Enhancing ngIf with an Else Condition

Lesson 029 Styling Elements Dynamically with ngStyle

Lesson 030 Applying CSS Classes Dynamically with ngClass

Lesson 031 Outputting Lists with ngFor

Lesson 033 [OPTIONAL] Assignment Solution

Lesson 034 Getting the Index when using ngFor

19 – Course Project – The Basics [Angular 16]

0/16

Download Attachment

Lesson 002 Project Introduction

Lesson 003 Planning the App

Lesson 005 Setting up the Application

Lesson 006 Creating the Components

Lesson 007 Using the Components

Lesson 008 Adding a Navigation Bar

Lesson 010 Creating a Recipe Model

Lesson 011 Adding Content to the Recipes Components

Lesson 012 Outputting a List of Recipes with ngFor

Lesson 013 Displaying Recipe Details

Lesson 014 Working on the ShoppingListComponent

Lesson 015 Creating an Ingredient Model

Lesson 016 Creating and Outputting the Shopping List

Lesson 017 Adding a Shopping List Edit Section

Lesson 018 Wrap Up & Next Steps

20 – Debugging [Angular 16]

0/3

Download Attachment

Lesson 001 Understanding Angular Error Messages

Lesson 002 Debugging Code in the Browser Using Sourcemaps

21 – Components & Databinding Deep Dive [Angular 16]

0/20

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Splitting Apps into Components

Lesson 003 Property & Event Binding Overview

Lesson 004 Binding to Custom Properties

Lesson 005 Assigning an Alias to Custom Properties

Lesson 006 Binding to Custom Events

Lesson 007 Assigning an Alias to Custom Events

Lesson 008 Custom Property and Event Binding Summary

Lesson 009 Understanding View Encapsulation

Lesson 010 More on View Encapsulation

Lesson 011 Using Local References in Templates

Lesson 013 Getting Access to the Template & DOM with @ViewChild

Lesson 014 Projecting Content into Components with ng-content

Lesson 015 Understanding the Component Lifecycle

Lesson 016 Seeing Lifecycle Hooks in Action

Lesson 017 Lifecycle Hooks and Template Access

Lesson 019 Getting Access to ng-content with @ContentChild

Lesson 020 Wrap Up

Lesson 021 [OPTIONAL] Assignment Solution

22 – Course Project – Components & Databinding [Angular 16]

0/6

Download Attachment

Lesson 001 Introduction

Lesson 002 Adding Navigation with Event Binding and ngIf

Lesson 003 Passing Recipe Data with Property Binding

Lesson 004 Passing Data with Event and Property Binding (Combined)

Lesson 006 Allowing the User to Add Ingredients to the Shopping List

23 – Directives Deep Dive [Angular 16]

0/12

Download Attachment

Lesson 001 Module Introduction

Lesson 002 ngFor and ngIf Recap

Lesson 003 ngClass and ngStyle Recap

Lesson 004 Creating a Basic Attribute Directive

Lesson 005 Using the Renderer to build a Better Attribute Directive

Lesson 007 Using HostListener to Listen to Host Events

Lesson 008 Using HostBinding to Bind to Host Properties

Lesson 009 Binding to Directive Properties

Lesson 010 What Happens behind the Scenes on Structural Directives

Lesson 011 Building a Structural Directive

Lesson 012 Understanding ngSwitch

24 – Course Project – Directives [Angular 16]

0/2

Download Attachment

Lesson 001 Building and Using a Dropdown Directive

25 – Using Services & Dependency Injection [Angular 16]

0/11

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Why would you Need Services

Lesson 003 Creating a Logging Service

Lesson 004 Injecting the Logging Service into Components

Lesson 006 Creating a Data Service

Lesson 007 Understanding the Hierarchical Injector

Lesson 008 How many Instances of Service Should It Be

Lesson 009 Injecting Services into Services

Lesson 010 Using Services for Cross-Component Communication

Lesson 012 [OPTIONAL] Assignment Solution

26 – Course Project – Services & Dependency Injection [Angular 16]

0/9

Download Attachment

Lesson 001 Introduction

Lesson 002 Setting up the Services

Lesson 003 Managing Recipes in a Recipe Service

Lesson 004 Using a Service for Cross-Component Communication

Lesson 005 Adding the Shopping List Service

Lesson 006 Using Services for Pushing Data from A to B

Lesson 007 Adding Ingredients to Recipes

Lesson 008 Passing Ingredients from Recipes to the Shopping List (via a Service)

27 – Changing Pages with Routing [Angular 16]

0/30

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Why do we need a Router

Lesson 004 Setting up and Loading Routes

Lesson 005 Navigating with Router Links

Lesson 006 Understanding Navigation Paths

Lesson 007 Styling Active Router Links

Lesson 008 Navigating Programmatically

Lesson 009 Using Relative Paths in Programmatic Navigation

Lesson 010 Passing Parameters to Routes

Lesson 011 Fetching Route Parameters

Lesson 012 Fetching Route Parameters Reactively

Lesson 013 An Important Note about Route Observables

Lesson 014 Passing Query Parameters and Fragments

Lesson 015 Retrieving Query Parameters and Fragments

Lesson 016 Practicing and some Common Gotchas

Lesson 017 Setting up Child (Nested) Routes

Lesson 018 Using Query Parameters – Practice

Lesson 019 Configuring the Handling of Query Parameters

Lesson 020 Redirecting and Wildcard Routes

Lesson 022 Outsourcing the Route Configuration

Lesson 023 An Introduction to Guards

Lesson 024 Protecting Routes with canActivate

Lesson 025 Protecting Child (Nested) Routes with canActivateChild

Lesson 026 Using a Fake Auth Service

Lesson 027 Controlling Navigation with canDeactivate

Lesson 028 Passing Static Data to a Route

Lesson 029 Resolving Dynamic Data with the resolve Guard

Lesson 030 Understanding Location Strategies

Lesson 031 Wrap Up

28 – Course Project – Routing [Angular 16]

0/15

Download Attachment

Lesson 001 Planning the General Structure

Lesson 002 Setting Up Routes

Lesson 003 Adding Navigation to the App

Lesson 004 Marking Active Routes

Lesson 005 Fixing Page Reload Issues

Lesson 006 Child Routes Challenge

Lesson 007 Adding Child Routing Together

Lesson 008 Configuring Route Parameters

Lesson 009 Passing Dynamic Parameters to Links

Lesson 010 Styling Active Recipe Items

Lesson 011 Adding Editing Routes

Lesson 012 Retrieving Route Parameters

Lesson 013 Programmatic Navigation to the Edit Page

Lesson 014 One Note about Route Observables

29 – Understanding Observables [Angular 16]

0/10

Download Attachment

Lesson 001 Module Introduction

Lesson 003 Analyzing Angular Observables

Lesson 004 Getting Closer to the Core of Observables

Lesson 005 Building a Custom Observable

Lesson 006 Errors & Completion

Lesson 007 Observables & You!

Lesson 008 Understanding Operators

Lesson 009 Subjects

Lesson 010 Wrap Up

30 – Course Project – Observables [Angular 16]

0/2

Download Attachment

Lesson 001 Improving the Reactive Service with Observables (Subjects)

31 – Handling Forms in Angular Apps [Angular 16]

0/34

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Why do we Need Angular’s Help

Lesson 003 Template-Driven (TD) vs Reactive Approach

Lesson 004 An Example Form

Lesson 005 TD Creating the Form and Registering the Controls

Lesson 006 TD Submitting and Using the Form

Lesson 007 TD Understanding Form State

Lesson 008 TD Accessing the Form with @ViewChild

Lesson 009 TD Adding Validation to check User Input

Lesson 011 TD Using the Form State

Lesson 012 TD Outputting Validation Error Messages

Lesson 013 TD Set Default Values with ngModel Property Binding

Lesson 014 TD Using ngModel with Two-Way-Binding

Lesson 015 TD Grouping Form Controls

Lesson 016 TD Handling Radio Buttons

Lesson 017 TD Setting and Patching Form Values

Lesson 018 TD Using Form Data

Lesson 019 TD Resetting Forms

Lesson 020 Introduction to the Reactive Approach

Lesson 021 Reactive Setup

Lesson 022 Reactive Creating a Form in Code

Lesson 023 Reactive Syncing HTML and Form

Lesson 024 Reactive Submitting the Form

Lesson 025 Reactive Adding Validation

Lesson 026 Reactive Getting Access to Controls

Lesson 027 Reactive Grouping Controls

Lesson 029 Reactive Arrays of Form Controls (FormArray)

Lesson 030 Reactive Creating Custom Validators

Lesson 031 Reactive Using Error Codes

Lesson 032 Reactive Creating a Custom Async Validator

Lesson 033 Reactive Reacting to Status or Value Changes

Lesson 034 Reactive Setting and Patching Values

Lesson 035 [OPTIONAL] Assignment Solution

32 – Course Project – Forms [Angular 16]

0/22

Download Attachment

Lesson 001 Introduction

Lesson 002 TD Adding the Shopping List Form

Lesson 003 Adding Validation to the Form

Lesson 004 Allowing the Selection of Items in the List

Lesson 005 Loading the Shopping List Items into the Form

Lesson 006 Updating existing Items

Lesson 007 Resetting the Form

Lesson 008 Allowing the the User to Clear (Cancel) the Form

Lesson 009 Allowing the Deletion of Shopping List Items

Lesson 010 Creating the Template for the (Reactive) Recipe Edit Form

Lesson 011 Creating the Form For Editing Recipes

Lesson 012 Syncing HTML with the Form

Lesson 014 Adding Ingredient Controls to a Form Array

Lesson 015 Adding new Ingredient Controls

Lesson 016 Validating User Input

Lesson 017 Submitting the Recipe Edit Form

Lesson 018 Adding a Delete and Clear (Cancel) Functionality

Lesson 019 Redirecting the User (after Deleting a Recipe)

Lesson 020 Adding an Image Preview

Lesson 021 Providing the Recipe Service Correctly

Lesson 022 Deleting Ingredients and Some Finishing Touches

33 – Using Pipes to Transform Output [Angular 16]

0/11

Download Attachment

Lesson 001 Introduction & Why Pipes are Useful

Lesson 002 Using Pipes

Lesson 003 Parametrizing Pipes

Lesson 004 Where to learn more about Pipes

Lesson 005 Chaining Multiple Pipes

Lesson 006 Creating a Custom Pipe

Lesson 007 Parametrizing a Custom Pipe

Lesson 008 Example Creating a Filter Pipe

Lesson 009 Pure and Impure Pipes (or How to fix the Filter Pipe)

Lesson 010 Understanding the async Pipe

34 – Making Http Requests [Angular 16]

0/28

Download Attachment

Lesson 001 A New IDE

Lesson 002 Module Introduction

Lesson 003 How Does Angular Interact With Backends

Lesson 004 The Anatomy of a Http Request

Lesson 005 Backend (Firebase) Setup

Lesson 006 Sending a POST Request

Lesson 007 GETting Data

Lesson 008 Using RxJS Operators to Transform Response Data

Lesson 009 Using Types with the HttpClient

Lesson 010 Outputting Posts

Lesson 011 Showing a Loading Indicator

Lesson 012 Using a Service for Http Requests

Lesson 013 Services & Components Working Together

Lesson 014 Sending a DELETE Request

Lesson 015 Handling Errors

Lesson 016 Using Subjects for Error Handling

Lesson 017 Using the catchError Operator

Lesson 018 Error Handling & UX

Lesson 019 Setting Headers

Lesson 020 Adding Query Params

Lesson 021 Observing Different Types of Responses

Lesson 022 Changing the Response Body Type

Lesson 023 Introducing Interceptors

Lesson 024 Manipulating Request Objects

Lesson 025 Response Interceptors

Lesson 026 Multiple Interceptors

Lesson 027 Wrap Up

35 – Course Project – Http [Angular 16]

0/9

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Backend (Firebase) Setup

Lesson 003 Setting Up the DataStorage Service

Lesson 004 Storing Recipes

Lesson 005 Fetching Recipes

Lesson 006 Transforming Response Data

Lesson 007 Resolving Data Before Loading

Lesson 008 Fixing a Bug with the Resolver

36 – Authentication & Route Protection in Angular

0/22

Download Attachment

Lesson 001 Module Introduction

Lesson 002 How Authentication Works

Lesson 003 Adding the Auth Page

Lesson 004 Switching Between Auth Modes

Lesson 005 Handling Form Input

Lesson 006 Preparing the Backend

Lesson 008 Preparing the Signup Request

Lesson 009 Sending the Signup Request

Lesson 010 Adding a Loading Spinner & Error Handling Logic

Lesson 011 Improving Error Handling

Lesson 012 Sending Login Requests

Lesson 013 Login Error Handling

Lesson 014 Creating & Storing the User Data

Lesson 015 Reflecting the Auth State in the UI

Lesson 016 Adding the Token to Outgoing Requests

Lesson 017 Attaching the Token with an Interceptor

Lesson 018 Adding Logout

Lesson 019 Adding Auto-Login

Lesson 020 Adding Auto-Logout

Lesson 021 Adding an Auth Guard

Lesson 022 Wrap Up

37 – Dynamic Components [Angular 16]

0/10

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Adding an Alert Modal Component

Lesson 003 Understanding the Different Approaches

Lesson 004 Using ngIf

Lesson 005 Preparing Programmatic Creation

Lesson 006 Creating a Component Programmatically

Lesson 008 Understanding entryComponents

Lesson 009 Data Binding & Event Binding

Lesson 010 Wrap Up

38 – Angular Modules & Optimizing Angular Apps [Angular 16]

0/18

Download Attachment

Lesson 001 Module Introduction

Lesson 002 What are Modules

Lesson 003 Analyzing the AppModule

Lesson 004 Getting Started with Feature Modules

Lesson 005 Splitting Modules Correctly

Lesson 006 Adding Routes to Feature Modules

Lesson 007 Component Declarations

Lesson 008 The ShoppingList Feature Module

Lesson 009 Understanding Shared Modules

Lesson 010 Understanding the Core Module

Lesson 011 Adding an Auth Feature Module

Lesson 012 Understanding Lazy Loading

Lesson 013 Implementing Lazy Loading

Lesson 014 More Lazy Loading

Lesson 015 Preloading Lazy-Loaded Code

Lesson 016 Modules & Services

Lesson 017 Loading Services Differently

39 – Standalone Components

0/11

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Starting Setup & Why We Want Standalone Components

Lesson 003 Building a First Standalone Component

Lesson 005 Standalone Directives & Connecting Building Blocks

Lesson 006 Migrating Another Component

Lesson 007 A Standalone Root Component

Lesson 008 Services & Standalone Components

Lesson 009 Routing with Standalone Components

Lesson 010 Lazy Loading

Lesson 011 Summary

40 – Angular Signals

0/10

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Signals What & Why

Lesson 003 Creating a New Signal

Lesson 004 Updating a Signal Value

Lesson 005 Reading & Outputting a Signal Value

Lesson 006 Signal Updating set(), update() & mutate()

Lesson 007 Important Signals are NOT Finished Yet!

Lesson 009 Computed Values & Effects

Lesson 010 Module Summary

41 – Bonus Using NgRx For State Management

0/22

Download Attachment

Lesson 001 Module Introduction

Lesson 002 What Is NgRx

Lesson 003 Understanding NgRx & Its Building Blocks

Lesson 004 Project Setup & Installing NgRx

Lesson 005 Adding a First Reducer & Store Setup

Lesson 006 An Alternative Way Of Creating Reducers

Lesson 007 Reading Data From The Store

Lesson 008 Introducing Actions & State Changing Reducers

Lesson 009 Dispatching Actions

Lesson 010 Attaching Data To Actions

Lesson 011 Handling Actions Without createReducer

Lesson 012 An Alternative Way Of Defining Actions

Lesson 013 Time To Practice A Second Action

Lesson 014 Exploring Selectors

Lesson 015 Introducing Effects

Lesson 016 Installing the Effects Package

Lesson 017 Defining a First Effect

Lesson 018 The Old @Effect Decorator & Registering Effects

Lesson 019 Using Store Data In Effects

Lesson 020 Adding a Second Effect

Lesson 021 Summary

42 – Angular Animations

0/12

Download Attachment

Lesson 002 Introduction

Lesson 003 Setting up the Starting Project

Lesson 004 Animations Triggers and State

Lesson 005 Switching between States

Lesson 006 Transitions

Lesson 007 Advanced Transitions

Lesson 008 Transition Phases

Lesson 009 The void State

Lesson 010 Using Keyframes for Animations

Lesson 011 Grouping Transitions

Lesson 012 Using Animation Callbacks

43 – Adding Offline Capabilities with Service Workers

0/5

Download Attachment

Lesson 001 Module Introduction

Lesson 002 Adding Service Workers

Lesson 003 Caching Assets for Offline Use

Lesson 004 Caching Dynamic Assets & URLs

44 – A Basic Introduction to Unit Testing in Angular Apps

0/10

Download Attachment

Lesson 002 Introduction

Lesson 003 Why Unit Tests

Lesson 004 Analyzing the Testing Setup (as created by the CLI)

Lesson 005 Running Tests (with the CLI)

Lesson 006 Adding a Component and some fitting Tests

Lesson 007 Testing Dependencies Components and Services

Lesson 008 Simulating Async Tasks

Lesson 009 Using fakeAsync and tick

Lesson 010 Isolated vs Non-Isolated Tests

45 – Angular as a Platform & Closer Look at the CLI

0/16

Download Attachment

Lesson 001 Module Introduction

Lesson 002 A Closer Look at ng new

Lesson 003 IDE & Project Setup

Lesson 004 Understanding the Config Files

Lesson 005 Important CLI Commands

Lesson 006 The angular.json File – A Closer Look

Lesson 007 Angular Schematics – An Introduction

Lesson 008 The ng add Command

Lesson 009 Using Custom ng generate Schematics

Lesson 010 Smooth Updating of Projects with ng update

Lesson 011 Simplified Deployment with ng deploy

Lesson 012 Understanding Differential Loading

Lesson 013 Managing Multiple Projects in One Folder

Lesson 014 Angular Libraries – An Introduction

Lesson 015 Wrap Up

46 – Bonus TypeScript Introduction (for Angular 2 Usage)

0/14

Download Attachment

Lesson 001 Module Introduction

Lesson 002 What & Why

Lesson 003 Installing & Using TypeScript

Lesson 004 Base Types & Primitives

Lesson 005 Array & Object Types

Lesson 006 Type Inference

Lesson 007 Working with Union Types

Lesson 008 Assigning Type Aliases

Lesson 009 Diving into Functions & Function Types

Lesson 010 Understanding Generics

Lesson 011 Classes & TypeScript

Lesson 012 Working with Interfaces

Lesson 013 Configuring the TypeScript Compiler

Angular – The Complete Guide (2025 Edition)

Download Vietnamese subtitle: Click here

Download English subtitle: Click here

Please contact me via telegram

DMCA.com Protection Status

Quick Links

About us
Contact
Privacy Policy
Terms and Conditions
DCMA
Disclaimer
Search for:

Resource

Course List
Recommend New Courses
For IT Students
Search for:

© 2024 - freestudy247.com