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

More Information
Learn
  • Scaffolding a new Angular 5 application with Angular CLI
  • Integrating Bootstrap 4, Font Awesome and Flexbox for layouts
  • Creating a Firebase backend to support your Angular 5 application
  • Integrating your frontend Angular 5 application with a Firebase backend
  • Implementing authentication using Angular services, guards and Firebase
  • Using RxJS Observables to create a realtime chat room
  • Building pages to support user functionality and persiting that data to Firebase
  • Implementing user search functionality and direct messaging
  • Building and deploying the Angular application to AWS
About

Angular 5 is a structural framework for building dynamic web applications. If you’re facing a challenge in building robust and efficient web applications with Angular 5, then look no further as this video course will enable you to get to grips with Angular 5 by enabling you to build a realtime chat application using Angular 5, 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 5 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 learn how to the send direct messages to users. Towards the end of this course, you will be able to build a fully featured realtime chat application using Angular 5 and Firebase and deploy it to AWS so that the world can see it. You will get started with Angular 5, understand how to apply it, and build some of the most robust, efficient and dynamic applications with Angular 5. 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.

Features
  • Working with RxJS and Observables to create realtime chat functionality in your application
  • Implement supporting services with Angular 5 to show modals, load spinners and authenticate your users
  • Integrate Firebase into your Angular 5 project and enable your Angular services to communicate with Firebase
Course Length 3 hours 55 minutes
ISBN 9781788834483
Date Of Publication 9 Apr 2018

Authors

Brice Ayres

Brice Ayres is a husband, father, Army veteran and a professional full stack software engineer from Dallas, Texas. Brice became interested in web development over 15 years ago and got his start designing and building mostly static websites. However, over time he became more interested in backend development, databases, scalable infrastructure and wanted to further expand his knowledge. After serving nearly 6 years in the U.S. Army as a medic, he decided to go back to school and got his Bachelors of Science in computer science from The Citadel in Charleston, South Carolina. Since his start, he has built award-winning mobile applications as well as many cutting-edge web applications. In Brice’s spare time, he creates programming tutorials on YouTube all while dabbling with new frameworks and programming languages. His passion is to help and guide others who are interested in a career in programming.