Thanks for coming to our hands-on introduction to Web Components!
Please complete the following steps to get started. For any project we ask you to clone, clone them all to the same root project directory:
- Complete our Pre-Workshop Survey
- Install Git: Mac OSX & Linux Users | Windows Users
- Install Node.js at least v10.0.0. For Mac OSX & Linux Users, we recommend using NVM (Node Version Manager) to allow you to have different versions of Node.js on your machine and you also will not have to use
sudo
when runningnpm install
. If you wish to use NVM:
- Install NVM per their instructions
- 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)
- Install the Polymer CLI globally:
npm install -g polymer-cli
- Clone the wc-toast repo & follow the instructions on https://github.com/ComcastSamples/wc-toast to get the dependencies & repo set up
- Clone the wc-components repo & follow the instructions on https://github.com/ComcastSamples/wc-components to get the dependencies & repo set up
- Register for a newsapi.org API key
- Clone the
lit-html-workshop
and install dependencies:
git clone https://github.com/LarsDenBakker/lit-html-workshop.git
cd lit-html-workshop
npm install
- Clone the PWA Starter Kit
default
template and install dependencies:
git clone --depth 1 https://github.com/Polymer/pwa-starter-kit pwa-starter-kit-default
cd pwa-starter-kit-default
npm install
- Clone the PWA Starter Kit
no-redux
template and install dependencies:
git clone --depth 1 -b template-no-redux --single-branch https://github.com/Polymer/pwa-starter-kit pwa-starter-kit-no-redux
cd pwa-starter-kit-no-redux
npm install
Click here to view & download the slides
Please reach out to us on Twitter, we're happy to help :-)