Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ES6 katas - talk given at enterjs

418 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×