The document discusses learning ECMAScript 2015 (ES6) through test-driven development and practice exercises. It promotes several online resources for practicing test-driven development and ES6 concepts like ES6Katas.org which provides a new coding exercise daily to help learn ES6 features like destructuring, arrow functions, and template strings. It encourages learning ES6 concepts by starting simply and taking on small proximal goals to build skills over time through live coding practice.

1. Learn
ES6by making failing tests pass
ECMAScript 2015

2. ES6Katas.org
@WolframKriesing
Making of

3. const keyword, block scope
destructuring, array
arrow functions
destructuring, object

4. template strings
default value

5. passion

7. {
what: „ready to use TDD env“,
why: „practice, practice, practice“,
url: „http://TDDbin.com“,
twitter: „@tddbin“
}

8. let’s see TDDBin in action

10. {
what: „TDD, pairing, clean code“,
when: „every 3 months“,
next: „September 2016“,
url: „http://jsCodeRetreat.com“,
twitter: „@jsCodeRetreat“
}

12. {
what: „ES6 learning by doing“,
when: „new kata every day“,
url: „http://ES6katas.org“,
twitter: „@es6katas“
}

13. https://twitter.com/oncletom/status/609461522545385472

14. http://www.ecma-international.org/ecma-262/6.0/

15. Photo by tranchis - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/25813335@N00 Created with Haiku Deck

16. Photo by bogdog Dan - Creative Commons Attribution-NonCommercial License https://www.flickr.com/photos/25689440@N06 Created with Haiku Deck

17. Photo by aquababe - Creative Commons Attribution-NonCommercial License https://www.flickr.com/photos/25138992@N00 Created with Haiku Deck

19. Traceur

20. Photo by Luz Adriana Villa A. - Creative Commons Attribution License https://www.flickr.com/photos/11599314@N00 Created with Haiku Deck

22. Photo by Hindrik S - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/63991153@N00 Created with Haiku Deck

23. Photo by droetker0912 - Creative Commons Attribution-NonCommercial-ShareAlike License https://www.flickr.com/photos/58020577@N06 Created with Haiku Deck

24. Sep
2014long time ago, in tech

26. https://github.com/uxebu/mocha-sinon-traceur-example

27. WHY ES6
at all?

28. https://gist.github.com/wolframkriesing/ab6d82024aec7068382a

32. ENOUGH
reason
but there is looooooots more

33. YOU
READ
TOO?

36. Destructuring

37. Destructuring

38. #1 Extract value
temporarily used
Destructuring
we want this
no temporary code, yeah!!!

39. ✓

40. #2 Swap values Destructuring

41. ✓ ✓

42. #3 Leading commas Destructuring
temporarily used
we want this
no temporary code, yeah!!!

43. ✓ ✓ ✓

44. baby steps
proximal subgoals

45. http://www.uky.edu/~eushe2/Bandura/Bandura1981JPSP.pdf

46. TDD

47. #1 Extract value Destructuring

48. fail

49. #1 Extract value Destructuring

52. LIVE
coding

55. One ES6 kata a day
keeps ES5 away

57. IMPORTS
LET’S
GO LIVE

58. import iPhones from 'China';

59. import assert from 'assert';

60. LIVE
coding

61. your learning

62. ES6Katas.org
@WolframKriesing