Build A Real Time Chat App With jаvascript And Firebase
Last updated 6/2021
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 209.48 MB | Duration: 2h 7m

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 jаvascript 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 jаvascript
Screenshots