Skip to content

richardsd/angular-material-course

 
 

Repository files navigation

Angular Material Course

This repository contains the code of the Angular Material In Depth video course.

This course repository is updated to Angular 16:

Angular Material In Depth

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.

Installation pre-requisites

IMPORTANT: Please use Node 18 LST (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

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

Angular Forms In Depth

If you are looking for the Angular Forms In Depth course, the repo with the full code can be found here:

Angular Forms In Depth

Angular Router In Depth

If you are looking for the Angular Router In Depth course, the repo with the full code can be found here:

Angular Router In Depth

NgRx (with NgRx Data) - The Complete Guide

If you are looking for the Ngrx (with NgRx Data) - The Complete Guide, the repo with the full code can be found here:

Ngrx (with NgRx Data) - The Complete Guide

Angular Core Deep Dive Course

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

Angular Core Deep Dive

RxJs In Practice

If you are looking for the RxJs In Practice, the repo with the full code can be found here:

RxJs In Practice Course

NestJs In Practice (with MongoDB)

If you are looking for the NestJs In Practice Course, the repo with the full code can be found here:

NestJs In Practice Course

Angular Testing Course

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

Angular Testing Course

Serverless Angular with Firebase Course

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

Serverless Angular with Firebase Course

Angular Universal Course

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

Angular Universal Course

Angular PWA Course

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

Angular PWA Course - Build the future of the Web Today

Angular Security Masterclass

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

Angular Security Masterclass.

Angular Security Masterclass

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.

Angular Advanced Library Laboratory Course: Build Your Own Library

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

RxJs and Reactive Patterns Angular Architecture Course

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

Github repo for this course

Complete Typescript Course

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 70.4%
  • HTML 18.3%
  • SCSS 8.2%
  • JavaScript 2.0%
  • CSS 1.1%