Angular learners
You’ve learned Angular fundamentals but haven’t seen how a full application comes together. You want one realistic build you can follow to connect the dots.
Angular (Full App) with Angular Material, Angularfire & NgRx
Use Angular, Angular Material, Angularfire (+ Firebase with Firestore) and NgRx to build a real Angular App
Course Overview
About This Course
You already know some Angular—or you’ve tried to learn it—but building a full app can still feel like a pile of disconnected tutorials. You want something realistic that actually looks good, not another bare-bones demo.
In this course, you’ll follow a single, end-to-end build that shows how a complete Angular app comes together when you add the tools people use in real projects. You’ll get a short refresher when needed, then move quickly into a practical workflow where each step has a clear purpose and visible payoff.
By the end, you’ll be able to create a polished Angular application that feels fast and responsive, updates in real time, and stays maintainable as it grows. You’ll know how to structure features, connect your UI to live data, and keep complex app behavior predictable instead of fragile.
What You'll Learn
You’ll combine Angular Material, Firebase/Firestore via Angularfire, and NgRx to ship a realistic Angular app with real-time data and a clean UI.
Build polished UIs
Create an Angular app that follows Google’s Material Design and looks professional out of the box. You’ll be able to choose, configure, and compose Material components to match real product screens.
Use key Material components
Implement common UI building blocks like
Datepicker,Sidenav, and the Material Data Table. You’ll be able to add sorting, filtering, and live-updating table behavior without hacking together custom widgets.Connect to Firestore
Wire your app to a real-time database using Firebase with Firestore through Angularfire. You’ll be able to read and write data so changes show up immediately in the UI.
Work confidently with RxJS
Strengthen your understanding of RxJS observables so async data and UI updates feel predictable. You’ll be able to reason about streams coming from your backend and your components.
Manage state with NgRx
Add Redux-inspired state management using NgRx to keep larger app flows organized. You’ll be able to centralize state changes and avoid scattered, hard-to-debug component logic.
Apply Angular in practice
Use the included refresher module to fill gaps, then apply Angular concepts directly in a full app build. You’ll be able to move from “I know the basics” to “I can ship a complete app.”
Ready to get started?
Prerequisites
Basic Angular knowledge, or the willingness to learn it along the way (a short refresher module is included).
Basic HTML, JavaScript, and CSS knowledge.
No prior Material Design knowledge required.
Who Is This Course For?
Practice-focused students
You’re tired of theory-heavy explanations and want to get your hands on a complete project. You learn best when every concept immediately shows up in a working app.
Tool-curious developers
You want to try Angular Material, Firebase/Angularfire, and NgRx in a single app so you can judge how they fit together. You’re looking for a practical path, not scattered docs and snippets.
Curriculum Overview
Start NowPreview the structure and pacing of this course before you begin.
And 3 more sections in the full course.
Ready to Get Started?
Choose the option that works best for you.
Single Course
Angular (Full App) with Angular Material, Angularfire & NgRx
One Payment. Lifetime Access.
$69one-time
- One-time payment
- All future updates for this course
- Downloadable resources & code
- Certificate of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Lifetime access
Most Popular
All-Access Membership
Everything we teach. One subscription.
$25/mo
$4,335+ worth of courses
- Full access to all courses
- All future courses included
- Downloadable resources & code
- Certificates of completion
- Hands-on exercises & projects
- Self-paced learning
- English captions on all videos
- Cancel anytime