A Practical Guide to Vanilla Web Components
Pluralsight
Course Summary
Web Components are set to change how you build front-end web applications. This course teaches you how to use the Web Components specifications to create encapsulated and reusable UI components which can be used with almost any framework or library.
-
+
Course Description
Web Components represent a new way to develop reusable UI components that solve fundamental problems web developers face every day. In this course, A Practical Guide to Vanilla Web Components, you'll learn all about the Web Component specifications. First, you'll get an overview of the fundamentals of web components. Next, you'll explore the basic anatomy of a web component. Finally, you'll be shown how to use what you've learned so far by building two high quality vanilla Web Components. By the end of the course, you'll be able to write top quality encapsulated UI components which can be used in almost any front-end technology stack.
-
+
Course Syllabus
Course Overview- 1m 35s
—Course Overview 1m 35sWeb Component Fundamentals- 28m 59s
—Introduction to Web Components 5m 34s
—What Are Native DOM Elements? 2m 44s
—Custom Elements API and Lifecycle Callback Methods 3m 44s
—Extending Custom Elements 2m 31s
—Extending Native Elements 3m 25s
—Using the Shadow DOM 3m 41s
—Using HTML Templates 3m 19s
—Using HTML Imports 3m 59sThe Basic Anatomy of a Web Component- 25m 25sCreating a Star Rating Component- 18m 14sCreating a Configurable Slide out Menu Component- 21m 59sStyling Web Components- 15m 50sProduction Ready Web Components- 17m 59s