Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Learn
ES6by making failing tests pass
ECMAScript 2015
ES6Katas.org
@WolframKriesing
Making of
const keyword, block scope
destructuring, array
arrow functions
destructuring, object
template strings
default value
passion
{
what: „ready to use TDD env“,
why: „practice, practice, practice“,
url: „http://TDDbin.com“,
twitter: „@tddbin“
}
let’s see TDDBin in action
{
what: „TDD, pairing, clean code“,
when: „every 3 months“,
next: „September 2016“,
url: „http://jsCodeRetreat.com“,
twitt...
{
what: „ES6 learning by doing“,
when: „new kata every day“,
url: „http://ES6katas.org“,
twitter: „@es6katas“
}
https://twitter.com/oncletom/status/609461522545385472
http://www.ecma-international.org/ecma-262/6.0/
Photo by tranchis - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/25813335@N...
Photo by bogdog Dan - Creative Commons Attribution-NonCommercial License https://www.flickr.com/photos/25689440@N06 Create...
Photo by aquababe - Creative Commons Attribution-NonCommercial License https://www.flickr.com/photos/25138992@N00 Created ...
Traceur
Photo by Luz Adriana Villa A. - Creative Commons Attribution License https://www.flickr.com/photos/11599314@N00 Created wi...
Photo by Hindrik S - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/63991153@...
Photo by droetker0912 - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/580205...
Sep
2014long time ago, in tech
https://github.com/uxebu/mocha-sinon-traceur-example
WHY ES6
at all?
https://gist.github.com/wolframkriesing/ab6d82024aec7068382a
ENOUGH
reason
but there is looooooots more
YOU
READ
TOO?
Destructuring
Destructuring
#1 Extract value
temporarily used
Destructuring
we want this
no temporary code, yeah!!!
✓
#2 Swap values Destructuring
✓ ✓
#3 Leading commas Destructuring
temporarily used
we want this
no temporary code, yeah!!!
✓ ✓ ✓
baby steps
proximal subgoals
http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf
TDD
#1 Extract value Destructuring
fail
#1 Extract value Destructuring
LIVE

coding
One ES6 kata a day
keeps ES5 away
IMPORTS
LET’S
GO LIVE
import iPhones from 'China';
import assert from 'assert';
LIVE

coding
your learning
ES6Katas.org
@WolframKriesing
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
Próxima SlideShare
Cargando en…5
×

ES6 katas - talk given at enterjs

436 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

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

×