simonox / polymer-testbed

Polymer CodeLab for the GDG Devfest Hamburg 2015

Getting started

• Install Git

  • git --version
  • => 2.xx.x
  • WINDOWS - make sure to install git correctly for Bower

• Install Node.js

  • make sure you can run the command npm --version
  • => 2.xx.x

• Install development dependencies

  • npm install

• Install Bower

  • $ npm install -g bower

• Install Grunt

  • $ npm install -g grunt-cli

• Clone this project

  • git clone https://github.com/sandro-k/devfest.git

• Install Polymer

  • $ bower install --save polymer

• Open with any IDE/ text editor (Chrome Dev Editor WebStorm, Atom, Sublime Text, ...)

  • If you use the Chrome Dev Editor please check out the Polymer Codelabs how to use it and get stated with bower

• Start a local Webserver

  • grunt connect
  • grunt serve - has live reload support
  • python -m SimpleHTTPServer 8080

Step 1

• Copy template.html to index.html
  • load WebComponents.lite.js for IE try WebComponents.js
  • import and instantiate a Custom-Elements e.g. <paper-button>

Step 2

• Pick any element from the Polymer Catalog and play around with them.

Step 3

• Chose any of the Polymer Codelabs and start coding

Step 4

• Any questions pleas ask!

Links

• Polymer-Project
• Polymer Catalog
• Polymer Codelabs
• Polymer-Starter-Kit (PSK)
• Polymer Slack Room
• Polymer PRIMER
• Polymer Base API
• Polymer material design showcase