Angular 4 and Firebase 3 : Create a Instagram-like portal
4.4 (22 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.
466 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Angular 4 and Firebase 3 : Create a Instagram-like portal to your Wishlist.

Add to Wishlist

Angular 4 and Firebase 3 : Create a Instagram-like portal

Angular 4, Firebase Database, Messaging, Hosting, Storage, Functions & Authentication
New
4.4 (22 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.
466 students enrolled
Created by Essential Courses
Last updated 9/2017
English
Current price: $10 Original price: $150 Discount: 93% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • code and deploy a complete front-end single page application built using 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
  • Advanced knowledge of JavaScript, Promsies & ES6 is a must
  • You should be familiar with both Angular2/4
  • You should be familiar with basic NoSQL concepts
  • Basic knowledge of firebase is a must
Description

In this course, I'll walk you through coding a entire Single Page Application using Angular4 + Firebase3. 

What you get out of this course is the experience of actually using these technologies in a real-life project.

You will be developing a instagram-like portal using the following technologies:

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

THIS IS NOT A TUTORIAL ON ANGULAR OR FIREBASE. YOU ARE EXPECTED TO HAVE SOME BASIC KNOWLEDGE ABOUT THESE TECHNOLOGIES.

Who is the target audience?
  • If you are interested in coding an entire project in Angular & Firebase
  • Programmers interested in learning how to utilize about Firebase Database, Authentication, Storage, Hosting, Functions & Messaging
Compare to Other Firebase Courses
Curriculum For This Course
45 Lectures
04:51:08
+
Introduction
2 Lectures 05:59
+
Setup
4 Lectures 06:59
GitHub Repo
00:02

Installing Angular-cli
02:04

Opening the Project
00:48

Installing Bootstrap
04:05
+
Navigation
6 Lectures 31:33
First Component: Header
04:21

Header component continued
01:39

Generating other components
02:01

Routing
12:53

Signup & Login Forms
07:25

Route Guard
03:14
+
Firebase Authentication
10 Lectures 01:21:15
Installing Firebase
06:37

Hiding Menu content
07:05

Sign-Up
07:01

Email Verification
03:09

Firebase Database
06:29

Notification System
19:21

Login Component
13:00

Angular Service: User
02:55

Handling Logout
04:26

Angular: EventEmitter
11:12
+
Firebase Storage
8 Lectures 01:17:27
External Template Link
00:03

Firebase Storage
18:45

Associating images with users
15:31

MyPosts Section
06:19

Creating a Shared component
01:12

Completing MyPost Component
20:14

Sample Data
02:06

All Posts
13:17
+
Favorite & Follow
5 Lectures 40:01
Favorite an Image
16:23

Follow another user
07:35

Follow another user - continued
10:21

Favorites Section
04:37

Users Following Me
01:05
+
Firebase Functions
3 Lectures 11:50
Fire Functions - Setup
01:27

First Function: users following me
03:06

Slack
07:17
+
Firebase Cloud Messaging
3 Lectures 19:44
FCM
04:20

Message Token
01:50

Receiving Notifications
13:34
+
Deployment
2 Lectures 03:42
Deploying
03:25

Wrapping up
00:17
About the Instructor
Essential Courses
4.3 Average rating
38 Reviews
682 Students
4 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.