Mastering Web Components

This course will take you from beginner to expert in Web Components by teaching you how can create your own reusable Web Components and integrate them into any web app. In the full, paid version of the course, you will build an image gallery component to apply and test your knowledge of the concepts you have learned.

The course contains many interactive code examples you can study and modify to test and sharpen your skills.

In the free version, you will learn:

• how to create and register a Web Component
• how to effectively use the lifecycle methods of Web Components
• how to encapsulate the HTML and CSS of your Web Component using Shadow DOM
• how to extend native HTML elements
• how to compose Web Components with user-defined content
• how to test Web Components

You get:

• 107 page PDF
• 22 interactive code examples

The full version includes everything from the free version and you will also learn:

• how to theme and share styling between Web Components
• how to integrate Web Components into forms and validate them
• how to server-side render Web Components
• how to implement data-binding for Web Components
• how to implement custom states for Web Components
• how to compose Web Components using the mixin pattern
• how to build Web Components with a library
• how to build an image gallery component step by step

You get:

• 257 page PDF
• 45+ interactive code examples
  

All the chapters in the paid version are also available separately.