Skip to content

Instantly share code, notes, and snippets.

@JohnRiv
Last active August 10, 2018 15:58
Show Gist options
  • Save JohnRiv/0fd9c91deec22b6d010ef54257bb3b49 to your computer and use it in GitHub Desktop.
Save JohnRiv/0fd9c91deec22b6d010ef54257bb3b49 to your computer and use it in GitHub Desktop.
Introduction to Web Components and Polymer

Introduction to Web Components & Polymer Workshop

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment