Join Joe Marini for an in-depth discussion in this video Next steps, part of Learning Web Components.
- [Instructor] Thanks so much for watching…this course on Web Components.…I hope you enjoyed learning along with me…about these great technologies…that will radically change and improve the way…that you build web apps.…There's always more to learn, though,…and I have some recommendations…on where you can go next.…First, stay up-to-date on each of the main specifications…that define web components.…The Mozilla Developer Network has documentation…on all four of them, as well as pointers…to the W3C and other specs that define each one.…Here's the one for the template tag,…then of course there's the one for HTML imports.…
There's a page for custom elements,…and of course, shadow DOM.…Next, remember that web browsers…are always changing and developing,…and at the time of this recording,…not all browsers natively support…all of the web component specifications.…So you might need to use a polyfill…in order to get some of these features.…The polyfill is located at this website,…and you can see the address there on your screen.…
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