Check out a free preview of the full Building Awesome Web Apps with Angular 2 course:
The "Challenge 3" Lesson is part of the full, Building Awesome Web Apps with Angular 2 course featured in this preview video. Here's what you'd learn in this lesson:

In this challenge, students create a Widgets feature. Using an ES6 class for the widgets component, import any necessary modules, decorate the component to use the widgets template, and display the widgets component in the home component.

Get Unlimited Access Now

Transcript from the "Challenge 3" Lesson

[00:00:00]
>> Lukas: So the challenge is essentially what I did with the gadgets, create a file structure for a new widgets feature. Hold on. Let me just make one check out the, is it start? What is the branch?
>> Speaker 2: Start, 00-start.
>> Lukas: Start branch.
>> Lukas: There we go.
>> Lukas: And from there, and so probably what I would do is even to check out the start branch and then even, then create a new branch off of that.

[00:00:38] So I did get checkout-b, workshop. And so that's, create a new branch off of that. And that's what I tested these challenges on. But, from there, create a new widgets feature using the file structure. Think about the class, the modules you need to import, how to decorate it, how to use the widgets template.

[00:01:01] And so this doesn't need to say anything other than, hello widgets. And then we need to figure out how to display the widgets component in the app component, somehow, someway. Think about that. And then, for a bonus create a simple route to view widgets component by itself.