The document discusses ES6 and Polymer in the context of modern web development, emphasizing that Polymer is not a framework but rather a tool for web components. It provides a step-by-step guide for setting up a Polymer project, including installing Babel and configuring various tools and tasks. The author, Maria Clara Santana, is a computer engineering student and software engineer, sharing her insights on enhancing front-end development.

1. POLYMER + ES6
Building the web’s future
@olarclara
#jsdayrec15
(Photo: http://bit.ly/1XlJbMD)

2. (Photo: http://bit.ly/1Q4s4OJ)
Maria Clara Santana
● Computer Engineering student @ UFAL;
● Software Engineer @ doctorQuiz;
● Organizer @ GDG Maceió;
● Fangirl @ Star Wars;
About me

3. So, what’s ES6?
(Photo: http://bit.ly/1IwWbfa)

4. What’s new?
(Photo: http://bit.ly/1m4AlW8)

10. That’s enough, let’s talk about
Polymer
(Photo: http://bit.ly/1lWrNjN)

12. (Photo: http://bit.ly/1RrwVc6)
Polymer is not a framework.

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

14. (Photo: http://bit.ly/1d2I81R)
WEB COMPONENTS

17. What if there isn’t an element for
that?
(Photo: http://bit.ly/1OYG3Eu)

18. +

24. Your final version should look like this!

25. Start using today!

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

27. 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;

28. (Photo: http://bit.ly/1Nu6PPD)
That’s a wrap!
For more on front-end development and other
topics:
GitHub
/clarasantana
Twitter
@olarclara
Medium
/@mariaclarasantana

29. Thank you!
(Photo: http://bit.ly/1N0avLS)