0345 4506120

Hacking HTML5 Web Components and Polymer

Kito Mann's Hacking HTML5 Web Components and Polymer

Component-oriented UI development has been popular for over twenty years, with the introduction of Visual Basic. The promise is simple: packaged reusable code that makes powerful widgets like grids, toolbars, menus, smart input controls, panels, media players, charts, graphs, trees, image viewers, and so on, easy to integrate into applications. Wouldn’t it be nice if there were a standard way to build a UI component that runs in a browser? A component model that is part of the open web?

In this HTML5 course, we help you learn how to do just that. We'll take you through the key Web Component standards and examine building web components using the native APIs, as well as Polymer. We then examine the Polymer web components and build an application from the ground up using these exciting new technologies.

Web Components are an emerging standard from the Web Applications Working Group (WAWG). Web Components consists of five different standards: Templates, Custom Elements, Shadow DOM, and HTML Imports. Join this HTML5 course and learn how these standards allow you to build custom widgets with HTML5, JavaScript, and CSS that can be used just like native HTML elements.

Upon completion of this highly practical, hands-on course, you will be able to build web components using the raw APIs, or using a library to simplify the process. You'll also learn about how Google’s Polymer library provides syntactic sugar and extra features to make it easy to build web components. By introducing The Polymer Project at this class, you will gain an understanding of several off-the-shelf web components for things like handling forms, building responsive UIs using Google's Material Design language, working with Google Services, and more.

Sounds exiting? Join us for 2 intensive days of hacking, learning and sharing soon!

About the Author

Kito Mann

Kito Mann

Kito D. Mann is the Principal Consultant at Virtua, Inc., specializing in enterprise application architecture, training, development, and mentoring with JavaServer Faces, portlets, Liferay, and Java EE technologies.


Server-side developers and front-end developers looking to learn about how to either build their own reusable widgets or use off-the-shelf widgets that are part of the Web Platform rather than tied to a specific framework.

We don't currently have any courses listed for Hacking HTML5 Web Components and Polymer, would you like to view all courses for Programming?

Learning Objectives

Learn how to:

  • Understand the key Web Component Specifications
  • Build a web component using the native APIs
  • Build a web component using Polymer
  • Learn about the different Polymer web component sets
  • Build an application using Polymer web component sets



Basic experience with with HTML, JavaScript, and CSS Experience with web development in general (can be with a server-side framework) using JavaScript, Java, PHP, .NET, Python, or something else.

Bring your own hardware

To participate in this HTML5 course, you are required to bring your own laptop so you can develop with your own tools and languages, rather than something you are not familiar with. The laptop needs to be running a recent version of Windows, Mac OS, or Linux and have a Text Editor, Node.js and Node Package Manager, Bower.

Course Content

  • Overview of Web Components Specifications and Projects
  • Custom Elements in Depth
  • HTML Imports in Depth
  • Shadow DOM in Depth
  • Templates in Depth
  • Building Web Components with the Polymer Library
  • Advanced Polymer Features
  • Working with the Polymer Elements
  • Building an Application using Polymer Elements

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.


Online Courses

You may prefer an online course if you are looking for a flexible and cost-effective solution. Online courses allow you to study at your own pace, at a time that suits you.

We have the following eLearning options available:

Our Customers Include