Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Breaking FrontEnd Paradigms with Vue.js !" @ianaya89 Breaking the Binary World with Vue.js ! " - @ianaya89 1
Slide 2
Slide 2 text
Ignacio Anaya @ianaya89 > Full Stack Developer, Tech Trainer & Speaker > Ambassador @Auth0 > Organizer @Vuenos_Aires Breaking the Binary World with Vue.js ! " - @ianaya89 2
Slide 3
Slide 3 text
Breaking the Binary World with Vue.js ! " - @ianaya89 3
Slide 4
Slide 4 text
Breaking the Binary World with Vue.js ! " - @ianaya89 4
Slide 5
Slide 5 text
⬇ ~800K / month Breaking the Binary World with Vue.js ! " - @ianaya89 5
Slide 6
Slide 6 text
✨ ~ 68K Breaking the Binary World with Vue.js ! " - @ianaya89 6
Slide 7
Slide 7 text
!" ~ 250K Breaking the Binary World with Vue.js ! " - @ianaya89 7
Slide 8
Slide 8 text
! Companies Breaking the Binary World with Vue.js ! " - @ianaya89 8
Slide 9
Slide 9 text
! Community Breaking the Binary World with Vue.js ! " - @ianaya89 9
Slide 10
Slide 10 text
! Why Vue.js? Breaking the Binary World with Vue.js ! " - @ianaya89 10
Slide 11
Slide 11 text
! Complexity Inherent vs. Instrumental Breaking the Binary World with Vue.js ! " - @ianaya89 11
Slide 12
Slide 12 text
! Inherent The Project Breaking the Binary World with Vue.js ! " - @ianaya89 12
Slide 13
Slide 13 text
! Instrumental The Price Breaking the Binary World with Vue.js ! " - @ianaya89 13
Slide 14
Slide 14 text
! " ! " Breaking the Binary World with Vue.js ! " - @ianaya89 14
Slide 15
Slide 15 text
! " ! " Breaking the Binary World with Vue.js ! " - @ianaya89 15
Slide 16
Slide 16 text
! The Progressive Framework • View focused • Core based • VDOM • Reactive • Components Oriented Breaking the Binary World with Vue.js ! " - @ianaya89 16
Slide 17
Slide 17 text
Breaking the Binary World with Vue.js ! " - @ianaya89 17
Slide 18
Slide 18 text
! Declarative Rendering Breaking the Binary World with Vue.js ! " - @ianaya89 18
Slide 19
Slide 19 text
!"
{{ hello }}
new Vue({ el: '#app', data: function () { return { hello: 'Hello Lisbon !!' } } }); Breaking the Binary World with Vue.js ! " - @ianaya89 19
Slide 20
Slide 20 text
!"
{{ hello }}
new Vue({ el: '#app', data: function () { return { hello: 'Hello Lisbon !!' } } }); Breaking the Binary World with Vue.js ! " - @ianaya89 20
Slide 21
Slide 21 text
! render() new Vue({ el: '#app', data: function () { return { hello: 'Hello Lisbon !!' } } render: function () { return (
{this.hello}
) } }) Breaking the Binary World with Vue.js ! " - @ianaya89 21
Slide 22
Slide 22 text
! Component System Breaking the Binary World with Vue.js ! " - @ianaya89 22
Slide 23
Slide 23 text
! Semantic Breaking the Binary World with Vue.js ! " - @ianaya89 23
Slide 24
Slide 24 text
! .vue Breaking the Binary World with Vue.js ! " - @ianaya89 24
Slide 25
Slide 25 text
♻ Life Cycle Hooks new Vue({ created: function () { console.log('I am alive !') } }); Breaking the Binary World with Vue.js ! " - @ianaya89 25
Slide 26
Slide 26 text
☎ Communication • ⬇ Properties Down • ⬆ Events Up Breaking the Binary World with Vue.js ! " - @ianaya89 26
Slide 27
Slide 27 text
! DX Breaking the Binary World with Vue.js ! " - @ianaya89 27
Slide 28
Slide 28 text
! vue-cli Breaking the Binary World with Vue.js ! " - @ianaya89 28
Slide 29
Slide 29 text
! Dev Tools Breaking the Binary World with Vue.js ! " - @ianaya89 29
Slide 30
Slide 30 text
! Breaking the Binary World with Vue.js ! " - @ianaya89 30
Slide 31
Slide 31 text
! vue-router Single Page Applications Breaking the Binary World with Vue.js ! " - @ianaya89 31
Slide 32
Slide 32 text
! vuex State Management (Flux) Breaking the Binary World with Vue.js ! " - @ianaya89 32
Slide 33
Slide 33 text
! Native & Nuxt.js Server Side Rendering Breaking the Binary World with Vue.js ! " - @ianaya89 33
Slide 34
Slide 34 text
! Native Script & Weex Mobile Native Rendering Breaking the Binary World with Vue.js ! " - @ianaya89 34
Slide 35
Slide 35 text
! Take Away • ! Progressive (Simple & Complex) • " Declarative Rendering • # Component System • $ Great Ecosystem • % Awesome Community Breaking the Binary World with Vue.js ! " - @ianaya89 35
Slide 36
Slide 36 text
Breaking the Binary World with Vue.js ! " - @ianaya89 36
Slide 37
Slide 37 text
Thanks! ! @ianaya89 Breaking the Binary World with Vue.js ! " - @ianaya89 37
Slide 38
Slide 38 text
⁉ Breaking the Binary World with Vue.js ! " - @ianaya89 38