Kito Mann's Hacking HTML5 Web Components and Polymer

Topics covered at HTML5-POLYMER-01-02
View Schedule & Book More dates available

Next up:

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 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!

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

About the Author

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.

  • 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


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.


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 benefit most from this HTML5 course, please 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

If you are not able to bring in your own laptop, please contact the Skills Matter team on +44 207 1839040 or email info@skillsmatter.com