Building a Web Application with Polymer.js and Material Design

This course will introduce Polymer’s basic functionality by building together a real-life administration dashboard.

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.

• Introduction 3mins
• Working Example - Structure 16mins
• Working Example - Styling 12mins
• Routing 9mins
• Authentication 13mins
• Profile 14mins
• Staff List Page 22mins
• Chat 12mins
• Performance and Optimization 12mins
• Caveats and Resources 7mins