Building a Realtime Firebase Database

Learn how to build production-ready Angular 2 applications by building a bug tracking app!

Course details

3.7∙7 Ratings1 review

Published

November 2017

Videos

Duration

2h 23m

Happy students

1074

Take this course

About the course

This course continues where Angular 2: Modules, Routing and Components left off - make sure you’ve completed that before beginning. In this course, we’ll show you how to use Google’s Firebase to build out functionality for Bugged Out, our bug-tracking app. Firebase saves developers considerable time by providing a backend-as-a-service. We’ll use Firebase to store data about our bugs, and retrieve that data for display within the app’s views. We’ll also show you how to use Firebase for your authentication system. After you complete this, you can continue building Bugged Out with the next course, Angular 2: Creating a Form. This is part five of a seven part series. Get the full benefit by completing them in order:

Course Instructor

Jess Rascal

Jess Rascal is a product manager by day, a web and iOS developer the rest of the time that his brain is active.

Course Outline

Lesson 1: Building a Realtime Database with Firebase as Backend as a Service

Free
Introduction to Firebase
6:04
Locked
Creating the Firebase Project
2:33
Locked
Adding the Firebase SDK
3:31
Locked
Creating the Firebase Config Service
15:41
Locked
Structuring Our Bug Data in the Firebase Database
12:42
Locked
Configuring Access to the Firebase Database
5:26
Locked
Creating the Bug Service
3:50
Locked
Introduction to Firebase Listeners
16:38
Locked
Using a Firebase Listener to Get Data
23:43
Locked
Typescript Data Encapsulation
11:01
Locked
Creating the Bug Model Class
5:30
Locked
Parsing the Bug Data from Firebase (TypeScript Casting)
9:42
Locked
Displaying the Bugs in the Table
4:33
Locked
Creating the Bug Detail Component
5:18
Locked
Creating the Bug Detail Template (Bootstrap Modal)
5:00
Locked
Displaying the Bug Detail Modal (Attribute Binding)
12:41