Building a Web Application with Polymer.js and Material Design

Web Components consist of a palette of revolutionary new HTML5 standards. These finally connect the critical missing parts needed in Web Development to build highly maintainable, modular, and distributable apps. Features of Web Components such as Templates aid us in writing truly re-usable code, while Custom Elements allow us to define our own HTML elements. With the Shadow DOM we can define encapsulated DOM branches in our elements and HTML Imports are a standard wrapping up and distributing of all the previous technologies. Although these may sound fantastic, we cannot use them as yet since they are not compatible with all of the browsers out there. Fortunately, various polyfills have been released to leverage older browsers to handle these standards and even combine them with other technologies. Polymer, backed-up by Google, is definitely the most popular. This course will introduce Polymer’s basic functionality by building together a real-life administration dashboard. Lastly, the UI framework of choice will be Material Design as it is tightly coupled with numerous pre-existing polymer elements.