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: Building a Form
Creating a Real-World Angular 2 App: Building a Form

Creating a Real-World Angular 2 App: Building a Form

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


Course details

4.0∙2 Ratings0 reviews

Published
November 2017
Videos
15
Duration
2h 23m
Happy students
933

Take this course

About the course

This course continues where Building a Realtime Firebase Database left off - make sure you’ve completed that before beginning. We’ll continue building Bugged Out, our bug-tracking application. By the end of this course, you’ll have an in-depth understanding of Angular forms and how they’re used in real-world projects. We’ll start by creating and styling a form, providing users with an interface for manipulating bug tracking data. We’ll show you how to send that data to your database, and validate it en-route. We’ll also look at FormBuilder, create a TypeScript method, and finally show you how to reset the form after a submission. After you complete this, you can continue building Bugged Out with the next course, Angular 2: Methods, Tables and Listeners. This is part six 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: Creating a Form in Angular 2
  • Free
    Creating the Bug Detail Form
    12:59
  • Locked
    Styling the Bug Detail Form
    14:56
  • Locked
    Creating the Form Model (Reactive Forms/Model Driven Forms)
    7:35
  • Locked
    Binding the Form Model to the Template
    7:52
  • Locked
    Submitting the Reactive Form
    6:25
  • Locked
    Using Validators for Form Validation
    7:18
  • Locked
    Introduction to Form and FormControl States
    9:08
  • Locked
    Creating a Custom Validator
    17:47
  • Locked
    Applying a Custom Validator (Reactive Form / Model Driven Form)
    6:18
  • Locked
    Applying Validation Styling
    7:07
  • Locked
    Creating Reactive Forms Using the FormBuilder
    6:05
  • Locked
    Creating the Add Bug TypeScript Method
    6:16
  • Locked
    Using the Add Bug TypeScript Method
    11:44
  • Locked
    Resetting the Form on Submit
    5:30
  • Locked
    Passing an Existing Bug into the Form
    16:46

Reviews
4.0

0 total

0
0
0
0
0

Course details

4.0∙2 Ratings0 reviews

Published
November 2017
Videos
15
Duration
2h 23m
Happy students
933

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