Effective Angular
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Effective Angular
Included with
Recommended experience
Recommended experience
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
Skills you'll gain
Details to know
March 2026
12 assignments
See how employees at top companies are mastering in-demand skills
There are 12 modules in this course
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.
By exploring key Angular features like dependency injection, reactive programming, and state management, you will gain the skills needed to create maintainable and high-performance applications. You’ll also learn how to implement modern tools and strategies, including Nx for monorepos, reactive programming with RxJS, and state management with NgRx. What makes this course different is its hands-on approach, where you not only learn Angular’s core features but also dive deep into advanced techniques such as building scalable Angular monorepos using Nx and testing with Cypress. Real-world case studies will help solidify your understanding. This course is ideal for front-end engineers with a basic understanding of Angular and TypeScript. By the end of the course, learners will be able to develop, test, and deploy large-scale, professional Angular applications.
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
Explore more from Software Development
- Status: Free TrialB
Board Infinity
Course
- Status: Free TrialB
Board Infinity
Specialization
- Status: Free TrialB
Board Infinity
Course
Why people choose Coursera for their career
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.
More questions
Financial aid available,