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

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