Angular 7 with Angular Material and Firebase Cloud Firestore

Focused View

Patrick Schroeder

3:13:07

7 View

1 - Introduction

1 - Course Overview.mp4

02:54

1 - GitHub Repo.txt

1 - angularcli.pdf

2 - App Demo.mp4

02:17

3 - Keeping Updated Angular 7.mp4

00:55

2 - Understanding NoSQL and Firestore

4 - Module Intro.mp4

00:19

5 - NoSQL Databases Explained.mp4

02:43

6 - Cloud Firestore Features.mp4

02:52

3 - App Setup

7 - Module Intro.mp4

00:25

8 - Overview of Technologies.mp4

03:01

8 - angularcli.pdf

9 - App Setup.mp4

04:25

10 - App Structure.mp4

03:11

11 - 1dmaterial.zip

11 - Angular Material.mp4

05:43

12 - Toolbar.mp4

03:32

4 - Weather Module

13 - Module Intro.mp4

00:16

14 - 1eweathermodule.zip

14 - Weather Module Seutp.mp4

07:53

15 - 1gweatherrouting.zip

15 - Weather Routing.mp4

04:56

16 - 1hweatherforms.zip

16 - Search Form and Card.mp4

06:55

17 - Open Weather API Setup.mp4

05:05

18 - Display Open Weather Data.mp4

03:00

19 - 1jtransformResponse.zip

19 - Transform Response.mp4

05:34

20 - 1kerrorMessage.zip

20 - Error Message.mp4

01:45

21 - 1lpropertyBag.zip

21 - Property Bag Service.mp4

04:42

22 - 1mgoogleMaps.zip

22 - Google Maps.mp4

06:27

5 - Firebase Setup

23 - Module Intro.mp4

00:22

24 - Overview of Firebase and AngularFire.mp4

04:13

25 - 2firebaseSetup.zip

25 - Firebase Setup.mp4

06:29

26 - 2firebaseSetup.zip

26 - Add Authentication.mp4

03:30

6 - User Authentication

27 - Module Intro.mp4

00:20

28 - User Module Setup.mp4

05:43

29 - 2cnavMenu.zip

29 - User Service & Toolbar.mp4

07:40

30 - 2dlogin.zip

30 - Login and Profile Page.mp4

06:50

31 - 2efixUser.zip

31 - CSS Fixes.mp4

03:44

7 - Firestore CRUD

32 - Intro to Module.mp4

00:17

33 - Firestore Data Structure.mp4

02:48

34 - 3acity.zip

34 - City Interface.mp4

05:59

35 - 3bsavedCitiesMock.zip

35 - Create Form to Edit Cities.mp4

05:10

36 - 3csaveCitiesRouting.zip

36 - Saved Cities Routing.mp4

04:08

37 - 3daddCity.zip

37 - Add City Service Logic.mp4

04:23

38 - 3daddCity.zip

38 - Add City Component Logic.mp4

04:10

39 - 3fgetUserCities.zip

39 - Get User Cities.mp4

07:43

40 - 3gshowUserCities.zip

40 - Display User Cities.mp4

03:36

41 - 3hupdateCity.zip

41 - Update City Component.mp4

03:38

42 - 3iupdateCityService.zip

42 - Update City Service.mp4

06:33

43 - 3jdeleteCity.zip

43 - Delete a City.mp4

02:36

8 - Secure and Deploy

44 - Intro to Module.mp4

00:30

45 - Security Rules Part 1.mp4

04:48

46 - Security Rules Part 2.mp4

04:11

47 - Enable Persistence.mp4

02:45

48 - 4c.zip

48 - Deploy.mp4

07:53

49 - NG Update.mp4

04:18

Description

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!

Who is this for?

Anyone interested in learning how to build apps using Angular and Firestore.

This course is made with the beginner in mind.

What You Need to Know?

Helpful to know the basics of Angular

You should have NodeJS installed

More details

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 Deployment

Who 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 Interfaces

Which 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 Authentication

Which 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.
Who this course is for:
Anyone interested in learning how to build apps using Angular and Firestore.
This course is made with the beginner in mind.

User Reviews

Rating

average 0

Total votes0

Focused display

Software engineer and entrepreneur. I specialize in full-stack javascript development. My favorite technologies are Angular and Node.js. I'm currently working on serverless apps using Firebase Firestore and Google cloud functions running on Node.js. I enjoy creating high quality courses that clearly explain complex topics. All courses are captured in 1080p high resolution. Please message me if you have any questions while taking any of my courses here on Udemy.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.