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

Effective Angular

Instructor: Packt - Course Instructors

Included with

Learn more

12 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

12 modules

Gain insight into a topic and learn the fundamentals.

Intermediate level

Recommended experience

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

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

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

Packt - Course Instructors

Packt

1,561 Courses 438,601 learners

Offered by

Packt

Explore more from Software Development

Board Infinity
Angular Advanced: Enterprise Patterns, SSR & Performance
Course
Board Infinity
Mastering Angular: Foundations to Enterprise-Ready Apps
Specialization
Board Infinity
Angular Intermediate: APIs, Testing & Scalable Architecture
Course
Edureka
Mastering Angular Development
Specialization

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

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

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.

Effective Angular

Effective Angular

What you'll learn

Details to know

See how employees at top companies are mastering in-demand skills

There are 12 modules in this course

Scalable Front-End Architecture for Angular Applications

What's included

Powerful Angular Features

What's included

Enhancing Your Applications with Directives, Pipes, and Animations

What's included

Building Forms Like a Pro

What's included

Creating Dynamic Angular Components

What's included

Applying Code Conventions and Design Patterns in Angular

What's included

Mastering Reactive Programming in Angular

What's included

Handling Application State with Grace

What's included

Enhancing the Performance and Security of Angular Applications

What's included

Internationalization, Localization, and Accessibility of Angular Applications

What's included

Testing Angular Applications

What's included

Deploying Angular Applications

What's included

Instructor

Offered by

Explore more from Software Development

Angular Advanced: Enterprise Patterns, SSR & Performance

Mastering Angular: Foundations to Enterprise-Ready Apps

Angular Intermediate: APIs, Testing & Scalable Architecture

Mastering Angular Development

Why people choose Coursera for their career

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.

Open new doors with Coursera Plus

Advance your career with an online degree

Join over 3,400 global companies that choose Coursera for Business

Frequently asked 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?

More questions