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
66
🔎🖖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
490
Rompiendo Paradigmas Otra Vuez! 🔨📜3️⃣
ianaya89
0
140
Security is not a feature!
ianaya89
1
350
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
120
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
280
Vue.js, PWA & The Subway Dilemma
ianaya89
0
190
PWA with PWF
ianaya89
0
69
Decentralizing the Web with JavaScript
ianaya89
0
130
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
110
Other Decks in Programming
See All in Programming
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
340
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
Discover Metal 4
rei315
2
110
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
260
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
340
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
1
4.3k
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
400
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
590
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
220
CursorはMCPを使った方が良いぞ
taigakono
1
220
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
A Tale of Four Properties
chriscoyier
160
23k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
240
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
How to train your dragon (web standard)
notwaldorf
94
6.1k
Adopting Sorbet at Scale
ufuk
77
9.4k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Making Projects Easy
brettharned
116
6.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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