Build a Real Time Chat App with JavaScript and Firebase
3.5 (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.
150 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build a Real Time Chat App with JavaScript and Firebase to your Wishlist.

Add to Wishlist

Build a Real Time Chat App with JavaScript and Firebase

Learn to build a real time chat app and chat to friends and family
3.5 (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.
150 students enrolled
Last updated 11/2016
English
Current price: $10 Original price: $125 Discount: 92% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 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.

Who is the target audience?
  • 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
27 Lectures
02:07:24
+
Create a real time chat app
27 Lectures 02:07:24





Creating firebase project directory
03:07

Creating directories and files
05:33

Install node js and npm
06:29

Building the app user interface
06:53

Styling the app user interface
05:51

Creating a reference to the firebase database
03:18

Creating Variables to access the DOM elements
06:24

Adding Event Listener
04:38

Using the Input Text Value Property to return values
02:04

Saving data int firebase databse
04:39

The Firebase CLI
05:55

Initializing your project directory
04:27

Deploying your app to Firebase
05:13

Sending data to firebase database
03:12

Create an object and save data using push method
09:27

Sending data with the push method to firebase
05:24

How firebase stores data
02:06

Data updates and events
07:20

Data updates and events part 2
08:38

Displaying posted chat messages in Realtime
08:24

Rolling back if things go wrong
04:36

Conclusion
02:53
About the Instructor
Bluelime Learning Solutions
4.0 Average rating
1,733 Reviews
38,638 Students
91 Courses
Learning made simple

Bluelime is UK based and creates quality easy to understand eLearning solutions .All our courses are 100% video based. We teach hands –on- examples that teach real life skills .

Bluelime has engaged in various types of projects for fortune 500 companies and understands what is required to prepare students with the relevant skills they need.