-
Course
- 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.
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 is a web developer, author, and course instructor from the United Kingdom. He is currently Head of UI at DST Systems, and has been a developer for just over 10 years.
More Courses by Dan