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

Angular 6 and Firebase 4 : Create a Instagram-like portal, available at $19.99, has an average rating of 4.7, with 52 lectures, based on 369 reviews, and has 17626 subscribers.

You will learn about 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 This course is ideal for individuals who are If you are interested in coding an entire project in Angular & Firebase or Programmers interested in learning how to utilize about Firebase Database, Authentication, Storage, Hosting, Functions & Messaging It is particularly useful for If you are interested in coding an entire project in Angular & Firebase or Programmers interested in learning how to utilize about Firebase Database, Authentication, Storage, Hosting, Functions & Messaging.

Enroll now: Angular 6 and Firebase 4 : Create a Instagram-like portal

Summary

Title: Angular 6 and Firebase 4 : Create a Instagram-like portal

Price: $19.99

Average Rating: 4.7

Number of Lectures: 52

Number of Published Lectures: 49

Number of Curriculum Items: 52

Number of Published Curriculum Objects: 49

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

Welcome to this comprehensive course where you will embark on a journey to build a full-fledged Single Page Application (SPA) using Angular and Firebase. Throughout this course, I will guide you through the process of coding and implementing various functionalities, providing you with valuable hands-on experience in utilizing these powerful technologies in a real-life project.

The main focus of this course is to enable you to gain practical expertise in Angular and Firebase by developing an Instagram-like portal. By the end of this course, you will have a solid understanding of how to leverage the following technologies:

Firebase Database: You will learn how to integrate and utilize Firebase’s real-time database to store and manage the dynamic data of your application. This will allow you to create a responsive and interactive user experience.
Firebase Authentication: Implementing user authentication is a crucial aspect of any application. You will discover how to integrate Firebase Authentication to enable user registration, login, and secure access control for your SPA.
Firebase Functions: Enhance the functionality of your application by incorporating serverless computing with Firebase Functions. You will learn how to write and deploy cloud functions that can handle complex tasks and automate processes within your application.
Firebase Hosting: Deploying your application to the web is made easy with Firebase Hosting. You will gain insights into how to host and publish your SPA, making it accessible to users worldwide.
Firebase Storage: To enable users to upload and store images or other media files, you will integrate Firebase Storage. You will learn how to handle file uploads, retrieval, and management within your application.
Angular: Throughout this course, you will be working with Angular versions 4, 5, or 6. While this is not a tutorial on Angular itself, you are expected to have a basic understanding of the framework and its concepts.

By immersing yourself in this course, you will acquire the necessary skills and knowledge to develop robust SPAs using Angular and Firebase. So, join me on this exciting journey, and let’s bring your Instagram-like portal to life!

Course Curriculum

Lecture 1: Introduction

Lecture 2: About our project

Lecture 3: About Me

Chapter 1: Data Design

Lecture 1: Data Design in SQL World

Lecture 2: Data Design in NoSQL (Firebase) World

Chapter 2: Setup

Lecture 1: GitHub Repo

Lecture 2: Installing Angular-cli

Lecture 3: Opening the Project

Lecture 4: Quick note on Angular version

Lecture 5: Bootstrap – VERY IMPORTANT

Lecture 6: Installing Bootstrap

Chapter 3: Navigation

Lecture 1: First Component: Header

Lecture 2: Header component continued

Lecture 3: Generating other components

Lecture 4: Routing

Lecture 5: Signup & Login Forms

Lecture 6: Route Guard

Chapter 4: Firebase Authentication

Lecture 1: Installing Firebase

Lecture 2: Hiding Menu content

Lecture 3: Sign-Up

Lecture 4: Email Verification

Lecture 5: Firebase Database

Lecture 6: Notification System

Lecture 7: Login Component

Lecture 8: Angular Service: User

Lecture 9: Handling Logout

Lecture 10: Angular: EventEmitter

Chapter 5: Firebase Storage

Lecture 1: External Template Link

Lecture 2: Firebase Storage

Lecture 3: Associating images with users

Lecture 4: MyPosts Section

Lecture 5: Creating a Shared component

Lecture 6: Completing MyPost Component

Lecture 7: Sample Data

Lecture 8: All Posts

Lecture 9: Break and feedback 🙂

Chapter 6: Favorite & Follow

Lecture 1: Favorite an Image

Lecture 2: Follow another user

Lecture 3: Follow another user – continued

Lecture 4: Favorites Section

Lecture 5: Users Following Me

Chapter 7: Firebase Functions

Lecture 1: Fire Functions – Setup

Lecture 2: First Function: users following me

Lecture 3: Slack

Chapter 8: Firebase Cloud Messaging

Lecture 1: FCM

Lecture 2: Message Token

Lecture 3: Receiving Notifications

Chapter 9: Deployment

Lecture 1: Deploying

Lecture 2: Wrapping up

Instructors

Shreya Vakil
Software Engineer

Rating Distribution

1 stars: 8 votes
2 stars: 15 votes
3 stars: 47 votes
4 stars: 127 votes
5 stars: 172 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu