Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How I Learned Modern Javascript by Writing Ancient Javascript

How I Learned Modern Javascript by Writing Ancient Javascript

With something that changes as fast as web technology - especially Javascript - it's important to build solid foundations as you learn. I talk about learning in "layers" and approaching a problem by isolating each specific area.

Da0b02303090f0ded442767e58a98626?s=128

Alex Taylor

August 25, 2016
Tweet

More Decks by Alex Taylor

Other Decks in Technology

Transcript

  1. Alex Taylor @mctaylorpants How I learned modern Javascript by writing

    ancient Javascript
  2. Alex Taylor @mctaylorpants Alex Taylor @mctaylorpants GitHub: alextaylor000

  3. Alex Taylor @mctaylorpants

  4. Alex Taylor @mctaylorpants

  5. Alex Taylor @mctaylorpants

  6. image credit

  7. image credit

  8. Alex Taylor @mctaylorpants ES5 ES6 Babel Webpack React

  9. Alex Taylor @mctaylorpants Language evolution

  10. safe navigation &. const / let arrow functions default parameter

    values rest & spread ... string interpolation object property shorthand variable property names classes object destructuring import / export
  11. image credit

  12. image credit

  13. image credit Javascript

  14. image credit Javascript

  15. Alex Taylor @mctaylorpants import React, { Component } from 'react';

    import { reduxForm } from 'redux-form'; @reduxForm({ form: 'simple', fields: ['firstName'], getFormState: (state, reduxMountPoint) => state.get(reduxMountPoint).toJS() }) export default class SimpleForm extends Component { // render form }
  16. Alex Taylor @mctaylorpants import React, { Component } from 'react';

    import { reduxForm } from 'redux-form'; @reduxForm({ form: 'simple', fields: ['firstName'], getFormState: (state, reduxMountPoint) => state.get(reduxMountPoint).toJS() }) export default class SimpleForm extends Component { // render form }
  17. Alex Taylor @mctaylorpants import React, { Component } from 'react';

    import { reduxForm } from 'redux-form'; @reduxForm({ form: 'simple', fields: ['firstName'], getFormState: (state, reduxMountPoint) => state.get(reduxMountPoint).toJS() }) export default class SimpleForm extends Component { // render form }
  18. Alex Taylor @mctaylorpants Learn in Layers

  19. Alex Taylor @mctaylorpants image credit

  20. Alex Taylor @mctaylorpants image credit es5

  21. Alex Taylor @mctaylorpants image credit react-router react es6 es5

  22. Alex Taylor @mctaylorpants image credit react-router react es6 es5 tasty

    cake!
  23. None
  24. image credit

  25. image credit

  26. Alex Taylor @mctaylorpants

  27. Alex Taylor @mctaylorpants !!!!

  28. image credit

  29. image credit

  30. Alex Taylor @mctaylorpants why?

  31. Alex Taylor @mctaylorpants If you aren’t sure if you need

    it, you don’t need it. Pete Hunt
  32. thx!