Overview

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you will master advanced Angular techniques and RxJS for building dynamic, reactive web applications. Learn how to secure routes with route guards, optimize performance with lazy loading, and leverage Angular 17’s deferred loading and custom triggers. Dive into state management with Angular 16’s signals and handle asynchronous data with RxJS. Each section is designed with hands-on assignments, allowing you to apply the concepts in real-world scenarios. Ideal for developers with basic Angular knowledge, this course provides in-depth insights into enhancing app performance, managing complex data flows, and integrating advanced features. By the end of the course, you will be proficient in securing routes, implementing lazy loading, managing state with signals, and using RxJS to handle asynchronous operations and HTTP calls effectively.

Syllabus

Route Guards

In this module, we will explore Angular’s route guards, which provide mechanisms to control access to specific routes based on conditions. You will learn how to secure routes with guards, prevent unwanted navigation with CanDeactivate, and implement dynamic route access with CanLoad and CanMatch. Practical assignments will help you apply route guards in real-world authentication and authorization scenarios.

Lazy Loading

In this module, we will dive into the performance-boosting techniques of lazy loading and preloading in Angular applications. You will learn to load modules only when they are needed, and use deferred loading strategies like lazy loading on idle, on interaction, or on viewport events in Angular 17. You’ll also explore how to manage loading states and handle errors effectively for better user experience.

Observables & RxJS

In this module, we introduce RxJS and observables, essential tools for managing asynchronous operations in Angular. You will explore how to subscribe to observables, handle asynchronous data, and avoid memory leaks by unsubscribing. Additionally, you'll learn how to efficiently use the async pipe in Angular templates to display observable data seamlessly.

RxJS Operators

This module focuses on RxJS operators, which are key to transforming and combining observable data streams in Angular. You will explore operators like map, mergeMap, and concatMap to perform complex operations, and how to use switchMap for handling switchable observables. Practical assignments will help you apply these operators to real-world data handling challenges.

Handling HTTP Calls With Angular

In this module, we will cover how to make HTTP requests in Angular using HttpClient. You will learn how to fetch data with GET requests, send data with POST requests, and update or delete data using PUT and DELETE requests. By building a simple CRUD app, you will practice implementing these HTTP operations and understand how to manage data flow in an Angular application.

Signals - Angular 16

This module introduces Angular 16's Signals feature, which provides an efficient way to handle reactive data. You will learn how to create signals, update their values, and use computed signals to derive data based on other signals. You’ll also explore the effect() function to react to signal changes and implement efficient state management in your Angular applications.

Angular - 17 [All Lectures Collection]

In this comprehensive module, we will dive into the powerful new features of Angular 17, including improved routing and control flow with @for, @if, @else, and @switch statements. You’ll also learn about the new deferred loading strategies, such as loading content based on viewport or user interactions, as well as custom triggers to optimize performance. This section is designed to get you fully acquainted with the latest Angular 17 capabilities to build more efficient and responsive applications.