Angular (Full App) with Angular Material, Angularfire & NgRx
Use Angular, Angular Material, Angularfire (+ Firebase with Firestore) and NgRx to build a real Angular App
Enroll in Course
Angular is an amazing frontend JavaScript & TypeScript framework with which you can build powerful web applications.
There are a lot of 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!
Who this course is for:
- Students who want to dive deeper into Angular and who want to build a real app with it
- Students who want to practice Angular
- Students who want a practical guide towards building Angular apps
- Students interested in using Firebase, NgRx and/ or Angular Material
10+
hours
140+
lessons
Course Curriculum
-
StartModule Introduction (0:46)
-
StartWhat is Angular? (4:22)
-
StartMUST READ: Angular CLI - Latest Version
-
StartProject Setup with the Angular CLI (4:23)
-
StartHow an Angular App Starts and Works (5:39)
-
StartAdding Components (5:46)
-
StartTemplate Syntax (7:00)
-
StartUsing Directives like ngFor and ngIf (4:22)
-
StartCustom Property & Event Binding (7:13)
-
StartForms (4:17)
-
StartUnderstanding Services & Dependency Injection (11:10)
-
StartAngular Routing (6:52)
-
StartWhere to Dive Deeper (0:30)
-
StartUseful Resources & Links
-
StartModule Introduction (3:17)
-
StartUnderstanding Angular Material Components (3:03)
-
StartAdding Angular Material to a Project (13:13)
-
StartStay Up To Date! (0:52)
-
StartOur First Angular Material Component - The Button (10:11)
-
StartWhy Do We Have To Import Everything Separately?
-
StartCreating the Course App Structure (7:54)
-
StartWorking on The Signup Form (5:04)
-
StartFlexbox - A Quick Refresher (9:43)
-
StartControlling the Layout with @angular/flex-layout (6:05)
-
StartAdding & Configuring the Submit Button (5:06)
-
StartImplementing Hints and Validation Errors (on Forms) (9:38)
-
StartAdding a Datepicker (9:17)
-
StartRestricting Pickable Dates (3:27)
-
StartAdding a Checkbox (4:28)
-
StartFinishing the Form with Style (2:31)
-
StartAssignment - Angular Material (Problem) (1:34)
-
StartAssignment - Angular Material (Solution) (11:03)
-
StartWrap Up (1:26)
-
StartUseful Resources & Links
Course Prerequisites
You should bring basic Angular knowledge or the willingness to learn it along the way. A brief introduction/ refresher module is provided in this course.
Basic HTML, JS and CSS knowledge is required
NO Material Design knowledge is required
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Aleksandar Gruevski
Maximilian Schwarzmüller is one heck of an teacher. You can see that he has huge amount of experience and knowledge in this area and most of all he can pass this to the student easy and efficiently. Great job , i am really satisfied !
Amol Mali
Indeed very helpful and above expectations course. I started as a beginner and I found this course is great. Also the app we are creating here is good one to build your confidence. Highly recommended course. Go for it. Thank you Max. Appreciate your work :)
Federico Viotti
Max did always a great job with his courses. This one is really well done and usefull. It shows Angular Material and also Firebase, AngularFire, Ngrx/store and how deploy the app. For me it is a must have.
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 9928 happy students!
Single-Course License
Full access to "Angular (Full App) with Angular Material, Angularfire & NgRx"
$69
Access to this course only.
This is a one-time payment that grants access to this course only, not to any other courses.
Academind Pro Membership
Unlimited access to this and all other current & future courses!