Creating a Real-World Angular 2 App: Methods, Tables and Listeners


 1 Review Add a review

Published November 2017

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

This course continues where Angular 2: Forms left off - make sure you’ve completed that before beginning.

We’ll be working on our bug-tracking application, Bugged Out. We’ll start by creating a bug update method, showing you how to update existing records in our Firebase database. We’ll also display our bug data with tables, and get to know listeners, which allow us to perform actions only when data has changed or certain conditions have been met.

By the end of this final installment, Bugged Out will be complete - you’ll know how to take an Angular 2 app from idea to production, and you’ll have a functional bug-tracking app for your next projects.

This is part seven of a seven part series. Get the full benefit by completing them in order:

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

  • Create a database update method

  • Update existing records in Firebase

  • Use tables to display data

  • Use listeners to perform actions after certain conditions are met
Meet your 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.

Lesson 1: Working with Angular 2 Methods, Tables and Listeners
Creating the Bug Update Method 8:29
Using the Update Bug Method 13:15
Adding a Firebase Child Changed Listener 3:31
Parsing the Bug Updates 13:03
Transforming the Date Format in the Table 3:03
Displaying the Status String in the Table 10:13
Displaying the Severity String in the Table 5:11
Using the TypeScript Enums for the Dropdowns 19:32
Disabling the Submit Button when the Form is Invalid 9:31
Final Tweaks of the Bugged Out App 9:47
Bugged Out Exercise 3:04

Leave a Review