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
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
Laravel Boost 超入門
fire_arlo
3
220
Improving my own Ruby thereafter
sisshiki1969
1
160
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
luccafort
PRO
1
160
Tool Catalog Agent for Bedrock AgentCore Gateway
licux
6
2.5k
Namespace and Its Future
tagomoris
6
700
AI時代のUIはどこへ行く?
yusukebe
18
8.9k
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
520
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
530
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
130
AWS発のAIエディタKiroを使ってみた
iriikeita
1
190
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.3k
チームのテスト力を鍛える
goyoki
3
350
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Designing for humans not robots
tammielis
253
25k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
A designer walks into a library…
pauljervisheath
207
24k
What's in a price? How to price your products and services
michaelherold
246
12k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Into the Great Unknown - MozCon
thekraken
40
2k
Done Done
chrislema
185
16k
The Invisible Side of Design
smashingmag
301
51k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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