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!
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)