Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Use Web Components and Why You'd Want To

Kevin Powell via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to implement and customize web components in this 39-minute tutorial that demonstrates practical usage through a real-world form validation example. Discover what web components are and why they're valuable for modern web development, then follow along as the instructor replaces traditional HTML form elements with a custom web component created by Michael Warren. Explore how to integrate the web component into your project, customize error message styling using CSS custom properties, modify error message content, handle fieldset elements properly, and implement advanced error handling techniques. Gain hands-on experience with web component implementation, styling customization, and practical troubleshooting while understanding the benefits of encapsulated, reusable components for your web development projects.

Syllabus

00:00 - Introduction
02:36 - What is a web component
04:08 - Bringing in the web component to replace what I had
05:46 - Using the web component
09:45 - Customizing the style of the error message
21:25 - Customizing the error messages
31:37 - Fixing the fieldset
35:33 - A bit more on the error handling

Taught by

Kevin Powell

Reviews

Start your review of How to Use Web Components and Why You'd Want To

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.