Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Working with Web Components

Course Summary

The Working with Web Components training course covers the adoption of web components, the future of web applications. All of the modern Javascript frameworks allow us to build components with their own syntax and configuration options. Web components are set to replace those frameworks in the near future by providing native browser support of such custom HTML elements.

This course begins with an introduction to web components and libraries that already use web components. Students will then build their own web components including learning how to use a web component on a webpage and how to use lit-HTML for HTML templates using lit-element for fast, lightweight web components. The course concludes by exploring the future of web components.

Purpose
 Learn how to build web components that can be used across multiple browsers and web applications.
Audience
 Developers and developer teams that need to learn to work with web components.
Role
Software Developer - Web Developer
Skill Level
Intermediate
Style
Workshops
Duration
1 Day
Related Technologies
JavaScript | Web Development | CSS | HTML / HTML5

 

Productivity Objectives
  • Describe what web components are about.
  • Create and deploy web components.
  • Identify why polyfills are important.

What You'll Learn:

In the Working with Web Components training course, you'll learn:
  • Introduction to Web Components
    • Custom elements
    • Shadow DOM
    • HTML template
  • Libraries Already Using Web Components
    • Polymer
    • X-Tag
  • Building Your Own Web Components
    • Create a web component and use it on a webpage
    • Interactions between components with javascript
    • Interactions with other frameworks and libraries
    • Use lit-html for HTML templates
    • Use lit-element for fast, lightweight web components
  • The Future of Web Components
    • Current status of browser support
    • Importance of using polyfills
    • Why web components are likely to replace most modern Javascript frameworks
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.