POLYMER + ES6Building the web’s future

@olarclara#jsdayrec15

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

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

Maria Clara Santana

● Computer Engineering student @ UFAL;● Software Engineer @ doctorQuiz;● Organizer @ GDG Maceió;● Fangirl @ Star Wars;

About me

So, what’s ES6?

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

What’s new?

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

That’s enough, let’s talk about Polymer

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

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

Polymer is not a framework.

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

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

WEB COMPONENTS

What if there isn’t an element for that?

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

+

Your final version should look like this!

Start using today!

https://developers.google.com/web/tools/polymer-starter-kit/

1. Install Babel;2. Install Sourcemaps;3. Install Crisp;4. Create a gulp transpile task;5. Integrate the transpile task;6. Configure linters to ES2015;

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

That’s a wrap!For more on front-end development and other

topics:

GitHub/clarasantana

Twitter@olarclara

Medium/@mariaclarasantana

Thank you!

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