Complete Angular Course 2025 - Master Angular in only 6 days

Name: Complete Angular Course 2025 - Master Angular in only 6 days
Rating: 4.6 (8350 reviews)

Develop comprehensive and reactive Angular applications including NgRx, Unit Testing, Signals, and Angular Material.

Created byDenis Panjuta, Jannick Leismann

Last updated 10/2025

English

What you'll learn

Learn Angular in-depth in a short amount of time
Build comprehensive web apps like an e-commerce store
Use Angular components, services and modules to create a maintainable code base
Use NgRx to build reactive web applications using state management
Write Unit Tests using Karma and Jasmine to test your Angular applications
Learn how to communicate with web servers for posting, getting, or deleting data
Setup a real-world mock evironment
Use the latest features like Angular signals and effects

Course content

8 sections • 146 lectures • 9h 41m total length

Defining your Angular goal1:13
Day 1 Topics0:24
Angular building blocks3:51
What you will build0:44
Source Code: Appointment App0:05
Building Angular applications in a web browser1:11
Installing Node.js and Visual Studio Code3:03
Important: Update Read this BEFORE you create an Angular project0:27
Installing the Angular CLI3:50
In this lesson we will install the Angular CLI (command line interface). Here is the command that we will use:

npm i @angular/cli@16.1.6 --location=global
Angular 17 project creation flag0:18
Creating and serving an angular application6:40
Angular under the hood7:37
Components2:53
Creating the appointment-list component6:11
Introduction to typescript6:25
Using TypeScript in Angular
One-way data binding with appointment property5:14
Creating an appointment interface9:20
Visual Studio Code Angular extension1:08
Adding two-way data binding7:17
Adding a button click event listener2:43
Adding an appointment to the array5:34
Adding an appointment list using ngFor5:30
Removing appointments3:59
Storing appointments in the local storage6:35
Using ngOnInit to load appointments from local storage6:32
Adding bootstrap4:33
Styling the application10:25
If you want to copy the styles instead, you can find the file in the github repository here:
https://github.com/JannickLeismann/angular-course-appointment-app/blob/main/src/app/appointment-list/appointment-list.component.html
The most commonly used commands in Angular0:57
Handout Components
Working with Angular components
Day 1 Progress Report0:31

Day 2 Topics0:22
Step-By-Step Exercise: Building a book management system
The hotel reservation app0:19
Source Code: Hotel App0:05
Creating the hotel app project2:37
Project architecture hotel app4:18
Creating all modules, services and components5:47
Creating the reservation interface2:09
Creating routes3:54
Building a simple navigation5:06
Creating a form group4:57
Creating the reservation form4:44
Validating a form using reactive form validation8:17
Dynamically toggle html attributes based on form state2:56
Showing validation messages5:51
Creating the reservation service7:53
Injecting the reservation service into the form component5:03
Using the localStorage in the reservation service4:38
Showing all reservations in a list4:52
ngtemplate and local reference3:35
Using the router navigate method to redirect the user2:44
Deleting reservations3:36
Creating unique ids for reservations2:42
Adding the edit route with parameter4:06
Editing reservations8:21
Combining components from different modules4:33
Styling the home component3:57
Styling the reservation form component9:13
Styling the reservation list component using a table6:23
Modules
Handout Modules
Services
Day 2 Progress Report0:25

Day 3 Topics0:21
Modern web architecture8:15
What you will create during this section0:30
Using Mockoon as a mock backend api4:18
Preparing the project for the mock backend api4:25
Calling the mock api using the http client and observables8:07
Returning reservations from the mock api5:32
Setting up all mock api endpoints4:50
Finishing all CRUD operations with observable implementation9:35
Handout Observables
Modern Web Architecture
Day 3 Progress Report0:16

Day 4 Topics0:23
Project overview0:56
Important: Project Materials0:09
Switching to a new angular version2:49
Creating the product module, service and component3:34
Creting the product class and clearing the template2:57
Setting the product route1:39
Setting up the mockoon api3:31
Creating environments3:57
Getting products from our product service3:11
Product list displaying products4:00
Serving for environments2:07
Installing angular material and exploring cards2:14
Creting mat-cards for products4:26
Applying the angular material style and product images4:51
Responsive product grid4:18
Adding an eye-catching hover effect2:24
Adding a container css class3:37
Adding a navbar4:57
Adding a description2:27
Creating the cart module, component and service3:24
Setting up the cart service methods5:20
Getting all cart items4:59
Using mat-list for cart items4:29
Calculating the total cart price4:01
Adding the clear cart and checkout button3:28
Exercise: Adding the checkout logic5:38
Here is your exercise:

Create the checkout flow
add a new POST endpoint at mockoon /checkout
add a new method in the cart service to post the cart items to this endpoint
add a new method in the component to call the services method
connect the button (in the html template) to the components method via a click event
Have fun! :-)
Adding products to cart and popup6:27
Adding the search functionality Part 15:23
Adding the search functionality Part 23:54
Adding the sort functionality6:28
Day 4 Progress Report0:18

Day 5 Topics0:17
The problem NgRx can solve5:02
NgRx explained6:33
Angular 17 update hint0:06
Creating a project for our reactive application2:54
You can find the source code here:

There are some commits for different steps of the project development. Pick the one you are interested in:
https://github.com/JannickLeismann/angular-course-book-management-ngrx/commits/master
Creating the application state3:29
Creating actions for adding and deleting books3:29
Creating the book reducer part 1: Creating a reducer4:28
Creating the book reducer part 2: Change functions5:29
Creating the store1:42
Creating a component and methods to dispatch our actions4:25
Loading books from the store2:02
Using the AppState interface for type safety4:36
Creating the UI to see our reactive application in action6:55
NgRx Basics
NgRx effects recap1:32
Creating success and failure actions4:17
Adjusting the reducer for effects4:57
Creating the service for the effect3:37
Creating the effect part 13:44
Creating the effect part 27:27
Registering the effect and using Angular Dev Tools to test the application6:52
Day 5 Progress Report0:27

Day 6 Topics0:19
Unit Testing in Angular6:45
Creating our first unit test4:50
Running unit tests using Karma2:59
Creating a service to test4:01
Unit testing the service8:41
Creating a component to test5:23
Component fixture for unit testing3:47
Handling dependencies for component tests6:18
Testing a component property that loads from ngOnInit3:46
Testing a components UI functionality5:01
Day 6 Progress Report0:42
Quiz: Unit Testing with Karma and Jasmine

Requirements

Basic understanding of programming on any programming language

Description

Summing up, this course allows you to learn Angular in depth, from scratch, and in only 6 days. It's the best Angular course choice for every busy developer or individual in general.

Enroll in this course now and learn how to:

Create comprehensive front-end applications using Angular
Use Angular components, modules, and services to create maintainable applications
Use the most important features of the Angular framework to build real-world applications
Communicate with web servers for posting, getting, or deleting data from within your angular application
Use the latest features like Angular Signals and Effects

What's inside this course:

Setting up Development Environment for Angular projects
Typescript Overview
Angular CLI
Components
Modules
Services (Injection and provider scopes)
Validation
Data Binding
Adding Packages
Routing
Template Driven Form Binding (NgModel)
Pipes
Angular Material
Building web apps with user experience (ux) in mind

In addition, you will easily apply and understand more advanced concepts like:

NgRx for building reactive web applications
State management using actions, reducers, store, effects, and selectors
Reactive extensions like observables for asynchronous tasks
Unit Testing using Karma and Jasmine
HTTP RESTful API communication
Setting up Mock servers using Mockoon
Global Error Handling
Directives
Sending Data to Child Components (Input binding)
Sending Data to Parent Components (output binding)
Smart vs Presentational Components
Component and Directive Selectors
Angular Signals
Angular Effects

30 Day Full Money Back Guarantee

This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, and do the exercises, and if you feel like this course is not for you, ask for a full refund within 30 days. All your money back, no questions asked.

Enroll now, take the fast lane, and master Angular in only 6 days.

Who this course is for:

Anyone who wants to learn Angular in a fast but comprehensive way
Busy professionals who are interested in expanding their coding skills but are constrained by time
Beginner developers who want to learn one of the most popular web development frameworks

Complete Angular Course 2025 - Master Angular in only 6 days

What you'll learn

Explore related topics

Course content

Day 1: Building an Appointment app with components and data-binding30 lectures • 1hr 55min

Day 2: Build a Hotel Reservation App with Services, Forms, and Routing30 lectures • 2hr 3min

Day 3: Reactive programming with Observables, HTTP and Mock APIs11 lectures • 46min

Day 4: Building an ecommerce web application with Angular Material and more32 lectures • 1hr 52min

Day 5: NgRx - Building reactive web applications with Angular22 lectures • 1hr 24min

Day 6: Unit Testing Angular applications with Karma and Jasmine12 lectures • 53min

Angular Signals7 lectures • 48min

Additional Angular Exercises2 lectures • 1min

Requirements

Description

Who this course is for: