Goal: Take advantage of this time to thoroughly familiarize yourself with the TypeScript and Angular basics. Follow along with the homework to ensure you have solid footing on these concepts.
Before beginning any of the projects listed below, ensure each partner has a To Do List application from yesterday (completed up through the concepts demonstrated in the Views: Introduction to Directives lesson. If either pair does not, spend the first part of today following along with the lessons from the Introduction to Angular 2 exercise in yesterday's classwork.
Next, try building a basic Recipe Box application in Angular from scratch. For now, you'll hard-code your
Recipe objects into the application, just like we hard-coded our
Tasks into our To Do List. At the very least, each
Recipe object should contain properties for a
title, a list of
ingredients, and the
directions necessary to prepare the recipe.
If you're able to complete all projects above, and feel comfortable with the concepts covered thus far, begin following along with tonight's homework.
Follow along to add the features outlined in these lessons to your To Do List. Then, add similar functionality to your recipe box, using the following user stories as a guide: