Build A Real Time Chat App With Javascript And Firebase

Learn to build a real time chat app and chat to friends and family

What you'll learn
Create directories using the command line tool
Install node js and node package manager (npm)
Install Firebase CLI Tool
Declare variables
Add event listener
Attach an event like click to a button element
Use querySelector method
Create a reference to firebase database
Install firebase CLI
Login to firebase
Initialize firebase
Deploy firebase app
Requirements
Download and install Node js and npm. We'll cover that in the course
Description
Firebase is database service that is used to provide backend functionality for applications big and small.
Firebase has three types of plans icluding a free plan that allows you real time data download and upload limits and also storage facilities.  Firebase on the free plan allow 100 simultaneous connections to your application.Firebase implementation in your application means you do not need to write any backend server code. It supports both web and mobile app deployments.
In this beginner course we will be building a real time chat app  that you can deploy using firebase static hosting and share the link with friends and family and begin to chat provided there are only 100 simultaneous connections. If you are expecting more than 100 simultaneous connections to your appyou will have to upgrade to a paid plan.
We will be using the frontend tools like HTML ,CSS and JavaScript  to build the app's user interface and functionality and use firebase as the backend database server.
In this course we will aslo be installing and using the Firebase CLI tool . This resourceful tool can be used to manage and administer your firebase project.The tool can be used to various task like:
Login to firebaseAuthenticate usersInitialize firebase projectDeploy firebase project
What you will learn include:
How to connect to firebase from your appHow to publish your app to firebase hosting serviceHow to store and work with objects in firebaseHow to save data to the  firebase databaseHow to hook into real-time object updates with firebaseHow t use firebase supported authenication providersHow to validate data sent to firebaseHow to secure data from unauthorized access.
Looking forward to you joining the course.

Overview

Section 1: Create a real time chat app

Lecture 1 Introduction

Lecture 2 What you will create

Lecture 3 What is Firebase

Lecture 4 Getting Firebase for free

Lecture 5 Setting up development environment

Lecture 6 Creating firebase project directory

Lecture 7 Creating directories and files

Lecture 8 Install node js and npm

Lecture 9 Building the app user interface

Lecture 10 Styling the app user interface

Lecture 11 Creating a reference to the firebase database

Lecture 12 Creating Variables to access the DOM elements

Lecture 13 Adding Event Listener

Lecture 14 Using the Input Text Value Property to return values

Lecture 15 Saving data int firebase databse

Lecture 16 The Firebase CLI

Lecture 17 Initializing your project directory

Lecture 18 Deploying your app to Firebase

Lecture 19 Sending data to firebase database

Lecture 20 Create an object and save data using push method

Lecture 21 Sending data with the push method to firebase

Lecture 22 How firebase stores data

Lecture 23 Data updates and events

Lecture 24 Data updates and events part 2

Lecture 25 Displaying posted chat messages in Realtime

Lecture 26 Rolling back if things go wrong

Lecture 27 Conclusion

Lecture 28 Thank You

This course if for newbies who are not familiar with firebase.,Anyone with basic knowledge of HTML,Anyone with basic knowledge of CSS,Anyone with basic knowledge of JAVASCRIPT