Building a Realtime Chat Application with Angular and Firebase [Video]

Preview in Mapt

Building a Realtime Chat Application with Angular and Firebase [Video]

Brice Ayres
New Release!

Build, launch and deploy your very own realtime chat application with authentication, using Angular, Bootstrap 4 and a Firebase backend.
Mapt Subscription
FREE
€29.73/m after trial
Video
€24.99
RRP €124.93
Save 79%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
€0.00
€24.99
€29.74 p/m after trial
RRP €124.93
Subscription
Video
Start 14 Day Trial

Frequently bought together


Building a Realtime Chat Application with Angular and Firebase [Video] Book Cover
Building a Realtime Chat Application with Angular and Firebase [Video]
€ 124.93
€ 24.99
Hands-on Application Development with ASP.NET Core and Angular [Video] Book Cover
Hands-on Application Development with ASP.NET Core and Angular [Video]
€ 124.93
€ 24.99
Buy 2 for €35.42
Save €180.20
Add to Cart

Video Details

ISBN 139781788834483
Course Length3 hours and 55 minutes

Video Description

AngularJS is a structural framework for building dynamic web applications. If you’re facing a challenge in building robust and efficient web applications with Angular, then look no further as this video course will enable you to get to grips with Angular by enabling you to build a realtime chat application using Angular, Angular CLI, Bootstrap 4 and Firebase. Initially, you will quickly scaffold a new Angular application using Angular CLI and then, you’ll add Bootstrap 4 and a few other dependencies to build your application rapidly. On your journey, you will create new pages, implement routing, authentication and more. Next, you’ll work on setting up a new Firebase account and integrating the Firebase backend into your Angular application.

As you progress further, you will make use of a Reactive pattern and implement Observables to add realtime capabilities to your chat application. In addition to building a realtime chat room, you will also build user profile pages; implement a search engine for users and the sending of direct messages to users. Towards the end of this course, you will be able to build a fully featured realtime chat application using Angular and Firebase and deploy it to AWS so that the world can see it. We will help you to get started with Angular, understand how to apply it, and build some of the most robust, efficient and dynamic applications with Angular. After completing this course, you will likely find creative ways to apply it to your work.

Style and Approach

The best way to learn is by doing. Therefore, this course will walk you through building a real world application,in a step-by-step manner. The exact steps taken in this course could be repeated to build and deploy your own realtime chat application.

Table of Contents

Starting Your Angular Application
The Course Overview
Setting Up Your Environment
Setting Up the Project Directory
Installing Bootstrap
Building the Initial Pages
Creating the Login Form
Creating the Login View
Creating the Sign Up Page
Adding the Navbar Component
Generating Chatroom Page Components
Creating Chatroom Page Layout
Using a Template Driven Form for New Message Input
Finalize Styling of Chatroom Page
Creating Alert, Loading, and Authentication Services
Creating an Alert Notification
Implementing Alert Notifications on the Login Page
Creating an Application Loading Indicator
Setting Up the Authentication Service
Connecting the Login and Signup Pages to the Authentication Service
Protecting Routes with an Authentication Guard
Setting Up and Connecting to Firebase
Setting Up Firebase
Connect Sign Up Page to Firebase
Connect Login Page to Firebase
Toggling Navbar Links Based on Authentication Status
Building the Chatroom Functionality
Seeding Our Firestore Database with Chatroom Data
Fetching List of Chatrooms from Firestore
Routing to Select a Chatroom
Fetching Chatroom Title Based on Route
Rendering Chatroom Messages from Our Firestore
Posting New Chat Messages
Creating User Profiles
Seeding Our Firestore Database with User Data
Creating User Profile Pages
Implementing the Edit Profile Page Logic
Edit Profile Page HTML and SCSS
Creating Guard to Prevent Editing of Other Users’ Profiles
Clean Up, Security, and Deploying to Amazon AWS S3
Backend Security in Firebase’s Firestore
Last Minute Clean Up and Styling Modifications
Build and Deploy to Amazon AWS S3

What You Will Learn

  • Effective techniques for managing cryptographic keys for IoT systems.
  • Learn how to integrate cryptographic modules in IoT systems
  • Get a grip of why and how safety should be considered in IoT system implementations
  • Integrating your existing security services to protect an IoT system
  • Dive into the fundamentals of Cryptography, key management and implementing cryptography.
  • Security Credential Management System (SCSM) was developed to support the connected car market
  • Explore securing connecting to the cloud, processing and storing data in the cloud, and integrating cloud security services for your IoT system

Authors

Table of Contents

Starting Your Angular Application
The Course Overview
Setting Up Your Environment
Setting Up the Project Directory
Installing Bootstrap
Building the Initial Pages
Creating the Login Form
Creating the Login View
Creating the Sign Up Page
Adding the Navbar Component
Generating Chatroom Page Components
Creating Chatroom Page Layout
Using a Template Driven Form for New Message Input
Finalize Styling of Chatroom Page
Creating Alert, Loading, and Authentication Services
Creating an Alert Notification
Implementing Alert Notifications on the Login Page
Creating an Application Loading Indicator
Setting Up the Authentication Service
Connecting the Login and Signup Pages to the Authentication Service
Protecting Routes with an Authentication Guard
Setting Up and Connecting to Firebase
Setting Up Firebase
Connect Sign Up Page to Firebase
Connect Login Page to Firebase
Toggling Navbar Links Based on Authentication Status
Building the Chatroom Functionality
Seeding Our Firestore Database with Chatroom Data
Fetching List of Chatrooms from Firestore
Routing to Select a Chatroom
Fetching Chatroom Title Based on Route
Rendering Chatroom Messages from Our Firestore
Posting New Chat Messages
Creating User Profiles
Seeding Our Firestore Database with User Data
Creating User Profile Pages
Implementing the Edit Profile Page Logic
Edit Profile Page HTML and SCSS
Creating Guard to Prevent Editing of Other Users’ Profiles
Clean Up, Security, and Deploying to Amazon AWS S3
Backend Security in Firebase’s Firestore
Last Minute Clean Up and Styling Modifications
Build and Deploy to Amazon AWS S3

Video Details

ISBN 139781788834483
Course Length3 hours and 55 minutes
Read More

Read More Reviews

Recommended for You

Hands-on Application Development with ASP.NET Core and Angular [Video] Book Cover
Hands-on Application Development with ASP.NET Core and Angular [Video]
€ 124.93
€ 24.99
Serverless Web Applications with React and Firebase Book Cover
Serverless Web Applications with React and Firebase
€ 32.11
€ 22.49
Hands-on Full Stack Development with Angular 5 and Firebase Book Cover
Hands-on Full Stack Development with Angular 5 and Firebase
€ 32.11
€ 22.49
Deep Dive into API Gateway and Building a Serverless Application [Video] Book Cover
Deep Dive into API Gateway and Building a Serverless Application [Video]
€ 124.93
€ 24.99
Building a Web Application with Spring and Angular [Video] Book Cover
Building a Web Application with Spring and Angular [Video]
€ 141.59
€ 28.32
Apache Spark with Scala - Learn Spark from a Big Data Guru [Video] Book Cover
Apache Spark with Scala - Learn Spark from a Big Data Guru [Video]
€ 148.73
€ 29.75