Build a Real Time Chat App with JavaScript and Firebase

Build a Real Time Chat App with JavaScript and Firebase, available at $19.99, has an average rating of 4.1, with 28 lectures, based on 52 reviews, and has 293 subscribers.

You will learn about 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 This course is ideal for individuals who are This course if for newbies who are not familiar with firebase. or Anyone with basic knowledge of HTML or Anyone with basic knowledge of CSS or Anyone with basic knowledge of JAVASCRIPT It is particularly useful for This course if for newbies who are not familiar with firebase. or Anyone with basic knowledge of HTML or Anyone with basic knowledge of CSS or Anyone with basic knowledge of JAVASCRIPT.

Enroll now: Build a Real Time Chat App with JavaScript and Firebase

Summary

Title: Build a Real Time Chat App with JavaScript and Firebase

Price: $19.99

Average Rating: 4.1

Number of Lectures: 28

Number of Published Lectures: 27

Number of Curriculum Items: 28

Number of Published Curriculum Objects: 27

Original Price: $109.99

Quality Status: approved

Status: Live

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

Who Should Attend

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

Target Audiences

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

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 app
you 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 firebase
Authenticate users
Initialize firebase project
Deploy firebase project

What you will learn include:

How to connect to firebase from your app
How to publish your app to firebase hosting service
How to store and work with objects in firebase
How to save data to the firebase database
How to hook into real-time object updates with firebase
How t use firebase supported authenication providers
How to validate data sent to firebase
How to secure data from unauthorized access.

Looking forward to you joining the course.

Course Curriculum

Chapter 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 into firebase database

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: Thank You

Instructors

Bluelime Learning Solutions
Making Learning Simple

Rating Distribution

1 stars: 2 votes
2 stars: 5 votes
3 stars: 10 votes
4 stars: 14 votes
5 stars: 21 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