FROM ZERO TO HERO

+MariaClaraSantana1

polymer

(Photo: http://bit.ly/1huNOEX)

About me

Maria Clara Santana

● Computer Engineering student at UFAL;● FrontEnd Dev at Clip;● GDG and WTM Maceió co-organizer;● Technovation Challenge coach;● Polymer lover;

Agenda

#1 Overview#2 Installing#3 Coding

Photo: http://bit.ly/1CeBPyN

(Photo: http://bit.ly/1d2I81R)

WEB COMPONENTS

(Logo: http://showmethecode.es/)

Step #1: install dependencies;

Getting started

Step #2: get the elements;

Getting started

$ bower install polymerelements/<element-name>

$ bower init

$bower install --save Polymer#^1.0.0

Step #3: set a simple server;

Getting started

Python 2

$ python -m SimpleHTTPServer

Python 3

$ python -m http.server

Step #4: build your own customized element;

Getting started

<dom-module>

<style></style>

<template></template>

<script></script>

</dom-module>

Step #5: put all the elements together;

Step #6: create your layout;

Step #7: power it with the elements;

Getting started

Final step: rock it!

Getting started

(Photo: http://bit.ly/1Ee2133)

</thank-you>

+MariaClaraSantana1github.com/clarasantana@olarclara