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

Breaking FrontEnd Paradigms with Vue.js ๐Ÿ‡บ๐Ÿ‡ธ

Breaking FrontEnd Paradigms with Vue.jsย ๐Ÿ‡บ๐Ÿ‡ธ

Avatar for Ignacio Anaya

Ignacio Anaya

January 12, 2018
Tweet

More Decks by Ignacio Anaya

Other Decks in Programming

Transcript

  1. ! Ignacio Anaya @ianaya89 โ€ข Full Stack Developer, Tech Trainer

    & Speaker โ€ข Ambassador @Auth0 โ€ข Organizer @Vuenos_Aires Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 2
  2. ! The Progressive Framework โ€ข View focused โ€ข Core based

    โ€ข VDOM โ€ข Reactive โ€ข Components Oriented Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 18
  3. !" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>

    new Vue({ el: '#app', data: function () { return { hello: 'Hello Sandusky ! !' } } }); </script> Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 21
  4. !" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>

    new Vue({ el: '#app', data: function () { return { hello: 'Hello Sandusky ! !' } } }); </script> Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 22
  5. ! render() new Vue({ el: '#app', data: function () {

    return { hello: 'Hello Sandusky ! !' } } render: function () { return ( <h1>{this.hello}</h1> ) } }) Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 23
  6. โ™ป Life Cycle Hooks new Vue({ created: function () {

    console.log('I am alive ! ') } }); Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 28
  7. โ˜Ž Communication โ€ข โฌ‡ Properties Down โ€ข โฌ† Events Up

    Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 29
  8. ! Native Script & Weex Mobile Native Rendering Breaking FrontEnd

    Paradigms with with Vue.js ! " - @ianaya89 38
  9. ! Take Away โ€ข ! Progressive (Simple & Complex) โ€ข

    " Declarative Rendering โ€ข # Component System โ€ข $ Great Ecosystem โ€ข % Awesome Community Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 39