In this course, we’ll be building a Trello-like task card app. By the end of this course, you’ll have a strong understanding of Angular 2 fundamentals and a task manager you can use in the real world.

This course builds on the Angular 2 basics we learned in <a href="https://www.sitepoint.com/premium/courses/creating-your-first-angular-2-app-2985">Creating Your First Angular 2 App</a>.

We’ll show you how to clone the skeleton project we created earlier using Git, and demonstrate Angular components in order to create our card UI. We’ll create the task model class and show you how to set up a data source and pull its information into our app. We’ll modify our data source using Angular forms, and refine the app logic using a range of techniques that’ll come in handy later.

Once you’ve completed this course, you’ll be ready to tackle advanced Angular 2 skills by <a href="https://www.sitepoint.com/premium/courses/building-reusable-components-in-angular-2-2993">building a reusable Weather Card component.</a>

This is part two 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>Building a Task Card App with Angular 2</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><a href="https://www.sitepoint.com/premium/courses/creating-a-real-world-angular-2-app-creating-a-form-2988">Creating a Real-World Angular 2 App: Creating a Form</a></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>

Angular 2 Fundamentals - Task Card App

JavaScript

Building a Task Card App with Angular 2

Description for Angular 2 Fundamentals - Task Card App