Angular 7 With Angular Material And Firebase Cloud Firestore

Learn Angular 7+ by example with Cloud Firestore and Angular Material. Includes CRUD, Authentication, Routing, HTTP.

What you'll learn
Build web apps using Angular 7+
How to use the Angular CLI
Add styling using Angular Material
Generate Angular modules, forms, components, and routes
Retrieve data from the OpenWeatherMaps API
Integrate Google Maps API
Work with the Cloud Firestore NoSQL Database
Authenticate users
Store and retrieve user's data
Perform CRUD operations
Deploy to production on a live URL!
Requirements
Helpful to know the basics of Angular
You should have NodeJS installed
Description
Learn to build blazing fast single-page web apps using Angular, Angular Material and Cloud Firestore database.This course is made in a learn by example format.  You will use the Angular CLI to build a dynamic and interesting application.  Once complete, you will create a production build and push your application to a live URL.Application Features Include:Authentication, CRUD, Data Persistence to Firestore, App DeploymentWho is this course for?Made with the beginner in mind, this course is structured to help you fully grasp every terminal command and line of code.What Angular concepts will I learn?You will learn about all the major concepts needed to build interesting apps, including: Forms, Routing, HTTP, Components, Modules and InterfacesWhich external libraries are covered?The app we build will include the following libraries:Angular Material with Flex-Layout for styling, Google Maps, AngularFire for Firestore, Ngx-Auth-FirebaseUI for AuthenticationWhich API's will be used?We will be using the OpenWeatherMaps API to request real-time city data.  Then persist this data to our Firestore database for logged in users.What skills will I have once I have completed?After completing this course, you will have a strong understanding of Angular 7+ with typescript.  This includes how to structure your application files and folders, how to use the Angular CLI and what is considered best practices when building Angular apps.  Additionally, you will be able to create production ready applications that authorize users, are secure and persist data.

Overview

Section 1: Introduction

Lecture 1 Course Overview

Lecture 2 App Demo

Lecture 3 Keeping Updated (Angular 7+)

Section 2: Understanding NoSQL and Firestore

Lecture 4 Module Intro

Lecture 5 NoSQL Databases Explained

Lecture 6 Cloud Firestore Features

Section 3: App Setup

Lecture 7 Module Intro

Lecture 8 Overview of Technologies

Lecture 9 App Setup

Lecture 10 App Structure

Lecture 11 Angular Material

Lecture 12 Toolbar

Section 4: Weather Module

Lecture 13 Module Intro

Lecture 14 Weather Module Seutp

Lecture 15 Weather Routing

Lecture 16 Search Form and Card

Lecture 17 Open Weather API Setup

Lecture 18 Display Open Weather Data

Lecture 19 Transform Response

Lecture 20 Error Message

Lecture 21 Property Bag Service

Lecture 22 Google Maps

Section 5: Firebase Setup

Lecture 23 Module Intro

Lecture 24 Overview of Firebase and AngularFire

Lecture 25 Firebase Setup

Lecture 26 Add Authentication

Section 6: User Authentication

Lecture 27 Module Intro

Lecture 28 User Module Setup

Lecture 29 User Service & Toolbar

Lecture 30 Login and Profile Page

Lecture 31 CSS Fixes

Section 7: Firestore CRUD

Lecture 32 Intro to Module

Lecture 33 Firestore Data Structure

Lecture 34 City Interface

Lecture 35 Create Form to Edit Cities

Lecture 36 Saved Cities Routing

Lecture 37 Add City - Service Logic

Lecture 38 Add City - Component Logic

Lecture 39 Get User Cities

Lecture 40 Display User Cities

Lecture 41 Update City - Component

Lecture 42 Update City - Service

Lecture 43 Delete a City

Section 8: Secure and Deploy

Lecture 44 Intro to Module

Lecture 45 Security Rules - Part 1

Lecture 46 Security Rules - Part 2

Lecture 47 Enable Persistence

Lecture 48 Deploy!

Lecture 49 NG Update

Anyone interested in learning how to build apps using Angular and Firestore.,This course is made with the beginner in mind.