6.1 Codelabs
You can find the Google Developers catalogue of tutorials here at codelabs. These are pretty good introductions to technologies Google is promoting. I have worked through the following projects.
6.2 Polymer Projects
6.2.1 Build a Polymer Toggle Element
This is very nice implementation of a generic toggle button and shows how the button's behavior and look can be modified for each instance of its usage in an application.
- You can find the tutorial here: Codelab
- You can find my Github repo here: Configurable Toggle Element
6.2.2 Build an Image Carousel Element
This image carousel demonstrates how to use Polymer 2.0 with ES2015 class syntax. It has some nice logic regarding image display and touch, etc.
- You can find the tutorial here: Codelab
- You can find my Github repo here: Image Carousel with Touch
6.2.3 Build Google Maps Using Web Components
Demonstrates a fully working Google Maps app using elements from Polymer's Google Web Components collection. The app is responsive and includes driving directions and transit mode.
It uses Polymer's data-binding features and iron element set.
- You can find the tutorial here: Codelab
- You can find my Github repo here: Google Map with Directions and Transit
6.2.4 Data Visualization Using Polymer and WebGL
Visualizes thousands of data points over an interactive Google Map, taking advantage of Polymer and some Google Web Components to easily cobble together a pipeline to load data, pass it into WebGL, and then manipulate it in real time.
- You can find the tutorial here: Codelab
- You can find my Github repo here: Tornado Data
6.2.5 Modify Polymer Starter Kit to Use ES2015/ES6 Syntax
Takes the Polymer Starter Kit and adjusts it to enable use of ES2015 syntax while keeping the app backward compatible with all Polymer supported browsers.
- You can find the tutorial here: Codelab
- You can find my Github repo here: ES2015 Integrated into Polymer App
6.2.6 Build a Progressive Web App in Polymer
An app to browse and watch shows from the Chrome Developer Channel using Polymer 1.0
- You can find the tutorial here: Codelab
- You can find my Github repo here: Polymer 1 Sandbox
6.3 Firebase & Polymer
6.3.1 Build a Firebase Chat App
How to use the Firebase platform to create Web applications by implementing and deploying a chat client using Firebase.
- You can find the tutorial here: Codelab
- You can find my Github repo here: Friendly Chat App
6.3.2 Build a Progressive Notes App with Firebase, Polymerfire and Polymer Components
Demonstrates building a progressive web app using Firebase and Polymer Web Components.
The view components are pre-made, the focus is on connecting things together, specifically to Firebase data. The app that features user authentication, a database backend, offline data availability and the ability to be installed to the home screen of an Android device.
- You can find the tutorial here: Codelab
- You can find a demo of the working app on Firebase here: My Demo on Firebase