Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/angular-university/angular-material-course

Angular Material In Depth
https://github.com/angular-university/angular-material-course

angular angularmaterial

Last synced: 5 days ago
JSON representation

Angular Material In Depth

Awesome Lists containing this project

README 

        

## Angular Material Course



This repository contains the code of the [Angular Material In Depth](https://angular-university.io/course/angular-material-course) video course.



This course repository is updated to Angular 18:



![Angular Material In Depth](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-material-course-1.jpg)



You can find the starting point of the course in the [1-start branch](https://github.com/angular-university/angular-material-course/tree/1-start).



This master branch contains the *final version of the course code*, that you can use as a reference if you choose to code along.



# Installation pre-requisites



IMPORTANT: Please use Node 18 LTS (Long Term Support version).



# Installing the Angular CLI



With the following command the angular-cli will be installed globally in your machine:



    npm install -g @angular/cli 



# How To install this repository



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.



# To Run the Development Backend Server



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



# To run the Development UI 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](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 **



# Other Courses



# Other Courses

# Modern Angular With Signals



If you are looking for the [Modern Angular With Signals Course](https://angular-university.io/course/angular-signals-course), the repo with the full code can be found here:



![Modern Angular With Signals Course](https://d3vigmphadbn9b.cloudfront.net/course-images/large-images/angular-signals-course.jpg)



# Angular Forms In Depth



If you are looking for the [Angular Forms In Depth](https://angular-university.io/course/angular-forms-course) course, the repo with the full code can be found here:



![Angular Forms In Depth](https://angular-university.s3-us-west-1.amazonaws.com/course-images/angular-forms-course-small.jpg)



# Angular Router In Depth



If you are looking for the [Angular Router In Depth](https://angular-university.io/course/angular-router-course) course, the repo with the full code can be found here:



![Angular Router In Depth](https://angular-university.s3-us-west-1.amazonaws.com/course-images/angular-router-course.jpg)



# NgRx (with NgRx Data) - The Complete Guide



If you are looking for the [Ngrx (with NgRx Data) - The Complete Guide](https://angular-university.io/course/ngrx-course), the repo with the full code can be found here:



![Ngrx (with NgRx Data) - The Complete Guide](https://angular-university.s3-us-west-1.amazonaws.com/course-images/ngrx-v2.png)



# Angular Core Deep Dive Course



If you are looking for the [Angular Core Deep Dive Course](https://angular-university.io/course/angular-course), the repo with the full code can be found here:



![Angular Core Deep Dive](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-core-in-depth-small.png)



# RxJs In Practice



If you are looking for the [RxJs In Practice](https://angular-university.io/course/rxjs-course), the repo with the full code can be found here:



![RxJs In Practice Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/rxjs-in-practice-course.png)



# NestJs In Practice (with MongoDB)



If you are looking for the [NestJs In Practice Course](https://angular-university.io/course/nestjs-course), the repo with the full code can be found here:



![NestJs In Practice Course](https://angular-university.s3-us-west-1.amazonaws.com/course-images/nestjs-v2.png)



# Angular Testing Course



If you are looking for the [Angular Testing Course](https://angular-university.io/course/angular-testing-course), the repo with the full code can be found here:



![Angular Testing Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png)



# Serverless Angular with Firebase Course



If you are looking for the [Serverless Angular with Firebase Course](https://angular-university.io/course/firebase-course), the repo with the full code can be found here:



![Serverless Angular with Firebase Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/serverless-angular-small.png)



# Angular Universal Course



If you are looking for the [Angular Universal Course](https://angular-university.io/course/angular-universal-course), the repo with the full code can be found here:



![Angular Universal Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-universal-small.png)



# Angular PWA Course



If you are looking for the [Angular PWA Course](https://angular-university.io/course/angular-pwa-course), the repo with the full code can be found here:



![Angular PWA Course - Build the future of the Web Today](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-pwa-course.png)



# Angular Security Masterclass



If you are looking for the [Angular Security Masterclass](https://angular-university.io/course/angular-security-course), the repo with the full code can be found here:



[Angular Security Masterclass](https://github.com/angular-university/angular-security-course).



![Angular Security Masterclass](https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png)



# Angular Advanced Library Laboratory Course



If you are looking for the Angular Advanced Course, the repo with the full code can be found here:



[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).



![Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png)



## RxJs and Reactive Patterns Angular Architecture Course



If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:



[RxJs and Reactive Patterns Angular Architecture Course](https://angular-university.io/course/reactive-angular-architecture-course)



![RxJs and Reactive Patterns Angular Architecture Course](https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png)



## Complete Typescript Course - Build A REST API



If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:



[https://angular-university.io/course/typescript-2-tutorial](https://github.com/angular-university/complete-typescript-course)



[Github repo for this course](https://github.com/angular-university/complete-typescript-course)



![Complete Typescript Course](https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png)