O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

ES6 katas - talk given at enterjs

452 visualizações

Publicada em

The slides accompanying the talk I gave at the EnterJS conference 2016.

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

ES6 katas - talk given at enterjs

  1. 1. Learn ES6by making failing tests pass ECMAScript 2015
  2. 2. ES6Katas.org @WolframKriesing Making of
  3. 3. const keyword, block scope destructuring, array arrow functions destructuring, object
  4. 4. template strings default value
  5. 5. passion
  6. 6. { what: „ready to use TDD env“, why: „practice, practice, practice“, url: „http://TDDbin.com“, twitter: „@tddbin“ }
  7. 7. let’s see TDDBin in action
  8. 8. { what: „TDD, pairing, clean code“, when: „every 3 months“, next: „September 2016“, url: „http://jsCodeRetreat.com“, twitter: „@jsCodeRetreat“ }
  9. 9. { what: „ES6 learning by doing“, when: „new kata every day“, url: „http://ES6katas.org“, twitter: „@es6katas“ }
  10. 10. https://twitter.com/oncletom/status/609461522545385472
  11. 11. http://www.ecma-international.org/ecma-262/6.0/
  12. 12. Photo by tranchis - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/25813335@N00 Created with Haiku Deck
  13. 13. Photo by bogdog Dan - Creative Commons Attribution-NonCommercial License https://www.flickr.com/photos/25689440@N06 Created with Haiku Deck
  14. 14. Photo by aquababe - Creative Commons Attribution-NonCommercial License https://www.flickr.com/photos/25138992@N00 Created with Haiku Deck
  15. 15. Traceur
  16. 16. Photo by Luz Adriana Villa A. - Creative Commons Attribution License https://www.flickr.com/photos/11599314@N00 Created with Haiku Deck
  17. 17. Photo by Hindrik S - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/63991153@N00 Created with Haiku Deck
  18. 18. Photo by droetker0912 - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/58020577@N06 Created with Haiku Deck
  19. 19. Sep 2014long time ago, in tech
  20. 20. https://github.com/uxebu/mocha-sinon-traceur-example
  21. 21. WHY ES6 at all?
  22. 22. https://gist.github.com/wolframkriesing/ab6d82024aec7068382a
  23. 23. ENOUGH reason but there is looooooots more
  24. 24. YOU READ TOO?
  25. 25. Destructuring
  26. 26. Destructuring
  27. 27. #1 Extract value temporarily used Destructuring we want this no temporary code, yeah!!!
  28. 28.
  29. 29. #2 Swap values Destructuring
  30. 30. ✓ ✓
  31. 31. #3 Leading commas Destructuring temporarily used we want this no temporary code, yeah!!!
  32. 32. ✓ ✓ ✓
  33. 33. baby steps proximal subgoals
  34. 34. http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf
  35. 35. TDD
  36. 36. #1 Extract value Destructuring
  37. 37. fail
  38. 38. #1 Extract value Destructuring
  39. 39. LIVE
 coding
  40. 40. One ES6 kata a day keeps ES5 away
  41. 41. IMPORTS LET’S GO LIVE
  42. 42. import iPhones from 'China';
  43. 43. import assert from 'assert';
  44. 44. LIVE
 coding
  45. 45. your learning
  46. 46. ES6Katas.org @WolframKriesing

×