- Course
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.
Beginner
- Course
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.
Beginner
Get started today
Access this course and other top-rated tech content with one of our business plans.
Try this course for free
Access this course and other top-rated tech content with one of our individual plans.
This course is included in the libraries shown below:
- Core Tech
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.
Web Components: Custom Element Patterns
Beginner
Table of contents
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.