A Practical Guide to Vanilla Web Components

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 info

Rating

(17)

Level

Intermediate

Updated

August 17, 2017

Duration

2h 10m

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.

About the author

Leon Revill is a web architect, blogger and author. He specialises in front-end technologies mostly around JavaScript and spends his time investigating new technologies and figuring out how best to adopt them. He works hard to build awesome things for the web platform mostly with web components.

Transcript

Transcript

Hello and welcome to Pluralsight.

I’m Leon Revill a Web Architect specialising in front-end technologies based around JavaScript. I’m so excited to be able to deliver my course “A Practical Guide to Vanilla Web Components” to help you prepare for the future of Web Development.

Web Components solve fundamental problems that web developers have been putting up with since the dawn of the web. These problems include style encapsulation, reusability, interoperability and the big one - framework lock in.

This course is for Web Developers who want to get ready for the next big shift in front-end Web Development.

In the course, I’ll Introduce you to the Web Components specifications and their super powers.

We’ll also create two high quality Web Components which will demonstrate the specifications in detail.

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.

They’ll be reusable, extensible and themeable and I’ll also show you how to make them production ready by preparing them for cross platform use including legacy browsers such as IE11.

Web Components have been a long time coming to the Web Platform and they are finally here. With libraries, frameworks and even entire conferences dedicated to Web Components now is the perfect time to dive deep into this exciting new technology to discover the possibilities that it’ll open for you and the applications you create.