Join Joe Marini for an in-depth discussion in this video Exercise files, part of Learning Web Components.
- [Instructor] I've provided exercise files for this course that you can use to follow along with the videos you see on screen. You can see here that I've copied the ExcerciseFiles folder to my desktop, but you can place them anywhere on your computer that you like. Let's take a look inside. At the top level of the folder you'll see various other folders that correspond to the chapters within this course. Each folder contains various example files that will be used in the course. Some of the files have an _start in their name; and others have an _finished in their name.
Now, how you use these exercise files is completely up to you. If you want to use the starting-point version to follow along with me, and build the finished example, that's great. If you'd rather jump ahead to the finished version to poke around in the debugger, and see how things work, that's great, too. Once you have the ExerciseFiles folder where you want it on your computer, then you're ready to proceed.
Joe Marini starts the course by going into HTML templates, which provide a browser-native way to declare sections of HTML markup that will be used frequently in your app. Next, he covers HTML imports, explaining how to use them and create reusable modules. Then, he takes you through working with custom elements. To wrap up the course, he discusses Shadow DOM and how to create Shadow DOM to define custom element structure and rendering within a page.
- Web standards
- Customizing web components
- Activating and using templates
- Using HTML imports
- Creating reusable modules
- Defining custom elements
- Customizing elements and styles
- Creating Shadow DOM
- Styling and Shadow DOM