From the course: Web Components and Modularization: Practical Approaches
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Challenge: Create a component map
From the course: Web Components and Modularization: Practical Approaches
Challenge: Create a component map
(upbeat music) - [Instructor] Challenge time, in the exercise files for this course, I've supplied a PDF document with a mock-up of the two views of the online bookstore I've been using as an example. In this challenge, I want you to either open the PDF in a design application or print it out and then draw boxes around anything you think should be a component. Give each of these components a descriptive name and next draw out a DOM tree for one of the views using the components as DOM elements. Remember there is no right or wrong here. This exercise is designed to make you start exploring a mental model for a component thinking that works for you. You may be wondering why I'm asking you to do a challenge so early on in the course before we've covered more complex things like properties, or data or state or anything else, my reasons are twofold, first, I want you to establish a mental model for all this before we get…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.