Featured resource
2025 Tech Upskilling Playbook
Tech Upskilling Playbook

Build future-ready tech teams and hit key business milestones with seven proven plays from industry leaders.

Check it out
  • Course
    • Libraries: If you want this course, consider one of these libraries.
    • Core Tech

Web Components: Custom Element Patterns

This course will teach you key web component skills including how to master attributes and properties, slots, lifecycle hooks, and performance optimization, with real-world JavaScript techniques and no external libraries.

Dan Wellman - Pluralsight course - Web Components: Custom Element Patterns
Dan Wellman
What you'll learn

Take your first steps into the world of web components by building a personal dashboard — without any frameworks or libraries! In this course, Web Components: Custom Element Patterns, you’ll learn how to create fully functional, reusable custom elements using just modern JavaScript, HTML, and CSS. First, you'll learn how to create custom elements that accept and manage data through attributes and properties. Next, you'll explore component composition by using slots to create flexible layouts. Finally, you'll master component lifecycle hooks and performance strategies. By the end of the course, you'll have the skills and knowledge of web components needed to build fast, modern web features without relying on any frameworks.

Table of contents

About the author
Dan Wellman - Pluralsight course - Web Components: Custom Element Patterns
Dan Wellman

Dan Wellman is a web developer, author, and course instructor from the UK. He has been a developer for around 20 years, and has been writing and making videos about his experiences for almost as long. He has written 10 books about JavaScript libraries and TypeScript, and produced many video courses on front-end development.

Get access now

Sign up to get immediate access to this course plus thousands more you can watch anytime, anywhere.

Get started with Pluralsight