This course is designed to take your Angular development skills to the next level, equipping you with the tools to build scalable, enterprise-grade applications. You'll learn to use Nx, RxJS, NgRx, and Cypress to manage complex front-end architectures and implement modern Angular techniques. With real-world applications and best practices, this course will help you master the essential concepts of Angular development.
Effective Angular
Gain insight into a topic and learn the fundamentals.
Intermediate level
Recommended experience
Recommended experience
Intermediate level
For front-end engineers with a basic understanding of Angular and TypeScript. Ideal for developers looking to master Angular.
2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Intermediate level
Recommended experience
Recommended experience
Intermediate level
For front-end engineers with a basic understanding of Angular and TypeScript. Ideal for developers looking to master Angular.
2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace
What you'll learn
Create scalable Angular monorepos using Nx for efficient project management
Leverage standalone components, Signals, and control flow to reduce complexity
Implement reactive programming with RxJS and manage application state effectively
Details to know
Shareable certificate
Add to your LinkedIn profile
Recently updated!
March 2026
Assessments
12 assignments
Taught in English
See how employees at top companies are mastering in-demand skills
There are 12 modules in this course
In this section, we explore scalable Angular architecture using Nx, focusing on monorepo strategies, architectural patterns, and tools for enterprise-ready development.
What's included
2 videos10 readings1 assignment
2 videos• Total 2 minutes
- Course Overview• 1 minute
- Scalable Front-End Architecture for Angular Applications - Overview Video• 1 minute
10 readings• Total 100 minutes
- Introduction• 10 minutes
- Different Approaches to Scaling Front-End Applications• 10 minutes
- Disadvantages of Polyrepos• 10 minutes
- The Hexagonal Architecture Pattern in Angular Applications• 10 minutes
- Comparing the Architectural Patterns• 5 minutes
- What Is Nx and Why Should You Use It?• 5 minutes
- Running Tasks Effectively in a Monorepo with Nx• 10 minutes
- Nx Dependency Management and Code Migrations• 10 minutes
- Adding ESLint Rules to Improve Our Angular Code• 20 minutes
- Setting Up Project Boundaries for the Angular Monorepo• 10 minutes
1 assignment• Total 10 minutes
- Angular Architecture and Scalability Fundamentals• 10 minutes
In this section, we explore component communication using @Input and @Output, configure Angular routing for dynamic loading, and apply dependency injection with provider objects and tokens.
What's included
1 video11 readings1 assignment
1 video• Total 1 minute
- Powerful Angular Features - Overview Video• 1 minute
11 readings• Total 120 minutes
- Introduction• 10 minutes
- Dependency Injection Using the Inject Function• 10 minutes
- Angular Control Flow• 10 minutes
- A Deep Dive into Angular Routing• 10 minutes
- Router Outlets and Auxiliary Routes• 10 minutes
- Route Resolvers• 10 minutes
- Emitting Values with the @Output() Decorator• 10 minutes
- Component Communication with the Angular Router• 20 minutes
- Declaring Provider Objects with UseFactory• 10 minutes
- Using the Inject Function for Better Dependency Injection• 10 minutes
- Dependency Instances, Injector Hierarchy, and Resolution Modifiers• 10 minutes
1 assignment• Total 10 minutes
- Mastering Angular Fundamentals• 10 minutes
In this section, we explore Angular directives for DOM manipulation, custom pipes for value transformation, and reusable animations to enhance application interactivity and maintainability.
What's included
1 video7 readings1 assignment
1 video• Total 1 minute
- Enhancing Your Applications with Directives, Pipes, and Animations - Overview Video• 1 minute
7 readings• Total 80 minutes
- Introduction• 20 minutes
- Angular Structural Directives• 10 minutes
- Creating Custom Structural Directives• 10 minutes
- Angular Directive Composition• 10 minutes
- Using AsyncPipe• 10 minutes
- Creating and Reusing Stunning Animations• 10 minutes
- Animation Metadata Array• 10 minutes
1 assignment• Total 10 minutes
- Mastering Angular Directives, Pipes, and Animations• 10 minutes
In this section, we cover Angular forms, including template-driven and reactive forms with validation and dynamic creation.
What's included
1 video10 readings1 assignment
1 video• Total 1 minute
- Building Forms Like a Pro - Overview Video• 1 minute
10 readings• Total 110 minutes
- Introduction• 10 minutes
- Building Template-Driven Forms• 10 minutes
- Configuring Template-Driven Form Fields• 10 minutes
- Grouping Template-Driven Form Fields• 10 minutes
- Styling the Form and Form Controls Based on Control Status Values• 10 minutes
- Custom Validators for Template-Driven Forms• 10 minutes
- Async Validations with Custom Validators• 10 minutes
- Dynamically Adding Fields and FormControl Instances• 20 minutes
- Setting and Updating Values Programmatically• 10 minutes
- Providing Visual Feedback About the Form's State in Reactive Forms• 10 minutes
1 assignment• Total 10 minutes
- Mastering Form Techniques in Angular• 10 minutes
In this section, we explore dynamic Angular components using ngComponentOutlet, content projection, and template references to enhance UI flexibility and reusability.
What's included
1 video10 readings1 assignment
1 video• Total 1 minute
- Creating Dynamic Angular Components - Overview Video• 1 minute
10 readings• Total 100 minutes
- Introduction• 10 minutes
- Exploring Multi-Slot Content Projection with ng-content• 10 minutes
- Using Template References and Variables• 10 minutes
- Using Template Variables Effectively• 10 minutes
- Combining ng-template with *ngIf• 10 minutes
- Creating Dynamic Components Using Templates and Context• 10 minutes
- Rendering Components Dynamically• 10 minutes
- Using an Injector with ngComponentOutlet• 10 minutes
- Lazy Loading Dynamic Components• 10 minutes
- Rendering Components Dynamically Using the Defer Control Flow• 10 minutes
1 assignment• Total 10 minutes
- Mastering Dynamic Content in Angular• 10 minutes
In this section, we explore code conventions, design patterns, and best practices in Angular to improve maintainability, scalability, and testability of applications. Key concepts include HTTP interceptors, generic services, and anti-patterns.
What's included
1 video9 readings1 assignment
1 video• Total 1 minute
- Applying Code Conventions and Design Patterns in Angular - Overview Video• 1 minute
9 readings• Total 100 minutes
- Introduction• 10 minutes
- Structural Conventions• 5 minutes
- Performance-Related Best Practices• 10 minutes
- Exploring Commonly Used Design Patterns in Angular Applications• 10 minutes
- Factory Pattern• 10 minutes
- Decorator Pattern• 10 minutes
- Model Adapter Pattern• 5 minutes
- Interceptor Pattern• 10 minutes
- Building a Generic HTTP Service Containing a Model Adapter• 30 minutes
1 assignment• Total 10 minutes
- Angular Best Practices and Code Structure• 10 minutes
In this section, we explore reactive programming in Angular using RxJS and Signals. Key concepts include managing asynchronous data streams, combining RxJS with Signals, and improving application performance through efficient state management.
What's included
1 video13 readings1 assignment
1 video• Total 1 minute
- Mastering Reactive Programming in Angular - Overview Video• 1 minute
13 readings• Total 125 minutes
- Introduction• 5 minutes
- Reactive Programming in Angular• 10 minutes
- Unsubscribing with the TakeUntil() Operator• 10 minutes
- ReplaySubject• 10 minutes
- Creating an Observable from Multiple Observable Streams• 10 minutes
- Pipeable Operators• 10 minutes
- ConcatMap() Operator• 10 minutes
- Powerful and Useful RxJS Operators• 10 minutes
- Reactive Programming Using Angular Signals• 10 minutes
- Updating Signals• 10 minutes
- Signal Effects• 10 minutes
- Signal Queries• 10 minutes
- Using toObservable• 10 minutes
1 assignment• Total 10 minutes
- Mastering Reactive Programming in Angular• 10 minutes
In this section, we explore application state management using RxJS, Signals, and NgRx. We focus on efficient state partitioning, facade services, and real-world implementation strategies.
What's included
1 video11 readings1 assignment
1 video• Total 1 minute
- Handling Application State with Grace - Overview Video• 1 minute
11 readings• Total 140 minutes
- Introduction• 10 minutes
- Unidirectional Data Flow• 5 minutes
- Handling Global Application State Using RxJS• 10 minutes
- Fetching, Getting, and Selecting Expenses• 20 minutes
- Creating the Facade Interface• 10 minutes
- Adjusting the Expenses Overview Page• 30 minutes
- Finishing Up the Facade Service• 20 minutes
- The Problem with Using RxJS or Signals for Global State Management• 10 minutes
- Creating Your First NgRx Effect• 5 minutes
- Creating Your Initial State and First Reducer Functions• 10 minutes
- Adjusting the Facade Service So That They Use NgRx State Management• 10 minutes
1 assignment• Total 10 minutes
- Mastering Application State Handling• 10 minutes
In this section, we cover Angular change detection, performance techniques, and security measures to prevent XSS and CSRF/XSRF attacks.
What's included
1 video8 readings1 assignment
1 video• Total 1 minute
- Enhancing the Performance and Security of Angular Applications - Overview Video• 1 minute
8 readings• Total 70 minutes
- Introduction• 10 minutes
- Improving Change Detection Efficiency• 10 minutes
- Enhancing the Performance of Angular Applications• 5 minutes
- Understanding and Using the NgOptimizedImage Directive• 10 minutes
- Understanding and Using the TrackBy and Track Functions• 10 minutes
- Building Secure Angular Applications• 10 minutes
- Mitigating XSS Attacks• 10 minutes
- What CSRF/XSRF Attacks Are and How to Prevent Them• 5 minutes
1 assignment• Total 10 minutes
- Optimizing Angular Applications• 10 minutes
In this section, we explore internationalization, localization, and accessibility in Angular applications. Learn to implement language support, localize data formats, and design inclusive user experiences.
What's included
1 video7 readings1 assignment
1 video• Total 1 minute
- Internationalization, Localization, and Accessibility of Angular Applications - Overview Video• 1 minute
7 readings• Total 70 minutes
- Introduction• 10 minutes
- Translating Content Using Transloco• 10 minutes
- Translating Values Programmatically in Your TypeScript Files• 10 minutes
- Localization for Angular Applications• 10 minutes
- Localizing Dates Using the TranslocoDate Pipe• 10 minutes
- Making Your Angular Applications Accessible to Everyone• 10 minutes
- Adding ARIA Attributes• 10 minutes
1 assignment• Total 10 minutes
- Angular Internationalization and Accessibility Fundamentals• 10 minutes
In this section, we explore unit and end-to-end testing in Angular using Jest and Cypress, emphasizing test strategies to ensure code reliability and maintainability.
What's included
1 video10 readings1 assignment
1 video• Total 1 minute
- Testing Angular Applications - Overview Video• 1 minute
10 readings• Total 110 minutes
- Introduction• 10 minutes
- Understanding End-to-End Tests• 10 minutes
- Understanding Integration Tests• 10 minutes
- Fixing the Generated Spec Files• 10 minutes
- The beforeEach() Function• 10 minutes
- The Second It() Function• 10 minutes
- Writing the Test Cases• 10 minutes
- Running Unit Tests for One or More Projects• 20 minutes
- Defining Page Objects for E2E Testing• 10 minutes
- Using Fixtures in Your E2E Tests• 10 minutes
1 assignment• Total 10 minutes
- Testing Strategies in Angular Applications• 10 minutes
In this section, we deploy Angular applications to GitHub Pages using Nx, analyze build outputs for optimization, and configure GitHub Actions for automated CI/CD workflows.
What's included
1 video9 readings1 assignment
1 video• Total 1 minute
- Deploying Angular Applications - Overview Video• 1 minute
9 readings• Total 85 minutes
- Introduction• 10 minutes
- Linting Multiple Projects• 10 minutes
- Behind the Scenes of Creating an Application Build• 10 minutes
- Fixing Failing Builds• 10 minutes
- Analyzing Your Build Output• 10 minutes
- Creating an Access Token• 10 minutes
- Defining Jobs to Run and the Related Steps• 10 minutes
- Fixing Workflow Fails• 10 minutes
- Summary• 5 minutes
1 assignment• Total 10 minutes
- Angular Deployment and Optimization Techniques• 10 minutes
Instructor
Offered by
Offered by
Packt
Packt helps tech professionals put software to work by distilling and sharing the working knowledge of their peers. Packt is an established global technical learning content provider, founded in Birmingham, UK, with over twenty years of experience delivering premium, rich content from groundbreaking authors on a wide range of emerging and popular technologies.
Why people choose Coursera for their career
Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Open new doors with Coursera Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy
Frequently asked questions
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.
If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.
This course is currently available only to learners who have paid or received financial aid, when available.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
More questions
Financial aid available,