From the course: Web Components and Modularization: Practical Approaches
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Starting with a visual mockup
From the course: Web Components and Modularization: Practical Approaches
Starting with a visual mockup
- [Instructor] When I start on a new project, whether it's from scratch or onboarding a project already in progress, the first thing I do is draw out a visual mockup. I typically do this first on paper, then on a whiteboard, and finally in a design application. In this mockup, I draw out all the key parts that make up the view and capture any states these parts may have. Once I have the mockup, I start drawing boxes around the different parts I think should be turned into components. I'm using Illustrator here, but you can use any design application or even pen and paper to do this. In real life, I typically print out these mockups and draw on it with different color pens. This process of drawing boxes is actually something I've always done to help me visualize the DOM and write semantic HTML and CSS. And it lends itself really well to components thinking. As I draw out the boxes, I also give them names to…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.