Check out a free preview of the full Building Awesomer Apps with Angular course:
The "Challenge 3: Widgets Feature" Lesson is part of the full, Building Awesomer Apps with Angular 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 widget's template, and display the widgets component in the home component.

Get Unlimited Access Now

Transcript from the "Challenge 3: Widgets Feature" Lesson

>> Lukas Ruebbelke: Let's take a look at the challenge. What I would like everybody to do, after lunch, create the file structure for a new widgets component. Create an ES6 class. Import the appropriate modules. We're decorators, decorate it. And display the widgets component on the home component. So essentially, what I just did, I would like everybody to take a stab at it.

[00:00:29] From there, bonus, create a simple route to view the widgets component by itself. So hint, app routing module. And if you're feeling ready for a super bonus. One of the things I like is when things are fairly conventional, you can look at the shape and infer how they work.

[00:00:50] So after you created the route, if you wanted to add something into the sidebar,
>> Lukas Ruebbelke: Play around with this links array and see what happens.
>> Lukas Ruebbelke: I'm going to put this up.