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