Master Angular 17+18: Stay Ahead With The Latest Features

Stay ahead in Angular: adopt defer, reactive Signals, and smarter control flow to simplify complex development tasks.

What you'll learn

How Standalone Components and Defer work together to enable lazy loading of components dynamically.

How to build an application from scratch following the best practices of Angular 17, including modular architecture and optimized performance.

How to migrate an application from Angular 13 or later to Angular 17 and leverage its newest features.

How to use Signals and other Angular features to enhance application performance.

Requirements

You should be already experienced with the Basics of Angular before Version 17

It not covers the adjustments that are related with Server-side rendering (SSR)

Description

Master Angular 17+18: Stay Ahead with the Latest FeaturesStay ahead in modern frontend development with this Angular 17 and 18 course, tailored for developers looking to master the latest features, migrate from Angular 13, and build scalable, high-performance applications. Whether you're focusing on Angular 17 or upgrading to Angular 18, this course equips you with essential skills to stay competitive.Discover Angular’s powerful Signals feature for efficient state management and improved application reactivity. Dive into the latest advancements in Angular 17 and 18 to ensure your applications are optimized and future-proof.Follow a clear, step-by-step migration path from Angular 13, addressing challenges in both versions. Learn how to use Defer for lazy loading, deferring non-critical tasks to enhance performance. Look at the future zoneless architecture, which eliminates the need for Zone.js, simplifying debugging and boosting performance.Master practical features like Router Redirects as Functions for flexible routing logic and NG Content Placeholder for dynamic content projections, making your components reusable and efficient. Throughout the course, you’ll apply best practices while building a real-world application from scratch.Please note: Server-Side Rendering (SSR) is not covered in this course. However, this program is perfect for developers eager to stay ahead with Angular’s latest advancements.

Overview

Section 1: Introduction

Lecture 1 Overview

Lecture 2 Introduction & Setup

Section 2: Angular 17+18 Changes

Lecture 3 Overview over the changes of Angular 17

Lecture 4 Build-in Control Flow

Lecture 5 Standalone Components

Lecture 6 Defer

Lecture 7 Signals

Lecture 8 Signals - Effect and Sources

Lecture 9 Bootstrap your application

Lecture 10 Builder & Liveserver

Lecture 11 Angular Devtools

Lecture 12 Angular 18 Changes

Section 3: Migration from Angular 13 to 17 with new Features

Lecture 13 (Optional) Fix issue with ng command

Lecture 14 Migration 13-14

Lecture 15 Migration 14-15

Lecture 16 Migration 15-16

Lecture 17 Migration 16-17 and using new features

Section 4: Start a Weather App from Scratch (Creating the neccesary Standalone Components)

Lecture 18 Quick Explaination

Lecture 19 Create app with base components

Lecture 20 Adding search and card base styling

Lecture 21 Extend card to contain weather forecast

Section 5: Add Logic to the Weather App from Scratch

Lecture 22 Start from here

Lecture 23 Use data in header

Lecture 24 Use data in weather forecast component

Lecture 25 Use data in weather card component

Lecture 26 Centralize data in service

Lecture 27 Get API keys and create API service

Lecture 28 Allow search and selecting location

Lecture 29 Allow adding card for selected location

Lecture 30 Allow delete a card

Lecture 31 Allow to load forecast data

Lecture 32 Finalize our App by persist the data

Lecture 33 Play around with defer in our app

Lecture 34 Download full project

Angular developers that are already familiar with the Basics of Angular before Angular 17