Code Along : A Project using Firebase 3 and Angular
3.7 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
362 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Code Along : A Project using Firebase 3 and Angular to your Wishlist.

Add to Wishlist

Code Along : A Project using Firebase 3 and Angular

Develop a complete application from scratch, Line-by-Line using Angular4 and Firebase 3
3.7 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
362 students enrolled
Created by Essential Courses
Last updated 8/2017
English
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 7 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Students will learn how to create and deploy a complete front-end single page application built with Angular4 and Firebase3
  • How to start a Angular 4 project
  • How to use Angular cli, components, modules, services, pipes, data-binding
  • How to use external libraries such as bootstrap and lodash with angular 4
  • How to perform authentication using Firebase
  • How to use the Firebase database, storage, live messaging
  • How to host applications on Firebase
View Curriculum
Requirements
  • knowledge of javascript required.
Description

Welcome to another course in the code along series. You are probably here because you may have heard a lot of buzz around server less technologies especially Firebase

In this course we will solve a real-industry problem.

We use the following technologies to arrive at our solution:

  1. Firebase Database
  2. Firebase Authentication
  3. Firebase Functions
  4. Firebase Hosting
  5. Firebase Storage
  6. Angular 4

CAUTION:

THIS IS NOT A THEORY COURSE. We do not spend hours going over fundamentals of these items 

THIS COURSE IS ALL ABOUT IMPLEMENTATION. SO IF YOU ENJOY CODING, THEN THIS COURSE IS FOR YOU :) 

As we dive into the implementation, i will explain every single line of code, every single decision we make and how we arrive at solving out problem.

It will not matter that you do not know anything about these technologies. You will be able to follow along with ease. By the end of this course you will be better off that those folks who simply watch fundamentals course because you will have implemented an end-to-end architecture.

I hope you enjoy following this course as much as I enjoyed developing it.

Who is the target audience?
  • Programmers interested in learning about Serverless technologies specifically Firebase 3
  • Programmers who wants to enhance their resume with actual projects on their github account
  • Developers who have read about Angular4 and are wondering how to actually use this framework
  • Developers who want to learn how to use Angular 4 and Firebase 3 together
Students Who Viewed This Course Also Viewed
Curriculum For This Course
69 Lectures
07:00:18
+
Introduction
6 Lectures 10:50
+
Data Design
2 Lectures 12:39
Data Design in SQL World
02:36

Data Design in NoSQL (Firebase) World
10:03
+
First Steps: Bootstrapping the project
7 Lectures 31:46
Generating the Angular project
01:25

Generate the first component : Navigation Header
05:19

Customizing the Navigation header
02:00

Application Design
00:34

Generate more components
02:29

Routing : Wiring up the components
16:22

Add Firebase to the project
03:37
+
Authentication & Authorization
6 Lectures 30:36
Step 1 (creating the route-guard service)
03:32

Authentication : Enable in Firebase
00:41

Signup Form
06:12

Signup Form + Firebase
12:40

In this lecture, we ask the user to verify the sign-up email. For this we have to ask firebase to send a verification email on our behalf

Signup process - continued
02:22

Signup process - display verification message to the user
05:09
+
Notification System
4 Lectures 13:41
Creating a notification component
05:11

A Notification Service
00:40

Notification Service continued
03:07

Subscribing to the Notification Service
04:43
+
Sign-in Component
3 Lectures 22:28
Signing in the user
07:08

Retrieving user info from database upon sign-in
10:29

Finishing up with the sign-in process
04:51
+
Authentication - continued
5 Lectures 42:42
Signing-out the user
07:42

Hiding sections in the header
05:05

Hiding sections in the header - issues
10:43

Hiding sections in the header - a solution
06:14

Displaying user information in the header
12:58
+
MyPosts Component
6 Lectures 46:50
Storing images on Firebase - part 1
03:54

Storing images on Firebase - part 2
16:33

Associating image to user - part 1
00:50

Associating image to user - part 2
10:35

Fixing issues with image upload and displaying uploaded images
13:43

Turning off the listener
01:15
+
All Posts Section
2 Lectures 09:56
Displaying Images
06:52

Turning off the listener
03:04
+
Creating a Shareable component
2 Lectures 34:20
common post component - part 1
25:46

post component - part II
08:34
8 More Sections
About the Instructor
Essential Courses
3.8 Average rating
7 Reviews
507 Students
3 Courses
Software Architects

The goal of essential courses is to deliver precise and up-to-date information on the latest technologies. 

We are experts in tools such as NodeJs, Javascript, Firebase, AWS Lambda, Kinesis, Serverless Framework & Angular.

We hope you find these courses of value. 

If you like to see courses for any particular subject, please do not hesitate to reach out.