Modern Angular With Signals The Missing Guide

Modern Angular With Signals – The Missing Guide
Published 10/2024
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz

Learn how to code in Angular using the new feature: "Signals", Use the new best practices while avoiding the pitfalls

What you’ll learn

Learn how to develop in Angular using Signals

Learn how to avoid the pitfalls of the signals feature

Learn how to develop in angular using the newest best practices

Understand how change detection works and what is a zoneless application

Learn common patterns that will simplify your application structure

Angular just got much easier – learn how to take advantage of it

Learn the new signal based API of angular

Requirements

Prior basic experience with Angular

Some Typescript, HTML and CSS – advantage

Description

Overview

Section 1: Introduction to the course

Lecture 1 Introduction

Lecture 2 Course Outline

Lecture 3 How to practice in this course?

Section 2: Why would we want to use signals?

Lecture 4 Section Introduction: Why would we want to use signals?

Lecture 5 Angular Default change detection and OnPush

Lecture 6 Invoking change detection when in the OnPush strategy
Lecture 7 Try it yourself – Change Detection

Lecture 8 Change Detection and ZoneJS

Lecture 9 Performance of Automatic Change Detection

Lecture 10 Understanding the async pipe and how it works

Lecture 11 Try it yourself – Using async pipe with push change detection

Lecture 14 Zoneless applications and the future of Angular programming

Section 3: Introduction to signals

Lecture 15 Section introduction – Welcome to signals

Lecture 16 Creating writeable signals

Lecture 17 Modifying a writeable signal

Lecture 18 Creating computed signals

Lecture 19 Try it yourself – Writeable and Computed Signals

Lecture 20 Reacting to signal changes using Effects

Lecture 21 Try it yourself – Effects

Section 4: Deep Dive into signals

Lecture 22 Introduction: How do signals work?

Lecture 23 DestroyRef, inject() and Injection Context

Lecture 24 Injecting Dependencies when not in Injection Context

Lecture 25 Signals and Injection Context

Lecture 26 Try it yourself: Signals and Injection Context

Lecture 27 Understanding Reactive Context

Lecture 28 Reactive Contexts and Effects

Lecture 29 Interoperability with rxjs

Lecture 31 Try it yourself: Converting observables into signals and vice versa

Lecture 32 Signals and Immutability

Lecture 33 Try it yourself: Immutable updates

Section 5: Angular Signal based API

Lecture 34 Introduction to modern angular using signals

Lecture 35 Functional programming in Angular

Lecture 36 The input function

Lecture 37 Try it yourself: Signal inputs

Lecture 38 The output function

Lecture 39 Model inputs

Lecture 40 Try it yourself: The output and model functions

Lecture 41 Signal based View queries using viewChild and viewChildren functions

Lecture 42 Timing of signal based child queries

Lecture 43 Signal based contentChild and contentChildren

Lecture 44 Try it yourself: viewChild and contentChild

Lecture 45 HostBinding and HostListener in signal based apps

Lecture 46 Binding router data to component inputs

Lecture 47 Try it yourself: Binding router data into inputs

Section 6: Signal based services

Lecture 48 Introduction to signal based services

Lecture 49 Stateful services using Behavior Subjects

Lecture 50 Holding the state in signals

Lecture 51 Exposing writeable signals as read only

Lecture 52 Adding computed signals

Lecture 53 Consuming the service in the components

Lecture 54 Updating State – Synchronously

Lecture 55 Triggering APIs using RxJS Interop

Section 7: Summary

Lecture 56 What we have covered

Lecture 57 What’s next?

Lecture 58 Final words

Beginner Angular developers who would like to advance to the next level,Software architechts looking for a simple consitant pattern for a complex application