Tutorials > Angular 7 With Angular Material And Firebase Cloud Firestore

Angular 7 With Angular Material And Firebase Cloud Firestore


Date: 25 July 2022 | Posted by: voska89
Angular 7 With Angular Material And Firebase Cloud Firestore
Last updated 12/2018
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.39 GB | Duration: 3h 13m
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.

Homepage
https://www.udemy.com/course/angular-firebase-firestore/


DOWNLOAD LINK


Links are Interchangeable - No Password - Single Extraction

See full article