This course equips you with the essential skills to build production-ready web applications using Angular, the most popular framework for modern frontend development. Angular's component-based architecture and powerful features make it ideal for building dynamic, scalable applications that meet industry standards.

Learning Angular: Build Production-Ready Apps

What you'll learn
Build production-ready Angular applications from scratch.
Implement core Angular concepts, including components, services, and routing.
Develop skills to optimize application performance and handle errors.
Skills you'll gain
Details to know

Add to your LinkedIn profile
15 assignments
June 2026
See how employees at top companies are mastering in-demand skills

There are 15 modules in this course
This module guides learners through the foundational steps of setting up and building their first Angular application. You will explore the reasons for choosing Angular, learn to scaffold and structure a new project using the Angular CLI, and gain hands-on experience with template syntax and debugging tools in VSCode.
What's included
1 video7 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
7 readings•Total 33 minutes
- Introduction•4 minutes
- Why choose Angular?•4 minutes
- Setting up the Angular CLI workspace•5 minutes
- Creating a new project•4 minutes
- The structure of an Angular application•5 minutes
- Template syntax•4 minutes
- VSCode Debugger•7 minutes
1 assignment•Total 16 minutes
- Introduction to Angular Development Essentials•16 minutes
This module introduces the fundamentals of TypeScript, including its advantages over JavaScript, core concepts like types, interfaces, and classes, and how these features enhance code structure and maintainability. Learners will gain practical knowledge to write more robust and scalable applications using TypeScript's static typing and object-oriented features.
What's included
1 video6 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
6 readings•Total 35 minutes
- Introduction•5 minutes
- Function parameters•5 minutes
- Classes•4 minutes
- What is TypeScript?•6 minutes
- Types•9 minutes
- Interfaces•6 minutes
1 assignment•Total 16 minutes
- Foundations of TypeScript Programming•16 minutes
This module explores how to build robust user interfaces in Angular by leveraging components, template interaction, data binding, and encapsulated styling. Learners will discover how to manage component communication, handle events, and utilize lifecycle hooks to create dynamic and maintainable applications.
What's included
1 video8 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
8 readings•Total 50 minutes
- Introduction•6 minutes
- Interacting with the template•16 minutes
- Getting data from the template•5 minutes
- Listening for events using an output binding•6 minutes
- Encapsulating CSS styling•3 minutes
- Deciding on a change detection strategy•3 minutes
- Introducing the component lifecycle•5 minutes
- Detecting input binding changes•6 minutes
1 assignment•Total 16 minutes
- Mastering Angular Component Interaction•16 minutes
This module explores how to enhance Angular applications by utilizing pipes for data transformation and directives for extending HTML element behavior. Learners will gain hands-on experience building custom pipes, passing parameters, and creating attribute directives to add dynamic features to their components.
What's included
1 video5 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
5 readings•Total 25 minutes
- Introduction•7 minutes
- Building pipes•4 minutes
- Passing parameters to pipes•5 minutes
- Building directives•5 minutes
- Property binding and responding to events•4 minutes
1 assignment•Total 16 minutes
- Angular Application Enhancement Techniques•16 minutes
This module explores how to structure and manage complex Angular applications using services and dependency injection. Learners will discover how to create, provide, and inject services, control service scope, and implement conditional service provision for scalable and maintainable code.
What's included
1 video7 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
7 readings•Total 35 minutes
- Introduction•4 minutes
- Creating our first Angular service•6 minutes
- Providing dependencies across the application•5 minutes
- Injecting services in the component tree•5 minutes
- Sandboxing components with multiple instances•5 minutes
- Restricting provider lookup•5 minutes
- Providing services conditionally•5 minutes
1 assignment•Total 16 minutes
- Mastering Angular Services and Dependency Injection•16 minutes
This module introduces the fundamentals of reactive programming in Angular, focusing on how to manage asynchronous data using observables and the RxJS library. Learners will explore the creation, subscription, and practical use of observables within Angular applications.
What's included
1 video4 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
4 readings•Total 26 minutes
- Introduction•7 minutes
- Observables in a nutshell•6 minutes
- The RxJS library•5 minutes
- Subscribing to observables•8 minutes
1 assignment•Total 16 minutes
- Reactive Programming in Angular•16 minutes
This module introduces Angular's signal-based reactivity system for managing application state efficiently. Learners will explore how signals work, including the use of computed signals to derive state based on dependencies. By the end, you'll understand how to leverage signals to enhance performance and maintainability in Angular applications.
What's included
1 video2 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
2 readings•Total 10 minutes
- Introduction•5 minutes
- Computed signals•5 minutes
1 assignment•Total 16 minutes
- Tracking Application State with Signals•16 minutes
This module guides learners through integrating Angular applications with remote data services using the Angular HTTP client. You will explore how to perform CRUD operations, handle authentication and authorization, and securely manage HTTP requests. By the end, you'll be able to connect your Angular apps to real-world APIs with confidence.
What's included
1 video6 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
6 readings•Total 36 minutes
- Introduction•4 minutes
- Introducing the Angular HTTP client•4 minutes
- Handling CRUD data in Angular•8 minutes
- Modifying data through HTTP•10 minutes
- Authentication and authorization with HTTP•5 minutes
- Authorizing HTTP requests•5 minutes
1 assignment•Total 16 minutes
- Mastering HTTP Interactions and Data Flow•16 minutes
This module explores how to implement and manage routing in Angular applications, enabling users to navigate seamlessly between different features and components. Learners will discover techniques for configuring routes, passing parameters, utilizing child routes, and optimizing performance with lazy loading. Practical strategies for route guards and binding input properties are also covered to enhance user experience and application maintainability.
What's included
1 video9 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
9 readings•Total 48 minutes
- Introduction•6 minutes
- Configuring the main routes•4 minutes
- Organizing application routes•5 minutes
- Using built-in route paths•4 minutes
- Passing parameters to routes•6 minutes
- Reusing components using child routes•6 minutes
- Binding input properties to routes•5 minutes
- Preventing navigation away from a route•6 minutes
- Lazy-loading parts of the application•6 minutes
1 assignment•Total 16 minutes
- Routing Fundamentals in Angular•16 minutes
This module explores how to build and manage user input forms in Angular applications, covering both template-driven and reactive approaches. Learners will discover techniques for creating nested form structures, utilizing the FormBuilder service, and implementing robust validation and state management strategies.
What's included
1 video7 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
7 readings•Total 43 minutes
- Introduction•7 minutes
- Building reactive forms•5 minutes
- Creating nesting form hierarchies•8 minutes
- Using a form builder•6 minutes
- Validation in template-driven forms•4 minutes
- Validation in reactive forms•8 minutes
- Manipulating form state•5 minutes
1 assignment•Total 16 minutes
- Mastering Form Techniques in Angular•16 minutes
This module explores the causes and management of application errors in web development, focusing on runtime issues and error handling strategies. Learners will discover how to implement global error handling in Angular applications using the ErrorHandler class and customize it to suit specific needs.
What's included
1 video2 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
2 readings•Total 13 minutes
- Introduction•6 minutes
- Creating a global error handler•7 minutes
1 assignment•Total 16 minutes
- Mastering Error Handling in Angular•16 minutes
This module introduces the Angular Material library, guiding learners through its installation, theming options, and integration of UI components such as form controls, navigation elements, and popups. By the end, you'll understand how to enhance your Angular applications with responsive, accessible, and visually consistent interfaces.
What's included
1 video6 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
6 readings•Total 40 minutes
- Introduction•4 minutes
- Installing Angular Material•5 minutes
- Theming UI components•3 minutes
- Form controls•8 minutes
- Navigation•10 minutes
- Popups and overlays•10 minutes
1 assignment•Total 16 minutes
- Angular Material Fundamentals•16 minutes
This module guides learners through the essentials of unit testing in Angular applications, covering the structure of unit tests, testing components with dependencies, and handling services, pipes, and routing. By the end, you will be equipped to write and maintain robust automated tests for various Angular constructs.
What's included
1 video8 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
8 readings•Total 50 minutes
- Introduction•4 minutes
- The anatomy of a unit test•4 minutes
- Introducing unit tests in Angular•7 minutes
- Testing with dependencies•11 minutes
- Testing with inputs and outputs•6 minutes
- Testing services•4 minutes
- Testing pipes•6 minutes
- Testing the router•8 minutes
1 assignment•Total 16 minutes
- Testing Angular Applications•16 minutes
This module guides learners through the essential steps of preparing web applications for deployment, focusing on creating production builds and integrating external libraries. You will discover how to configure your application to work seamlessly with assets and dependencies required for a successful launch. By the end, you'll be equipped to ready your Angular projects for real-world use.
What's included
1 video2 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
2 readings•Total 13 minutes
- Introduction•6 minutes
- Building for the window object•7 minutes
1 assignment•Total 16 minutes
- Preparing Angular Applications for Production•16 minutes
This module explores advanced strategies for enhancing the performance of Angular applications, focusing on server-side rendering (SSR), image optimization, and the use of deferrable blocks. Learners will gain practical skills in improving load times, optimizing user experience, and leveraging Angular's latest features for efficient content delivery.
What's included
1 video6 readings1 assignment
1 video•Total 1 minute
- Overview•1 minute
6 readings•Total 28 minutes
- Introduction•5 minutes
- Rendering SSR applications•4 minutes
- Overriding SSR in Angular applications•4 minutes
- Optimizing image loading•4 minutes
- Using deferrable blocks•5 minutes
- Loading patterns in @defer blocks•6 minutes
1 assignment•Total 16 minutes
- Enhancing Angular Application Performance•16 minutes
Instructor

Offered by
Why people choose Coursera for their career

Felipe M.

Jennifer J.

Larry W.

