Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Breaking FrontEnd Paradigms with Vue.js ๐บ๐ธ
Search
Ignacio Anaya
January 12, 2018
Programming
0
130
Breaking FrontEnd Paradigms with Vue.jsย ๐บ๐ธ
Ignacio Anaya
January 12, 2018
Tweet
Share
More Decks by Ignacio Anaya
See All by Ignacio Anaya
Security is not a featureโผ๏ธ
ianaya89
2
490
Rompiendo Paradigmas Otra Vuez! ๐จ๐3๏ธโฃ
ianaya89
0
140
Security is not a feature!
ianaya89
1
360
What's next in Vue 3? ๐ 3๏ธโฃ
ianaya89
0
130
What's next in Vue 3? ๐ 3๏ธโฃ
ianaya89
0
280
Vue.js, PWA & The Subway Dilemma
ianaya89
0
200
PWA with PWF
ianaya89
0
69
Decentralizing the Web with JavaScript
ianaya89
0
140
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
110
Other Decks in Programming
See All in Programming
ใใใฑใผใธ่จญ่จใฎ้ป้ญ่ก/Kyoto.go#63
lufia
3
440
ใในใใซใใฌใใธ100%ใ10ๅนด็ถใใฆๅพใใใๅญฆใณใจๅ่ณช
mottyzzz
2
610
print("Hello, World")
eddie
2
530
CJK and Unicode From a PHP Committer
youkidearitai
PRO
0
110
ใใใกใใฃใจใใRubyใใญใใกใคใฉใไฝใใใ (2025)
osyoyu
1
460
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
420
AI Agents: How Do They Work and How to Build Them @ Shift 2025
slobodan
0
110
ๆฅฝใใฆๆๆใๅบใใใใฎใปใซใใชใฝใผใน็ฎก็
clipnote
0
190
testingใ็บใใ
matumoto
1
140
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
710
ใใผใ ใฎใในใๅใ้ใใ
goyoki
3
930
ใๆ่ปฝใงไพฟๅฉใใซๆฝใ็ฝ ใ Popover API ใ WCAG 2.2ใฎ่ฆ็นใงๅฎๅ จใซไฝฟใใซใฏ
taitotnk
0
870
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Practical Orchestrator
shlominoach
190
11k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
Side Projects
sachag
455
43k
The Invisible Side of Design
smashingmag
301
51k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.9k
Context Engineering - Making Every Token Count
addyosmani
3
62
For a Future-Friendly Web
brad_frost
180
9.9k
Transcript
!" Breaking FrontEnd Paradigms with Vue.js @ianaya89 Breaking FrontEnd Paradigms
with with Vue.js ! " - @ianaya89 1
! Ignacio Anaya @ianaya89 โข Full Stack Developer, Tech Trainer
& Speaker โข Ambassador @Auth0 โข Organizer @Vuenos_Aires Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 2
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89
3
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89
4
โฌ ~800K / month Breaking FrontEnd Paradigms with with Vue.js
! " - @ianaya89 5
โจ ~ 80K Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 6
!" ~ 340K Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 7
! 74 Repositories Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 8
! Companies Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 9
! Community Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 10
! Why Vue.js? Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 11
! Complexity Inherent vs. Instrumental Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 12
! Inherent The Project Breaking FrontEnd Paradigms with with Vue.js
! " - @ianaya89 13
! Instrumental The Price Breaking FrontEnd Paradigms with with Vue.js
! " - @ianaya89 14
! ! Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 15
โ ! ! Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 16
โ ! ! Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 17
! The Progressive Framework โข View focused โข Core based
โข VDOM โข Reactive โข Components Oriented Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 18
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89
19
! Declarative Rendering Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 20
!" <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
!" <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
! 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
! Demo Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 24
! Component System Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 25
! Semantic <main> <top-bar></top-bar> <container> <login-form></login-form> </container> <annoying-banners></annoying-banners> <bottom-bar></bottom-bar> </main>
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 26
! .vue Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 27
โป Life Cycle Hooks new Vue({ created: function () {
console.log('I am alive ! ') } }); Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 28
โ Communication โข โฌ Properties Down โข โฌ Events Up
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 29
! DX Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 30
! vue-cli Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 31
โ Dev Tools Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 32
! Demo II Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 33
! vue-router Single Page Applications Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 34
! vuex State Management (Flux) Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 35
! vue-authenticate & vue-auth Authentication & JTW Breaking FrontEnd Paradigms
with with Vue.js ! " - @ianaya89 36
! Native & Nuxt.js Server Side Rendering Breaking FrontEnd Paradigms
with with Vue.js ! " - @ianaya89 37
! Native Script & Weex Mobile Native Rendering Breaking FrontEnd
Paradigms with with Vue.js ! " - @ianaya89 38
! Take Away โข ! Progressive (Simple & Complex) โข
" Declarative Rendering โข # Component System โข $ Great Ecosystem โข % Awesome Community Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 39
!" Break Paradigms Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 40
Thanks! @ianaya89 Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 41
โ Questions? Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 42
! Links bit.ly/cm-vue bit.ly/cm-demo bit.ly/cm-demo2 Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 43