Introduction to Web Components & Polymer Workshop

comcast-polymer-workshop.md

Introduction to Web Components & Polymer Workshop

Hello! 👋

Thanks for coming to our hands-on introduction to Web Components & Polymer!

Please complete the following steps to get started:

1. Install Git: Mac OSX & Linux Users | Windows Users

2. Mac OSX & Linux Users:

   • Install NVM
   • Follow the instructions in your terminal
   • Install the latest version of Node: nvm install --lts
   • Make sure subsequent commands you use use the latest version of Node with NVM: nvm use --lts (this will persist until you close your terminal tab)

3. Install the Polymer CLI globally: npm install -g polymer-cli

4. Clone the Polymer Google Maps Codelab (git clone https://github.com/ComcastSamples/polymer-maps.git) to your local directory where you store your code

5. cd polymer-maps and install the dependencies for that project by running npm install

6. Clone the wc-toast repo & follow the instructions on https://github.com/ComcastSamples/wc-toast to get the dependencies & repo set up

7. 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. Note Google now requires a Credit Card to obtain a key. If you don't wish to provide Google a Credit Card, we'll also share a temporary key for use during the workshop.

For workshops longer than 3 hours in length:

8. Clone the Build a Polymer 3.0 App From Scratch Codelab (git clone https://github.com/ComcastSamples/polymer-whose-flag.git)
9. cd polymer-whose-flag and install the dependencies for that project by running npm install

Slides

Click here to view & download the slides

Questions?

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

—John & Chris