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
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
140
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
110
Other Decks in Programming
See All in Programming
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
420
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
640
dbt民主化とLLMによる開発ブースト ~ AI Readyな分析サイクルを目指して ~
yoshyum
3
1k
XP, Testing and ninja testing
m_seki
3
240
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
700
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
170
AIともっと楽するE2Eテスト
myohei
6
2.6k
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
280
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
220
PipeCDのプラグイン化で目指すところ
warashi
1
270
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
Goで作る、開発・CI環境
sin392
0
230
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Adopting Sorbet at Scale
ufuk
77
9.5k
Unsuck your backbone
ammeep
671
58k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Raft: Consensus for Rubyists
vanstee
140
7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
970
Building Applications with DynamoDB
mza
95
6.5k
Done Done
chrislema
184
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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