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
🔎🖖OverVue
Search
Ignacio Anaya
March 22, 2018
Programming
0
67
🔎🖖OverVue
Una recorrida por Vue.js, su historia, comunidad, funcionalidades y todo su ecosistema.
Ignacio Anaya
March 22, 2018
Tweet
Share
More Decks by Ignacio Anaya
See All by Ignacio Anaya
Security is not a feature‼️
ianaya89
2
500
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
290
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
120
Other Decks in Programming
See All in Programming
The Flutter Journey of Building a Live Streaming App — With a Side of Performance Tuning
u503
1
110
CSC305 Lecture 06
javiergs
PRO
0
210
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2k
All About Angular's New Signal Forms
manfredsteyer
PRO
0
100
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
190
私はどうやって技術力を上げたのか
yusukebe
43
18k
Cloudflare AgentsとAI SDKでAIエージェントを作ってみた
briete
0
140
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.5k
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
390
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
640
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
280
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
550
Featured
See All Featured
The Language of Interfaces
destraynor
162
25k
A Tale of Four Properties
chriscoyier
160
23k
The Invisible Side of Design
smashingmag
301
51k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
The World Runs on Bad Software
bkeepers
PRO
71
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Context Engineering - Making Every Token Count
addyosmani
5
220
Transcript
!" OverVue @ianaya89 ! " OverVue - @ianaya89 1
! Ignacio Anaya @ianaya89 • Full Stack Developer, Tech Trainer
& Speaker • @Auth0 Ambassador • Organizador @Vuenos_Aires ! " OverVue - @ianaya89 2
! Si, otro Framework MV* ! " OverVue - @ianaya89
3
! " OverVue - @ianaya89 4
! " OverVue - @ianaya89 5
! " OverVue - @ianaya89 6
! v2.5.16 ! " OverVue - @ianaya89 7
⬇ ~375K / semanales ! " OverVue - @ianaya89 8
⭐ ~ 87K ! " OverVue - @ianaya89 9
!" ~ 410K ! " OverVue - @ianaya89 10
! 82 Repositorios ! " OverVue - @ianaya89 11
! Empresas ! " OverVue - @ianaya89 12
! Comunidad ! " OverVue - @ianaya89 13
! Filosofia Vue.js ! " OverVue - @ianaya89 14
! Complejidad Inherente vs. Instrumental ! " OverVue - @ianaya89
15
! Inherente El Proyecto ! " OverVue - @ianaya89 16
! Instrumental El Precio ! " OverVue - @ianaya89 17
! ! ! " OverVue - @ianaya89 18
❌ ! ! ! " OverVue - @ianaya89 19
✅ ! ! ! " OverVue - @ianaya89 20
! El Framework Progresivo • Vista • Core • VDOM
• Reac0vo • Web Components ! " OverVue - @ianaya89 21
! " OverVue - @ianaya89 22
! Declara(ve Rendering ! " OverVue - @ianaya89 23
!" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>
new Vue({ el: '#app', data: function () { return { hello: 'Hola @PHPBaires!' } } }); </script> ! " OverVue - @ianaya89 24
!" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>
new Vue({ el: '#app', data: function () { return { hello: 'Hola @PHPBaires!' } } }); </script> ! " OverVue - @ianaya89 25
! render() new Vue({ el: '#app', data: function () {
return { hello: 'Hola @PHPBaires!' } } render: function () { return ( <h1>{this.hello}</h1> ) } }) ! " OverVue - @ianaya89 26
! Demo ! " OverVue - @ianaya89 27
! Component System ! " OverVue - @ianaya89 28
! Seman'ca <main> <top-bar></top-bar> <container> <login-form></login-form> </container> <annoying-banners></annoying-banners> <bottom-bar></bottom-bar> </main>
! " OverVue - @ianaya89 29
! .vue ! " OverVue - @ianaya89 30
♻ Life Cycle Hooks new Vue({ created: function () {
console.log('I am alive ') }, mounted: function () { console.log('I am mounted ') }, }); ! " OverVue - @ianaya89 31
♻ Life Cycle Hooks new Vue({ created: function () {
console.log('I am alive ') }, mounted: function () { console.log('I am mounted ') }, }); ! " OverVue - @ianaya89 32
☎ Comunicación • ⬇ Propiedades Abajo • ⬆ Eventos Arriba
! " OverVue - @ianaya89 33
! DX ! " OverVue - @ianaya89 34
! vue-cli ! " OverVue - @ianaya89 35
⚙ Dev Tools ! " OverVue - @ianaya89 36
! Demo II ! " OverVue - @ianaya89 37
! vue-router Single Page Applica-ons ! " OverVue - @ianaya89
38
! vuex State Management (Flux) ! " OverVue - @ianaya89
39
! vue-authen*cate & vue-auth Authen'ca'on & JTW ! " OverVue
- @ianaya89 40
! Na$ve & Nuxt.js Server Side Rendering ! " OverVue
- @ianaya89 41
! Na$ve Script & Weex Mobile Na*ve Rendering ! "
OverVue - @ianaya89 42
! Take Away • ! Progresivo (Simple y Complejo) •
" Declara7ve Rendering • # Component System • $ Ecosistema Completo • % Gran Community ! " OverVue - @ianaya89 43
! " OverVue - @ianaya89 44
! Workshop Vue.js ! github.com/ianaya89/workshop-vuejs ! " OverVue - @ianaya89
45
! " OverVue - @ianaya89 46
! Vuenos Aires ! vuenosair.es ! " OverVue - @ianaya89
47
Gracias! @ianaya89 ! " OverVue - @ianaya89 48
⁉ Preguntas? ! " OverVue - @ianaya89 49
! Links bit.ly/ln-vue bit.ly/ln-demo bit.ly/ln-demo2 ! " OverVue - @ianaya89
50