When will I receive my 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.

Why can’t I audit this course?

This course is currently available only to learners who have paid or received financial aid, when available.

Is financial aid 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.

Effective Angular

Développez vos compétences avec Coursera Plus pour 239 $/an (habituellement 399 $). Économisez maintenant.

Ce cours n'est pas disponible en Français (France)

Nous sommes actuellement en train de le traduire dans plus de langues.

Effective Angular

Instructeur : Packt - Course Instructors

Inclus avec

12 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

12 modules

Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.

niveau Intermédiaire

Expérience recommandée

2 semaines à compléter

à 10 heures par semaine

Planning flexible

Apprenez à votre propre rythme

Ce que vous apprendrez

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

Compétences que vous acquerrez

Catégorie : Application Performance Management
Catégorie : User Interface (UI)
Catégorie : Performance Tuning
Catégorie : Front-End Web Development
Catégorie : Software Design Patterns
Catégorie : Back-End Web Development
Catégorie : Software Architecture
Catégorie : Scalability
Catégorie : Full-Stack Web Development
Catégorie : Unit Testing
Catégorie : Angular
Catégorie : Maintainability
Catégorie : Test Case
Catégorie : Web Development
Catégorie : Application Deployment

Outils que vous découvrirez

Catégorie : Web Development Tools
Catégorie : Open Web Application Security Project (OWASP)
Catégorie : JavaScript Frameworks
Catégorie : UI Components
Catégorie : TypeScript

Détails à connaître

Certificat partageable

Ajouter à votre profil LinkedIn

Récemment mis à jour !

mars 2026

Évaluations

12 devoirs

Enseigné en Anglais

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

En savoir plus sur Coursera pour les affaires

logos de Petrobras, TATA, Danone, Capgemini, P&G et L'Oreal

Il y a 12 modules dans ce cours

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.

Inclus

2 vidéos10 lectures1 devoir

2 vidéos Total 2 minutes

Course Overview 1 minute
Scalable Front-End Architecture for Angular Applications - Overview Video 1 minute

10 lectures 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 devoir 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.

Inclus

1 vidéo11 lectures1 devoir

1 vidéo Total 1 minute

Powerful Angular Features - Overview Video 1 minute

11 lectures 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 devoir 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.

Inclus

1 vidéo7 lectures1 devoir

1 vidéo Total 1 minute

Enhancing Your Applications with Directives, Pipes, and Animations - Overview Video 1 minute

7 lectures 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 devoir 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.

Inclus

1 vidéo10 lectures1 devoir

1 vidéo Total 1 minute

Building Forms Like a Pro - Overview Video 1 minute

10 lectures 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 devoir 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.

Inclus

1 vidéo10 lectures1 devoir

1 vidéo Total 1 minute

Creating Dynamic Angular Components - Overview Video 1 minute

10 lectures 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 devoir 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.

Inclus

1 vidéo9 lectures1 devoir

1 vidéo Total 1 minute

Applying Code Conventions and Design Patterns in Angular - Overview Video 1 minute

9 lectures 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 devoir 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.

Inclus

1 vidéo13 lectures1 devoir

1 vidéo Total 1 minute

Mastering Reactive Programming in Angular - Overview Video 1 minute

13 lectures 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 devoir 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.

Inclus

1 vidéo11 lectures1 devoir

1 vidéo Total 1 minute

Handling Application State with Grace - Overview Video 1 minute

11 lectures 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 devoir 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.

Inclus

1 vidéo8 lectures1 devoir

1 vidéo Total 1 minute

Enhancing the Performance and Security of Angular Applications - Overview Video 1 minute

8 lectures 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 devoir 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.

Inclus

1 vidéo7 lectures1 devoir

1 vidéo Total 1 minute

Internationalization, Localization, and Accessibility of Angular Applications - Overview Video 1 minute

7 lectures 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 devoir 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.

Inclus

1 vidéo10 lectures1 devoir

1 vidéo Total 1 minute

Testing Angular Applications - Overview Video 1 minute

10 lectures 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 devoir 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.

Inclus

1 vidéo9 lectures1 devoir

1 vidéo Total 1 minute

Deploying Angular Applications - Overview Video 1 minute

9 lectures 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 devoir Total 10 minutes

Angular Deployment and Optimization Techniques 10 minutes

Instructeur

Packt - Course Instructors

Packt

1 566 Cours 441 543 apprenants

Offert par

Packt

En savoir plus sur Software Development

Board Infinity
Angular Advanced: Enterprise Patterns, SSR & Performance
Cours
Board Infinity
Mastering Angular: Foundations to Enterprise-Ready Apps
Spécialisation
Board Infinity
Angular Intermediate: APIs, Testing & Scalable Architecture
Cours
Edureka
Testing and Deploying Angular Applications
Cours

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Étudiant(e) depuis 2018

’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’

Jennifer J.

Étudiant(e) depuis 2020

’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’

Larry W.

Étudiant(e) depuis 2021

’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’

Chaitanya A.

’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’

Ouvrez de nouvelles portes avec Coursera Plus

Accès illimité à 10,000+ cours de niveau international, projets pratiques et programmes de certification prêts à l'emploi - tous inclus dans votre abonnement.

Faites progresser votre carrière avec un diplôme en ligne

Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne

Découvrir les diplômes

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Améliorez les compétences de vos employés pour exceller dans l’économie numérique

Foire Aux 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.

Plus de questions

Visitez le Centre d'Aide pour les Étudiants

Aide financière disponible,

Effective Angular

Ce cours n'est pas disponible en Français (France)

Effective Angular

Ce que vous apprendrez

Compétences que vous acquerrez

Outils que vous découvrirez

Détails à connaître

Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées

Il y a 12 modules dans ce cours

Scalable Front-End Architecture for Angular Applications

Inclus

Powerful Angular Features

Inclus

Enhancing Your Applications with Directives, Pipes, and Animations

Inclus

Building Forms Like a Pro

Inclus

Creating Dynamic Angular Components

Inclus

Applying Code Conventions and Design Patterns in Angular

Inclus

Mastering Reactive Programming in Angular

Inclus

Handling Application State with Grace

Inclus

Enhancing the Performance and Security of Angular Applications

Inclus

Internationalization, Localization, and Accessibility of Angular Applications

Inclus

Testing Angular Applications

Inclus

Deploying Angular Applications

Inclus

Instructeur

Offert par

En savoir plus sur Software Development

Angular Advanced: Enterprise Patterns, SSR & Performance

Mastering Angular: Foundations to Enterprise-Ready Apps

Angular Intermediate: APIs, Testing & Scalable Architecture

Testing and Deploying Angular Applications

Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.

Ouvrez de nouvelles portes avec Coursera Plus

Faites progresser votre carrière avec un diplôme en ligne

Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires

Foire Aux Questions

Can I preview a course before enrolling?

When will I have access to the lectures and assignments?

What will I get when I enroll?

Plus de questions