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 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 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 firstname.lastname@example.org
Please submit all laptop requests a minimum of 48 hours prior to the course as laptops are subject to availability.