- 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 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.