Create a Basic Real-Time Chat App with Angular4 and Firebase
3.6 (13 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.
1,652 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create a Basic Real-Time Chat App with Angular4 and Firebase to your Wishlist.

Add to Wishlist

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.6 (13 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.
1,652 students enrolled
Last updated 8/2017
English
Curiosity Sale
Current price: $10 Original price: $120 Discount: 92% off
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Setup a development environment
  • Create a remote repository
  • Write code logic to send messages in real-time
  • Use dependency injection as a service
View Curriculum
Requirements
  • You should have a basic Knowledge of HTML
  • You should have a basic Knowledge of CSS
  • You should have a basic Knowledge of JavaScript
Description

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

Who is the target audience?
  • Beginner web developers
  • Beginner programmers
  • Anyone who wants to learn how to create a one page app
  • create a new project in angular 4
  • Generate components
  • Use interpolation with your templates
  • Use *ngFor directives to display objects of an array
  • Setup firebase authentication method
  • Setup firebase database rules
  • Create a firebase project
  • Create a production build
  • Deploy your app for free
Students Who Viewed This Course Also Viewed
Curriculum For This Course
54 Lectures
04:50:30
+
Introduction and Requirements
12 Lectures 42:54





Installing Angular CLI
04:21

Install Git
06:02

Configure Git
06:12

What is Git
04:09

What is Github
02:20

Create Github account
03:14

Installing SublimeText Editor
03:49
+
Some basics of Angular 4
21 Lectures 02:14:14
Create a new angular project
04:08

Introduction to Components
09:22

Components - Part 2
05:22

Introduction to Templates
04:28

Defining External templates
02:15

Defining Inline Templates
02:15

Using interpolation
04:49

Using ngFor directives
04:58

Using conditional statements
07:59

Property binding
05:22

Event binding
10:41

Defining Css
06:53

Css Class binding
10:02

Css style binding
06:59

Creating a service
05:53

Using a service
04:50

Using services in components
08:57

Setting up animations
03:38

Activating amimation on component
05:39

Animation states and Styles
08:15

Attaching animation to templates.
11:29
+
How To Create A Basic Real-Time Chat App
21 Lectures 01:53:22
Create a new Firebase Project
05:23

Setup Authentication method
03:40

Setup Firebase Database Rules
03:48

Create a new Angular 4 app
04:44

Install project dependencies
03:52

Start server and test app
06:44

Install angularfire2
02:57

Adding the Firebase Project Settings
06:00

Create a Chat Component
06:00

Add Dependency Injection
07:02

Preparing Component To Display Chats
08:11

Updating the View
09:07

Updating Firebase Database Rules
03:00

Updating the component's logic
03:42

Testing and sending realtime messages
03:49

Adding Css Styling
11:05

How to delete messages
01:52

Requirements for deployment
02:27

Creating a production build
05:48

Deploying your app for free
11:06

Your challenge to improve the app
03:05
About the Instructor
Bluelime Learning Solutions
4.0 Average rating
1,568 Reviews
35,161 Students
85 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.