SitePoint
  • Premium
  • Library
  • Community
  • Jobs
  • Blog
LoginStart Free Trial

The home for developers

Track your course progress, manage projects, and find your dream job - all in one place.

Start Your Free Trial

7 Day Free Trial. Cancel Anytime.

SitePoint Premium

  • Access to 700+ courses
  • Publish articles on SitePoint
  • Daily curated jobs
  • Learning Paths
  • Discounts to dev tools
  • Library/
  • Video courses/
  • Creating a Real-World Angular 2 App: Methods, Tables and Listeners
Creating a Real-World Angular 2 App: Methods, Tables and Listeners

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

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


Course details

4.1∙7 Ratings0 reviews

Published
November 2017
Videos
11
Duration
1h 38m
Happy students
944

Take this course

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:
  • Creating Your First Angular 2 App
  • Building a Task Card App with Angular 2
  • Building Reusable Components in Angular 2
  • Creating a Real-World Angular 2 App: Modules, Routing and Components
  • Building a Realtime Firebase Database
  • Creating a Real-World Angular 2 App: Creating a Form
  • Creating a Real-World Angular 2 App: Methods, Tables and Listeners

Course Instructor

Jess Rascal

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

Reviews
4.1

3 total

3
0
0
0
0

Course details

4.1∙7 Ratings0 reviews

Published
November 2017
Videos
11
Duration
1h 38m
Happy students
944

Take this course
SitePoint

Stuff we do

  • Premium
  • Newsletters
  • Learning paths
  • Library
  • Forums

Contact

  • Contact us
  • FAQ
  • Publish your book
  • Write an article
  • Advertise

About

  • Our Story
  • Corporate Memberships
  • Start free trial
  • Login

Connect

  • RSS
  • Facebook
  • Twitter (X)
  • Instagram

Subscribe to our newsletter

Get the freshest news and resources for developers, designers and digital creators in your inbox each week

© 2000 – 2025 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Terms of usePrivacy policy