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

Workshop: Rompiendo el Mundo Binario con Vue.js

Workshop: Rompiendo el Mundo Binario con Vue.js

Ignacio Anaya

December 03, 2017
Tweet

More Decks by Ignacio Anaya

Other Decks in Programming

Transcript

  1. Workshop: Rompiendo el Mundo Binario con Vue.js !" @ianaya89 Breaking

    the Binary World with Vue.js ! " - @ianaya89 1
  2. ! Nacho Anaya @ianaya89 • Full Stack Developer, Tech Trainer

    & Speaker • Embajador @Auth0 • Organizador @Vuenos_Aires Breaking the Binary World with Vue.js ! " - @ianaya89 2
  3. ! El Framework Progresivo • Vista • Core • VDOM

    • Reactivo • Componentes Breaking the Binary World with Vue.js ! " - @ianaya89 17
  4. !" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>

    new Vue({ el: '#app', data: function() { return { hello: 'Hola FreeCodeCamp!' } } }); </script> Breaking the Binary World with Vue.js ! " - @ianaya89 20
  5. ! render() new Vue({ el: '#app', data() { return {

    hello: 'Hola FreeCodeCamp!' } }, render(h) { return ( <h1>{this.hello}</h1> ) } }) Breaking the Binary World with Vue.js ! " - @ianaya89 21
  6. ♻ Life Cycle Hooks new Vue({ created: function() { console.log('I

    am alive ') } }); Breaking the Binary World with Vue.js ! " - @ianaya89 25
  7. ☎ Comunicación • ⬇ Propiedades Abajo • ⬆ Eventos Arriba

    Breaking the Binary World with Vue.js ! " - @ianaya89 26
  8. ! Native & Nuxt.js > Server Side Rendering Breaking the

    Binary World with Vue.js ! " - @ianaya89 33
  9. ! Native Script & Weex > Mobile Native Rendering Breaking

    the Binary World with Vue.js ! " - @ianaya89 34
  10. ! Take Away • ! Progresivo (Simple & Complejo) •

    " Rendering Declarativo • # Sistema de Componentes • $ Ecosistema muy amplio • % Una gran comunidad Breaking the Binary World with Vue.js ! " - @ianaya89 35