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

4.1 Average Customer Rating

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

  • 11 Videos
  • 1 hours 38 minutes
  • 926 Happy Students

About the course

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:

  • 11 Videos
  • 1 hours 38 minutes
  • 926 Happy Students

Courses Outline

Lesson 1: Working with Angular 2 Methods, Tables and Listeners
Creating the Bug Update Method
Using the Update Bug Method
Adding a Firebase Child Changed Listener
Parsing the Bug Updates
Transforming the Date Format in the Table
Displaying the Status String in the Table
Displaying the Severity String in the Table
Using the TypeScript Enums for the Dropdowns
Disabling the Submit Button when the Form is Invalid
Final Tweaks of the Bugged Out App
Bugged Out Exercise
  • 11 Videos
  • 1 hours 38 minutes
  • 926 Happy Students