Angular (Full App) with Angular Material, Angularfire & NgRx (Udemy.com)
Use Angular, Angular Material, Angularfire (+ Firebase with Firestore) and NgRx to build a real Angular App
Created by: Academind by Maximilian Schwarzmüller
Last updated June 2024
What you will learn
- Build amazing Angular apps with modern tools like Material, NgRx and Angularfire
- Build real-time apps that not only work great but also look awesome!
Quality Score
Overall Score : 94 / 100
Course Description
Angular is an amazing frontend JavaScript & TypeScript framework with which you can build powerful web applications.
There are many courses that dive deeply into Angular but sometimes you just want to build an entire app and see how it all works in practice. And you want to use all these great third-party packages that can add a lot of awesome functionalities to your Angular app!
This course covers exactly that!
We'll build an entire, realistic app which looks absolutely beautiful, uses Google's Material Design and is extremely fast! Thanks to Firebase and Angularfire, we'll add real-time database functionalities and see our updates almost before we make them!
Behind the scenes, NgRx will be used - a Redux-inspired state management solution that can greatly enhance your Angular app.
What are you waiting for, this is what you'll get in detail:
A brief refresher on Angular, just in case you forgot how it works (or never learned it)
A detailed introduction into Angular Material, its docs and its usage
A realistic app that uses many Angular Material components
Examples for components like Datepickers, Sidenavs or the Material Data Table (incl. sorting, filtering and live updating!)
A real-time database connection powered by Firebase (using Firestore) and Angularfire
A better understanding of RxJS observables
State-of-the-art state management with the help of NgRx
And so much more!
This course is for you if you want to practice Angular, want to see it in action or want to learn it with the help of a 100% practical project!
Please note that this course was recorded with an older version of Angular & Angular Material. The code shown in the videos might not always work with the latest versions of these packages. The general concepts & solution steps still apply, of course.
Instructor Details
- 4.7 Rating
8,695 Reviews
Academind by Maximilian Schwarzmüller
Bundling the courses and know how of successful instructors, Academind strives to deliver high quality online education.
Online Education, Real-Life Success - that's what Academind stands for. Learn topics like web development, data analyses and more in a fun and engaging way.
We've taught more than 3,000,000 students on a broad variety of topics. We'd love to teach you as well! :)
Keep learning!
More courses by Academind by Maximilian Schwarzmüller
React - The Complete Guide (incl. Next.js, Redux) (2026)
4.6 (242,065 Reviews)
Provider: Udemy
Time: 71.4h
$199.99
NodeJS - The Complete Guide (MVC, REST APIs, GraphQL, Deno) (2026)
4.6 (55,533 Reviews)
Provider: Udemy
Time: 40.5h
$174.99
Docker & Kubernetes: The Practical Guide (2026)
4.7 (38,168 Reviews)
Provider: Udemy
Time: 23.7h
$22.99
JavaScript - The Complete Guide (Beginner + Advanced) (2026)
4.6 (33,592 Reviews)
Provider: Udemy
Time: 52.5h
$19.99
More Angular courses
Single Page Web Applications with AngularJS (2018)
5.0 (480 Reviews)
Provider: Coursera
Time: 15.5h
Free
Learn to build an e-commerce app with .Net Core and Angular (2026)
4.7 (4,985 Reviews)
Provider: Udemy
Time: 31.1h
$13.99
Complete Angular 22 - Ultimate Guide - with Real World App (2026)
4.7 (4,509 Reviews)
Provider: Udemy
Time: 43.5h
$84.99
Front-End JavaScript Frameworks: Angular (2017)
4.7 (368 Reviews)
Provider: Coursera
Time: 16h 40m
Free
Reviews
By ALESSANDRO DI PASTENA on 4/4/2023
This course I attended turned out to be extremely complete and interesting. The only flaw is that some technologies are deprecated or are implemented in a different way, making learning some readings more difficult and slower than necessary.
By Steven Aschoff on 1/6/2020
Maximillian just always does a great job. His instruction style is easy to follow and engaging. This course was not a beginner's course, yet he gets enough into the basics when he knows a refresher might be necessary. Just the right level content delivery for the topic of full stack Angular/Firebase development. Thanks again Max!
By Ryan Dockstader on 12/23/2019
Another great course from Max! I've taken several of his courses and they are all very informational and divided into very digestible chunks. In this course, you get to learn about a few different parts of angular, angular material, and firebase. Some of it could use a small update in content (since all of this stuff is evolving so quickly right now) but it isn't hard to jump from the material here to the real world. I highly recommend this course for anyone interested in any of the things listed in the title.
By Thomaz Manoel de Aquino on 11/13/2019
In first place the course is very, very good. I understand that it is part of the teacher's didactics to do the same thing over and over in different ways. But honestly sometimes this is a bit tiring, I believe students would have a better learning by doing more things in the "right way:" than doing just one thing but in many ways. But the course is very good, but with the time spent redoing things we could build 3 different apps directly in the "right way".
By Anthony Buzzelli on 10/10/2018
This is actually one of the best courses I have taken on Udemy so far. Max is great instructor and teaches while coding. He shows various ways of programming to achieve similar results. He demonstrates he is definitely a Subject Matter Expert in all his courses. Great Job.
By Aditi Raj on 7/3/2018
Overall it was a great experience to build an entire Angular app using the Ngrx state management and learning Angular Material Design in the process as well.
By Jason Sprouse on 5/6/2018
Max has a unique style of disparting his knowledge. He encourages us to think critically about what it is we are doing and to solve problems that enable us to progress in the course. It's not for everyone and some may be left disappointed, but all in all the methods are acceptable and leave you feeling accomplished as opposed to going through the motions. Great course for Intermediate level programmers and beyond.
By Hannah Do on 4/14/2018
Thank you for the great tutorial. I have learned so much about Angular and how to apply it to make use of a real app. I was unfamiliar with typescript at first, so the whole syntax looked unapproachable. However, your step-by-step examples and pleasant(=short) duration of the videos made me continue to engage in the courses and learn so much. I'll be trying to make an app of my own now, all thanks to you! :D
By Mohsen Madi on 2/2/2018
Max is brilliant! Two things about him I encounter in all the courses I took with him: 1) he demystifies the most complex logic behind a concept and tells the reasoning behind it in simple terms; use of angular dialogs and the injection of dynamic values within them is but an example, and ii) no matter how involved and complex the example is, he goes the extra miles in preparing and presenting the examples, which leaves the student with a wealth of knowledge and education to implement what they need to without having to scavenge for information endlessly. Thank you for your respect and hard work Max!
By Daniel Luke on 2/2/2018
In this, Max's most recent Angular course, he again proves that he is one of the brightest stars within the realm of online training. Make no mistake, this is a challenging course, but this is exactly what is called for for anyone who has realistic expectations of levelling up their skills to actually become employable. One of my chief complaints about online learning is that there are always hundreds of choices to choose from for basic concepts, but very few, in my opinion, go into the real depth that you are going to need in real world circumstances. In the rare instance where there is a course which covers more advanced topics, it hardly ever had any continuity with anything previously taught. What happens, then, in the more advanced course, when the instructor assumes previously knowledge that wasn't actually covered in anything you learned before? If you're anything like, you end up feeling frustrated. Max does not make this mistake. First off, he has an Angular course which covers the basics like no other--in all foundational Angular topics he goes into great depth so that all beginning and even intermediate students will have what they need to achieve mastery on these levels. Needless to say, I highly recommend Max previous courses on Angular because they will serve as a rock solid foundation from which to go into even more advanced topics. This course, however, not only covers topics which solidify previous learning, (he even kindly provides a helpful Angular "refresh" at the beginning) but ventures into new, exciting territory, covering the backend with cutting edge technologies like Firebase (using Firestore as the operable datastore), which is a rapidly growing offering created and maintained by Google. Oh yeah, there is also Material Design which will help make your sites look gorgeous and give you, as the developer, lots of tools to do this easily. DId I mention that it seems like Material Design is becoming the new standard, rivalling even Bootstrap? That's the thing I've noticed about Max's courses: he sneaks in at least two or three other technologies that many other instructors split off (and then offer for an extra fee) into separate courses. He even later adds free bonus sections to these courses as new things are added to these technologies. He's also FANTASTIC in promptly replying to questions posted in the forum that goes along with the courses. I guess I should also mention that Max has a relentlessly cheerful demeanor interspersed, occasionally, with just a little light humor to keep things from ever getting dull. Yes, though I said this course was challenging, Max goes through everything in just the right amount of detail without ever bogging down with extraneous verbiage. He gives you everything you need, really. I honestly think that once you master this course, you should be getting pretty close to feeling good and confident about sending out resumes. And isn't that why we're all here?
By Sunethra Krishnaraj
This course gives you a feel of completing a project with hands on. The course instructor is very dedicated and explains each and every single logic that is used here.
One suggestion - Keep the courses shorter. In the end, give one working example for Component Interaction examples or Services or Directives or Pipes etc in a cheat sheet. Do help us with the interview standard questions. People who opt for this courses, would be very ambitious and would always look for more answers.
You can probably provide the interview known questions and answers in a cheat sheet too. Because we are all looking to grow in career aspect and this would give us motivation for learning and face more challenges.
By Sreekanth Reddy ugrareddy
The best instructor I have seen on Udemy,this is my second course with him. The time he put into the course and the way he planned the curriculum is fantastic.












