Power of the Web
A Double PolyCharged live-demo session
with TJ Monserrat
with Polymer, Progressive Web Apps,
Firebase and Google Cloud Vision API
Who am I?
HCI Researcher
Interactive Platforms for Learning
Web Front-end /
Full-stack Dev
jQuery
Angular JS
MEAN JS (Grunt to Gulp)
Blaze - Meteor JS - MongoDB
React - Meteor JS - MongoDB
React - Webpack - Firebase
Polymer - Firebase
Follow Me
What will we create?
Two web-apps in 1.5 hours
A Simple PWA Blog
Uses Polymer
Uses Firebase as backend
Uses PRPL Pattern
Push
Render
Pre-cache
Lazy-load
Really Fast Load
Offline First
A Watchdogs-like Profiler
Uses Cloud Vision API to analyze pictures
Uses Polymer as front-end site
Uses Firebase Storage and Database
Live Code
Simple PWA Blog
Watchdogs-like Profiler
Recap
PWA Polymer Firebase demo
Qairoe Starter Kit
(Modified Polymer Starter Kit with a simple and easy to use routing and layout system)
Qairoe App Router
Qairoe App Layout
Cloud Vision API Tutorials
Git Repo for the front-end
Git repo for the Cloud-Vision API backend
Follow Me
Power of the Web
By TJ Monserrat
Power of the Web
This is a live coding version using Polymer Firebase to create a simple Progressive Web App
