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.

Back to the Future with ES.next

Grgur Grisogono spoke at CostaRica.js meetup on Nov 4, 2015

  • Entre para ver os comentários

  • Seja a primeira pessoa a gostar disto

Back to the Future with ES.next

  1. 1. Backto the future < ES. next with > @ggrgur
  2. 2. Grgur Grisogono Architect Dev Lead @ @ggrgur
  3. 3. ◉ ◉ ◉ Live Work Fun! (and work)
  4. 4. Agenda ES.next ergonomics (no code) Front-End Dev Workflow
  5. 5. ES.next ES2015 ES2016 …
  6. 6. ECMAScript 5 Object.create() Date.now() JSON.parse() JSON.stringify() parseInt(x,10) Array.isArray() Object.keys() Array.prototype.indexOf() Array.prototype.forEach() Array.prototype.map() Array.prototype.reduce() Date.prototype.toISOString() (2009)
  7. 7. ES2015 Lean Software Development
  8. 8. Lean Software Development Experience Communication/Feedback Small, frequent updates Repeat
  9. 9. ES2015 const, let arrow functions class system module system promises
  10. 10. ES2015 generators destructuring template literals symbols iterators
  11. 11. ES2015 maps weak maps sets weak sets proxies
  12. 12. ES2015 Upgrades to arrays, objects, strings,…
  13. 13. ES2016
  14. 14. ES2016 Better class system Decorators async/await bind operator …
  15. 15. So What? Cool factor? Easier transition?
  16. 16. UX
  17. 17. Interaction Design Information Architecture Content Strategy User Interface Typography Usability Visual Design Functionality UX
  18. 18. Build Debug Develop Create Visualize Upgrade Maintain Test DX Benchmark Profile
  19. 19. lst off org $E00 errcode = 0 get8bit = $E74C buffer = $1000 ;7 tracks long bufferend = buffer+ $7E00 rw18 = $D000 ;both versions! slot = $FD track = $FE lastrack = $FF *--------------------- ---------------------- ------ * * CALL RT - moves rw18 routines to their homes in aux mem * * CALL RT+3,<5.25" slot>,<BbundID>,<start track>,<end track> * ,<3.5" slot>,<block offset> * jmp move * Get source information: start jsr get8bit stx slot525 jsr get8bit stx BbundID jsr get8bit stx track jsr get8bit inx stx ENDtrack * Destination information jsr get8bit stx slot35 jsr $DEBE ;get16bit jsr $DD67 jsr $E752 sty Boffset sta Boffset+1 * From now on we are using aux zpage and $D000 lda track sta $C009 sta track jsr recal525 loop lda track pha jsr read525 bcs :plarts pla sta track jsr write35 bcs :rts lda track eor ENDtrack bne loop Assembler
  20. 20. lst off org $E00 errcode = 0 get8bit = $E74C buffer = $1000 ;7 tracks long bufferend = buffer+ $7E00 rw18 = $D000 ;both versions! slot = $FD track = $FE lastrack = $FF *--------------------- ---------------------- ------ * * CALL RT - moves rw18 routines to their homes in aux mem * * CALL RT+3,<5.25" slot>,<BbundID>,<start track>,<end track> * ,<3.5" slot>,<block offset> * jmp move * Get source information: start jsr get8bit stx slot525 jsr get8bit stx BbundID jsr get8bit stx track jsr get8bit inx stx ENDtrack * Destination information jsr get8bit stx slot35 jsr $DEBE ;get16bit jsr $DD67 jsr $E752 sty Boffset sta Boffset+1 * From now on we are using aux zpage and $D000 lda track sta $C009 sta track jsr recal525 loop lda track pha jsr read525 bcs :plarts pla sta track jsr write35 bcs :rts lda track eor ENDtrack bne loop Assembler
  21. 21. Syntactic Sugar Developer Experience
  22. 22. Destructuring
  23. 23. ⚠DANGER Syntactic Sugar
  24. 24. Arrow Function debugger?
  25. 25. When Should I Start Using ES.next?
  26. 26. NOW!
  27. 27. TypeScript CoffeeScript ES.next
  28. 28. DEV
  29. 29. FA 01 D3 00 3C WebAss?
  30. 30. No Is ES.next the silver bullet?
  31. 31. Backto the future < ES. next with > @ggrgur

×