Angular and Firebase – Build a Web App with Typescript


Angular and Firebase – Build a Web App with Typescript

Updated to Angular 4 (formerly Angular 2) – Learn how to build a Web Application using Angular, Firebase and Typescript

What Will I Learn?
  • Confidently build a full stack application using Angular as the frontend and Firebase as the backend
  • Understand how to use Angular 2 in Practice
  • Understand how many of the Angular 2 framework features are meant to be used
  • Know the basics about Firebase, and more
  • Know how to use the Firebase SDK with and without Typescript
  • Know how model the data of a Firebase application
  • know the Angular Fire Library
  • Understand how to use Angular Fire to build a service layer
  • Understand how to combine RxJs and Angular Fire to build a service layer
  • This course requires previous knowledge of Angular, check my Complete Angular with Typescript to get a solid basis in Angular 2
  • No previous knowledge of Firebase is required, we are going to assume that you have never used Firebase and this is your first experience using it
  • Previous knowledge in web development is necessary, namely knowledge in HTML, CSS and Javascript


The code of this course is fully up to date with the Angular 4 release (formerly Angular 2) and Firebase 3 – meaning that the videos cover the Final release API and the support code is updated to Final.

VERY IMPORTANT: Some basic knowledge of Angular is essential, but not previous Firebase knowledge, please be aware that this is not an Angular Beginners Course (have a look at the Complete Angular With Typescript Course)

Important: By enrolling you also get very fast and friendly student assistance. If you have questions please post a question and i’ll get back to you ASAP. Remember I’m here (every day) to help you and can answer you also in French and Spanish if you prefer.

Student Reviews

> Pankaj Gupta 5 stars – “Vasco is best instructor i have seen after a long time. I’m a regular customer of Udemy and using it from last 3 years. Vasco responds to questions very quickly. His way of teaching is also great. He gives lot of information in short videos. Along with Angular2 this course make lot of sense. Firebase seems to be the future and can make major part of back-end irrelevant. Simply Awesome!!”

>  S Savic – “I have a long experience with this instructor and his work… devoted and efficient”

Joe R 5 stars – “Great end-to-end application explaining all important Angular2 concepts! !”

Why Learning Angular and Firebase by Building a Real App is Essential

Learning framework features one by one is helpful when you are just getting started, but the problem of that approach is that you might lack context to fully understand each separate feature if the example is not meaningful.

One of the most frequent questions we hear: is there an example of a small but complete Angular application? How do I tie all the framework concepts and use them to build a real application ? When, how and why should a given framework feature be used?

In this course we are going to build an Angular Application from scratch, literally from an empty folder. We are going to introduce features one by one and we are going to implement common patterns that you will need in an application: master detail, pagination, client side search, authentication, creation and modification forms, navigation menus, protect parts of the app from unauthorized access, and more.

Why Firebase ? Do we Still Really need REST APIs and SQL Databases?

There hasn’t been much press covering it, but the latest Firebase that Google just launched a few months ago might completely change the way that we build Web Applications, and the latest addition of HTTP 2 support for Firebase Hosting is only a small reason for that. The powerful Firebase WebSockets based client and the Firebase Real Time Database allow us to build our systems in a much simpler and performant way, especially if we take advantage of the FIREstack architecture that will be presented in this course, not to mention all the built-in Firebase functionality which ranges from Hosting to Authentication to name a few of the many available features.

The truth is that building web applications is still way too hard for what we need it to be: building a web site with a custom backend is very time consuming and error prone, even when writing REST APIs in Node using for example the MEAN stack.

Its Still Way Too Hard to Build Web Applications

Its just a huge amount of work to simply get anything in and out of a database, especially if its a relational database, and especially if we are building our backend in a completely different language other than Javascript. All of a sudden you need advanced knowledge in not one but two ecosystems: lets say Javascript and Ruby or Javascript and C#, all to to be able to build even the simplest of web applications.

If we add to that the expertise necessary to correctly secure a web application and its database, to efficiently use third party storage services like Amazon S3 to host static content like images and pre-built Js / Css bundles, its sometimes amazing how we can even get anything done as web developers.

The value proposition of the Firebase Backend as a Service (BAAS) solution is tremendous, although we do understand that sooner or later we will need some sort of backend to perform certain operations, either for security reasons because the security rules that restrict certain actions are too complex to express in Firebase Security Rules, or because we want to do a batch operation like for example sanitize chat messages for forbidden words.

But even then, the Firebase SDK and the Angular Fire and Firebase Queue libraries that we will cover in this course make it much simpler to build a simple but secure backend without the need to setup expensive SSL certificates.

What You will Learn In This Course

In this course I will assume that you already know Angular, and that you want to apply what you have learned to build a concrete application: you will scaffold the application, setup the router, build components and forms, and build a service layer using Angular Fire.

So you do need previous Angular knowledge on Components, the Router and Forms, but on the Firebase side I will assume that this is your first experience with Firebase.

You will learn step by step data modeling best practices and essential concepts, and you will setup and populate the database and learn the Firebase SDK in both plain Javascript, but mostly in Typescript. You will learn how to build service layers using RxJs and the Angular Fire Observables-based library. There is a lot about building applications using RxJs in this course, most of the knowledge about using Observables in the service layer will translate to backends built with the Angular HTTP module.

You will learn how to build a Firebase batch job using the Firebase SDK and the Firebase Queue library, and learn how to build custom NodeJs Firebase backends.

(Free samples of multiple parts of the course are available)

Who is the target audience?
  • This course is ideally suited for developers that already have some notions in Angular 2, but are curious to know how to use all the features to build an application from A to Z

Created by Angular University
Last updated 7/2017

Size: 708.80 MB


1 Comment
  1. OUT LEVEL says

    Thank’s For Your Hard Work ..
    I hope if you can resolve problem Connecting to peers

Leave A Reply

Your email address will not be published.