Pythonic JavaScript for Web Developers

Transcript

1. Pythonic JavaScript for Web Developers @Uninen Ville Säävuori EuroPython 2017
2. How To Get Modern JavaScript into Your Python Projects or
3. @Uninen
5. do you know one or more of these: ES6, NPM, React, WebPack
6. 95% of 10 million most popular Web pages use JavaScript https://www.flickr.com/photos/humansquid/7049238949/
7. You NEED to know JavaScript if You develop for the Web in 2017 https://www.flickr.com/photos/humansquid/7049238949/
8. but… https://www.flickr.com/photos/humansquid/7049238949/
15. ES6 / ES2015
16. New ES6+ features • let, const • classes • object literals • modules • iterators, generators • map, set, weakmap, weakest • promises • template strings • destructuring • async / await
17. Oldskool JS Development https://www.flickr.com/photos/bedworth/8720079103/
18. Oldskool JS Development jQuery + <script> https://www.flickr.com/photos/bedworth/8720079103/
19. Modern JS Development https://www.flickr.com/photos/pedrosimoes7/6524449233/
20. package manager
21. transpiler
22. ESLint linter
23. bundler
24. Angular(JS) React Vue framework
25. Vue.js
26. requires new tools https://www.flickr.com/photos/chadrogers24/5136270441/
27. requires new tools https://www.flickr.com/photos/chadrogers24/5136270441/ …and configuration
29. gitlab.com/uninen/ep2017
30. PYTHONIC JS?
31. import feature from package
35. Coding Guidelines
36. goodbye ;
37. Pythonic JavaScript is: • modular • testable • linted
38. DEMO
39. Recap
40. Thank You! @Uninen