Create a Basic Real-Time Chat App with Angular4 and Firebase

Learn Angular4 and Firebase by creating a real-time chat app from scratch

3.60 (22 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Setup a development environment

Create a remote repository

Write code logic to send messages in real-time

Use dependency injection as a service

Why take this course?

AngularJS is one of the most popular JavaScript framework available today for creating web applications. This beginners course provides you the skills needed to create dynamic web application using angular4.

Firebase is database service that is used to provide backend functionality for applications big and small.
Firebase has three types of plans including 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 with Angular 4 using firebase as a backend database server. Angular allows your application to have an expanded HTML library. Learn to add behaviour to your HTML and speed up your application’s responsiveness.

Who is This Course for?
This course is aimed at absolute beginners who want learn about Angular Js.
Beginner developers
Beginner programmers

Prerequisites

Basic Knowledge of HTML
Basic Knowledge of CSS
Basic Knowledge of JavaScript

What You will learn:

How to setup a development environment
How to create a new project in angular 4
How to generate components
How to nest components
How to use basic templates
How to use interpolation with your templates
How to define external HTML templates
How to use *ngFor directives to display objects of an array
How to use conditional statements with your templates
How to interact with components
How to data bind
How to connect to firebase from your app
How to store and work with objects in firebase
How to save data to the firebase database
How to use firebase supported authenication providers

Screenshots

Create a Basic Real-Time Chat App with Angular4 and Firebase - Screenshot_01

Create a Basic Real-Time Chat App with Angular4 and Firebase - Screenshot_02

Create a Basic Real-Time Chat App with Angular4 and Firebase - Screenshot_03

Create a Basic Real-Time Chat App with Angular4 and Firebase - Screenshot_04

Reviews

Phillip

August 20, 2017

The content was fine, but the presentation was not good. A lot of mistakes were made within the lecture and then it was fixed off camera or with edits. I would rather see the mistakes and learn from his, which would give another layer of learning. So not an enjoyable code-along-experience.

Collin

August 8, 2017

It is a really basic course thought it was going to be a more advanced course, the teacher explains every little thing including how to sign up for Gmail. Really thought it was going to be a better course.

Charts

Price

Rating

Enrollment distribution

Create a Basic Real-Time Chat App with Angular4 and Firebase - Distribution chart