> Canonical URL: https://codingcat.dev/course/angularmaterial

# Angular Material | CodingCat.dev Course

🧶 CodingCat.dev Course8 Lessons[Start Course →](/course/angularmaterial/lesson/firebase-project-hosting)

# Angular Material

![CodingCat.dev tutorial cover image](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/75346ad2ae21a468aa2c2933847030d639cc62c2-1920x1080.png?w=1920&q=82&fit=max&auto=format)✏️ Visual Architecture Diagram

## how this course connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Angular Material✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Angular Material: start with Angular Material, implement Hands-On Implementation, and ship to production.AAA Contrast Verified

This is a collection of lessons that I created for difficult areas of Angular and Angular Material. These examples may be growing outdated as we will create a full Angular course at some point.

## course lessons.

1

### Section 1

- [1.1Firebase Project HostingHow to deploy your website to firebase hosting.▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/firebase-project-hosting)
- [1.2Angular Material Router Outlet▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/angular-material-router-outlet)
- [1.3Firebase Authentication and Authorization▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/firebase-authentication-and-authorization)
- [1.4Angular Material Theming▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/angular-material-theming)
- [1.5Angular Material Dynamic Navigation using Firestore▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/angular-material-dynamic-navigation-using-firestore)
- [1.6Angular Material Forms from FirestoreAngular Material Forms showing how to highlight erros on forms▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/angular-material-forms-from-firestore)
- [1.7Angular Material Reactive Forms Update FirestoreReactive Forms Showing how to update the form based on updates to data.▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/angular-material-reactive-forms-update-firestore)
- [1.8Angular Material Router AwarenessThis is about the Angular Router and how to use it with Angular Material▶ Video + LessonStart Lesson →](/course/angularmaterial/lesson/angular-material-router-awareness)