A Practical Guide to Vanilla Web Components

Web Components are set to change how you build front-end web applications. This course teaches you how to use the Web Components specifications to create encapsulated and reusable UI components which can be used with almost any framework or library.
Course info
Rating
(55)
Level
Intermediate
Updated
Apr 11, 2017
Duration
2h 9m
Table of contents
Course Overview
Web Component Fundamentals
The Basic Anatomy of a Web Component
Creating a Star Rating Component
Creating a Configurable Slide out Menu Component
Styling Web Components
Production Ready Web Components
Description
Course info
Rating
(55)
Level
Intermediate
Updated
Apr 11, 2017
Duration
2h 9m
Description

Web Components represent a new way to develop reusable UI components that solve fundamental problems web developers face every day. In this course, A Practical Guide to Vanilla Web Components, you'll learn all about the Web Component specifications. First, you'll get an overview of the fundamentals of web components. Next, you'll explore the basic anatomy of a web component. Finally, you'll be shown how to use what you've learned so far by building two high quality vanilla Web Components. By the end of the course, you'll be able to write top quality encapsulated UI components which can be used in almost any front-end technology stack.

About the author
About the author

Leon Revill is a Google Developer Expert for web technologies, co-host on @TheWebPlatform Podcast, blogger, author and web architect specialising in JavaScript and Web Platform features.

More from the author
Building UIs with the Web Animations API
Beginner
2h 41m
Mar 27, 2018