Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 50% Off

One plan covers every Professional Certificate on Coursera. 50% off Coursera Plus Annual for 10 days only — price increases June 17.

Unlock All Certificates

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 learn how to build a real-world Angular application using NgRx for state management. We will guide you through essential Angular concepts, setting up tools like Prettier and language servers to enhance productivity. The course covers topics such as user authentication, dynamic feed management, article creation, and managing user profiles with NgRx. This course is ideally designed for intermediate developers with a foundational knowledge of Angular and TypeScript who want to deepen their understanding and skills in Angular app development using NgRx. By the end of the course, you will have built a scalable, maintainable Angular app using modern state management techniques and best practices, making it easier to develop robust applications in the future.

Syllabus

Preparing Tools

In this module, we will introduce the tools and configurations required to build an Angular and NgRx application. You'll learn how to bootstrap a new Angular project and why NgRx is an essential tool for state management. Additionally, we'll cover configuring code formatting and enhancing developer productivity with essential tools.

Registration

In this module, we will focus on building a registration flow using Angular and NgRx. You'll learn to design the registration module and integrate NgRx for state management and side effects. The section also covers creating services for backend communication and implementing a persistence service to store authentication data.

Authentication

In this module, we will implement the authentication mechanism for your application. You'll build the login flow with NgRx, create a dynamic UI that reacts to user authentication status, and handle token management for API requests. This section provides a robust foundation for managing user authentication in Angular apps.

Feed

In this module, we will create the feed functionality for the application, using NgRx to manage the state of feed data. You'll implement pagination, filtering by tags, and dynamic feed views, enhancing the user experience with real-time content updates and a flexible display.

Article Pages

In this module, we will focus on building the article page, which will dynamically render content based on the state from NgRx. You'll learn to manage the creation, editing, and deletion of articles, ensuring seamless integration between the store and UI components.

Profiles

In this module, we will build the user profile feature, allowing users to manage settings and favorite articles. The section covers dynamic rendering of user profile data, creating reusable components, and integrating Angular Signals for more responsive state management.

Homework

In this final module, we will assign practical homework exercises to reinforce all the concepts learned throughout the specialization. You'll have the opportunity to apply your knowledge in a real-world context, building a complete Angular app with NgRx state management.