Introduction to Web Components and Polymer

illinois-polymer-workshop.md

Introduction to Web Components & Polymer Workshop

University of Illinois WebCon

Hello! 👋

Thanks for coming to our hands-on introduction to Web Components & Polymer! If you stumbled onto this and weren't at the event, hopefully this is still of somewhat use :-)

This is all the materials that were required to get started:

1. Install Git
2. Install Node and npm (If you'd like to manage multiple version of Node, we recommend nvm)
3. Install Bower & the Polymer CLI globally: $ npm install -g bower polymer-cli
4. Clone the Polymer Google Maps Codelab ($ git clone https://github.com/ComcastSamples/polymer-maps.git)
5. Install the dependencies for that project by running $ bower install from the directory you cloned polymer-maps into
6. Clone the Build a Polymer 2.0 App From Scratch Codelab ($ git clone https://github.com/ComcastSamples/polymer-whose-flag.git)
7. Install the dependencies for that project by running $ bower install from the directory you cloned polymer-whose-flag into
8. Obtain a Google Maps API key and record that somewhere it will be easy to copy from so you can paste it into your code during the workshop :-)
9. Clone the wc-toast repo & follow the instructions on https://github.com/ComcastSamples/wc-toast to get the dependencies & repo set up

Slides

Slides are available to view & download at https://www.slideshare.net/JohnRiv/introduction-to-web-components-polymer-workshop-u-of-i-webcon

Questions?

Please reach out to us on Twitter, we're happy to help :-)

—John & Chris