Video description
Use Angular, Angular Material, AngularFire (+ Firebase with Firestore), and NgRx to build a real Angular app
About This Video
- Learn to build Angular apps with Material, NgRx and Angularfire
- A Practical course designed for building Angular apps.
In Detail
This course will take you on a journey where you'll you will learn to build a real Angular app using Angular, Angular Material, AngularFire (+ Firebase with Firestore), and NgRx. Angular is an amazing frontend framework with which you can build powerful web applications; we will add real-time database functionalities and see our updates almost before we make them here. This course offers a brief refresher on Angular, a detailed introduction into Angular Material, and a realistic app that uses many Angular Material components.
Publisher resources
Table of contents
- Chapter 1 : Getting Started
- Chapter 2 : A Brief Angular Refresher (OPTIONAL)
-
Chapter 3 : Angular Material
- Module Introduction
- Understanding Angular Material Components
- Adding Angular Material to a Project
- Stay Up To Date!
- Our First Angular Material Component - The Button
- Creating the Course App Structure
- Working on The Signup Form
- Flexbox - A Quick Refresher
- Controlling the Layout with @angular/flex-layout
- Adding Configuring the Submit Button
- Implementing Hints and Validation Errors (on Forms)
- Adding a Datepicker
- Restricting Pickable Dates
- Adding a Checkbox
- Finishing the Form with Style
- Wrap Up
-
Chapter 4 : Diving Deeper into Angular Material
- Module Introduction
- Adding Navigation a Sidenav
- Working on the Sidenav and Toolbar
- Styling the Sidenav
- Making the Page Responsive
- Adding Navigation Items
- Splitting the Navigation Into Components
- Working on the Welcome Screen
- Adding a Tabs Component
- Adding some "Cards"
- Adding a Dropdown Menu
- Adding a Spinner to the Training Screen
- Adding a Nice Exercise Timer
- Adding a Cancel Dialog Screen
- Passing Data to the Dialog
- Adding "Exit" and "Continue" Options
- Wrap Up
-
Chapter 5 : Working with Data and Angular Material
- Module Introduction
- Important: RxJS 6
- Implementing Authentication
- Routing Authentication
- Route Protection
- Preparing the Exercise Data
- Injecting Using the Training Service
- Setting an Active Exercise
- Controlling the Active Exercise
- Adding a Form to the Training Component
- Handling the Active Training via a Service
- Handling "Complete" and "Cancel" Events
- Adding the Angular Material Data Table
- Adding Sorting to the Data Table
- Adding Filtering to the Data Table
- Adding Pagination to the Data Table
- Wrap Up
-
Chapter 6 : Using Angularfire Firebase
- Module Introduction
- What is Firebase?
- Getting Started with Firebase
- What is Angularfire?
- RxJS Oservables Refresher
- Diving into Firebase
- Listening to Value Changes (of Firestore)
- Listening to Snapshot Changes (of Firestore, incl. Metadata)
- Restructuring the Code
- How Firebase Manages Subscriptions
- Storing Completed Exercises on Firestore
- Connecting the Data Table to Firestore
- Working with Documents
- Adding Real Authentication (Sign Up)
- Adding User Login
- Understanding Authentication in SPAs
- Configuring Firestore Security Rules
- Managing Firestore Subscriptions
- Reorganizing the Code
- Wrap Up
- Chapter 7 : Optimizing the App
-
Chapter 8 : Using NgRx for State Management
- Module Introduction
- What is Redux - An Overview
- NgRx Core Concepts - A First Example
- Working with Multiple Reducers Actions
- Dispatching Actions Selecting State Slices
- Adding an Auth Reducer (and Actions)
- Adding Auth Subscriptions
- Adding the Training Reducer and Actions with Payloads
- Lazy Loaded State
- Dispatching Training Actions
- Selecting Training State
- Selecting Single Values Correctly
- Connecting the Data Table
- Cleaning the Project Up
- Adding a small Bugfix
- Wrap Up
- Chapter 9 : Deploying the App
- Chapter 10 : BONUS: Angular Material Themes
- Chapter 11 : BONUS: Angular Material Themes
Product information
- Title: Angular (Full App) with Angular Material, Angularfire and NgRx
- Author(s):
- Release date: October 2018
- Publisher(s): Packt Publishing
- ISBN: 9781789958829
You might also like
video
The Complete Node.js Developer Course (3rd Edition)
Learn Node.js by building real-world applications with Node, Express, MongoDB, Mocha, and more! About This Video …
video
Node.js - The Complete Guide
Master Node.js to build REST APIs, GraphQL APIs, add authentication, use MongoDB, SQL, and much more! …
book
40 Algorithms Every Programmer Should Know
Learn algorithms for solving classic computer science problems with this concise guide covering everything from fundamental …
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Dive in and learn React from scratch! Learn Reactjs, Redux, React Routing, Animations, Next.js basics and …