This repository contains the code of the Angular Material In Depth video course.
This course repository is updated to Angular 21:
You can find the starting point of the course in the 1-start branch.
This master branch contains the final version of the course code, that you can use as a reference if you choose to code along.
IMPORTANT: Please use Node 22 LTS (Long Term Support version).
With the following command the angular-cli will be installed globally in your machine:
npm install -g @angular/cli
We can install the master branch using the following commands:
git clone https://github.com/angular-university/angular-material-course.git
cd angular-material-course
npm ci
Note: We recommend using npm ci, instead of npm install. This will ensure that you use the exact dependency versions set on package-lock.json, unlike npm install which might potentially change those versions.
Our Angular frontend connects to a simple Node server, running also in your local development machine.
We can start the sample application backend with the following command:
npm run server
Once the backend server is up and running, we can now run our frontend server.
To run the frontend part of our code, we will use the Angular CLI:
npm start
The application is visible at port 4200: http://localhost:4200
Note: **make sure to use command npm start and not ng serve, as npm start adds a couple extra options that are needed for our project **
Here is a list of all the courses of the Angular University.
Angular For Beginners — Establish a solid layer of fundamentals, learn what's under the hood of Angular.
Angular AI In Depth — Build modern full-stack Angular applications with signals, standalone components, zoneless architecture, and OpenAI integration using Claude Code.
Angular Testing In Depth — Write robust, maintainable tests for modern signal-based Angular applications.
Angular Core Deep Dive — A detailed walk-through of the most important part of Angular - the Core and Common modules.
Modern Angular With Signals — Learn signals in depth. Build a modern signal-based application with async/await, standalone components and optional RxJs.
Typescript: The Ultimate Bootcamp — Learn in-depth all the language fundamentals. Practice by building practical projects in Node, React and Angular.
RxJs In Practice — Understand the RxJs Observable pattern, learn the RxJs Operators via practical examples.
Angular Forms In Depth — Build complex enterprise data forms with the powerful Angular Forms module.
Angular Router In Depth — Build large-scale Single Page Applications with the powerful Angular Router.
Reactive Angular Course — How to build Angular applications in Reactive style using plain RxJs - patterns, anti-patterns, lightweight state management.
NgRx (with NgRx Data) - The Complete Guide — Learn the modern NgRx Ecosystem, including NgRx Data, Store, Effects, Router Store, NgRx Entity, and DevTools.
Angular Testing Course — A complete guide to Angular Unit Testing and E2E Testing, including Testing best practices and continuous integration.
Angular Security Course — Learn Web Security Fundamentals and apply them to defend an Angular / Node Application from multiple types of attacks.
Angular Material In Depth — Learn in depth some of the most advanced components of the Angular Material UI widget library.
Angular SSR In Depth — Use Angular on the server too! Learn Angular Server-Side Rendering.
Angular PWA Course — Learn Angular Progressive Web Applications, build the future of the Web Today.
Firebase & AngularFire In Depth — Full stack Development with Angular, Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire.
NestJs In Practice — Build a modern REST backend using Typescript and the familiar Angular API.
Stripe Payments In Practice — Build your own online eCommerce store and subscription membership website with Stripe, Firebase, Node & Express.
Angular Advanced Library Laboratory — Learn Advanced Angular functionality typically used in Library Development. Advanced Components, Directives, Testing, Npm.
Angular University Extra Tutorials — Extra tutorials covering developer preview features or isolated topics.
These courses are archived and replaced with newer versions, but are still accessible to subscribers.
NgRx In Depth — Learn the modern NgRx Ecosystem, including Store, Effects, Router Store, NgRx Entity, Dev Tools and Schematics.
Serverless Angular with Firebase — Full stack Development with Angular, Firestore, Firebase Storage & Hosting, Firebase Cloud Functions & AngularFire.
RxJs and Reactive Patterns Angular Architecture Course — Learn the core RxJs Observable Pattern and many other Design Patterns for building Reactive Angular Applications.
Angular Material Course — Jumpstart your Application with a complete set of Material Design UI Widgets.
Build a Web App with Angular and Firebase — Put all the concepts together to build a fully running Angular application using Firebase as the database.
Angular NgRx Store Reactive Extensions Architecture Course — Learn how to use the Angular NgRx Reactive Extensions and its Tooling to build a complete application.
Angular RxJs Jumpstart — Learn RxJs quickly, apply it to learn how to use the HTTP module effectively.
Angular Router — Build Single Page Applications with Angular and its powerful Router.
Angular Universal Course — Use Angular on the server too! Learn Angular Server-Side Rendering.
Angular Forms — Learn how to build validatable and user-friendly data Forms effectively.
The Complete Typescript Course — Complete Guide to Typescript From Scratch: Learn the language in-depth and use it to build a Node REST API.
