This course continues where <a href="https://www.sitepoint.com/premium/courses/building-a-realtime-firebase-database-2989">Building a Realtime Firebase Database</a> 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, <a href="https://www.sitepoint.com/premium/courses/creating-a-real-world-angular-2-app-methods-tables-and-listeners-2990">Angular 2: Methods, Tables and Listeners</a>.

This is part six of a seven part series. Get the full benefit by completing them in order:

<ul>
<li><a href="https://www.sitepoint.com/premium/courses/creating-your-first-angular-2-app-2985">Creating Your First Angular 2 App</a></li>
<li><a href="https://www.sitepoint.com/premium/courses/building-a-task-card-app-with-angular-2-2986">Building a Task Card App with Angular 2</a></li>
<li><a href="https://www.sitepoint.com/premium/courses/building-reusable-components-in-angular-2-2993">Building Reusable Components in Angular 2</a></li>
<li><a href="https://www.sitepoint.com/premium/courses/creating-a-real-world-angular-2-app-modules-routing-and-components-2987">Creating a Real-World Angular 2 App: Modules, Routing and Components</a></li>
<li><a href="https://www.sitepoint.com/premium/courses/building-a-realtime-firebase-database-2989">Building a Realtime Firebase Database</a></li>
<li>Creating a Real-World Angular 2 App: Creating a Form</li>
<li><a href="https://www.sitepoint.com/premium/courses/creating-a-real-world-angular-2-app-methods-tables-and-listeners-2990">Creating a Real-World Angular 2 App: Methods, Tables and Listeners
</a></li>
</ul>

Creating a Form in Angular 2

JavaScript

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

Description for Creating a Form in Angular 2