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
Workshop: Rompiendo el Mundo Binario con Vue.js
Search
Ignacio Anaya
December 03, 2017
Programming
0
190
Workshop: Rompiendo el Mundo Binario con Vue.js
Ignacio Anaya
December 03, 2017
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
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
640
CSC305 Lecture 02
javiergs
PRO
1
260
Swift Concurrency - 状態監視の罠
objectiveaudio
2
320
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
230
Advance Your Career with Open Source
ivargrimstad
0
230
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
2.6k
Current States of Java Web Frameworks at JCConf 2025
kishida
0
540
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
riseshia
0
140
CSC509 Lecture 03
javiergs
PRO
0
320
Swiftビルド弾丸ツアー - Swift Buildが作る新しいエコシステム
giginet
PRO
0
1.6k
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
shino8rayu9
0
120
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
660
Featured
See All Featured
Side Projects
sachag
455
43k
Code Review Best Practice
trishagee
72
19k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Rails Girls Zürich Keynote
gr2m
95
14k
Building Applications with DynamoDB
mza
96
6.6k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Optimizing for Happiness
mojombo
379
70k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Transcript
Workshop: Rompiendo el Mundo Binario con Vue.js !" @ianaya89 Breaking
the Binary World with Vue.js ! " - @ianaya89 1
! Nacho Anaya @ianaya89 • Full Stack Developer, Tech Trainer
& Speaker • Embajador @Auth0 • Organizador @Vuenos_Aires Breaking the Binary World with Vue.js ! " - @ianaya89 2
Breaking the Binary World with Vue.js ! " - @ianaya89
3
Breaking the Binary World with Vue.js ! " - @ianaya89
4
⬇ ~1M / month Breaking the Binary World with Vue.js
! " - @ianaya89 5
✨ ~ 75K Breaking the Binary World with Vue.js !
" - @ianaya89 6
!" ~ 300K Breaking the Binary World with Vue.js !
" - @ianaya89 7
! 73 Repositorios Breaking the Binary World with Vue.js !
" - @ianaya89 8
! Empresas Breaking the Binary World with Vue.js ! "
- @ianaya89 9
! Comunidad Breaking the Binary World with Vue.js ! "
- @ianaya89 10
! Por Qué Vue.js? Breaking the Binary World with Vue.js
! " - @ianaya89 11
! Complegidad > Inherente vs. Instrumental Breaking the Binary World
with Vue.js ! " - @ianaya89 12
! Inherente > El Proyecto Breaking the Binary World with
Vue.js ! " - @ianaya89 13
! Instrumental > El Precio Breaking the Binary World with
Vue.js ! " - @ianaya89 14
! ! Breaking the Binary World with Vue.js ! "
- @ianaya89 15
! ! Breaking the Binary World with Vue.js ! "
- @ianaya89 16
! El Framework Progresivo • Vista • Core • VDOM
• Reactivo • Componentes Breaking the Binary World with Vue.js ! " - @ianaya89 17
Breaking the Binary World with Vue.js ! " - @ianaya89
18
! Rendering Declarativo Breaking the Binary World with Vue.js !
" - @ianaya89 19
!" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>
new Vue({ el: '#app', data: function() { return { hello: 'Hola FreeCodeCamp!' } } }); </script> Breaking the Binary World with Vue.js ! " - @ianaya89 20
! render() new Vue({ el: '#app', data() { return {
hello: 'Hola FreeCodeCamp!' } }, render(h) { return ( <h1>{this.hello}</h1> ) } }) Breaking the Binary World with Vue.js ! " - @ianaya89 21
! Sistema de Componentes Breaking the Binary World with Vue.js
! " - @ianaya89 22
! Semantica <main> <top-bar></top-bar> <container> <login-form></login-form> </container> <annoying-banners></annoying-banners> <bottom-bar></bottom-bar> </main>
Breaking the Binary World with Vue.js ! " - @ianaya89 23
! .vue Breaking the Binary World with Vue.js ! "
- @ianaya89 24
♻ Life Cycle Hooks new Vue({ created: function() { console.log('I
am alive ') } }); Breaking the Binary World with Vue.js ! " - @ianaya89 25
☎ Comunicación • ⬇ Propiedades Abajo • ⬆ Eventos Arriba
Breaking the Binary World with Vue.js ! " - @ianaya89 26
! DX Breaking the Binary World with Vue.js ! "
- @ianaya89 27
! vue-cli Breaking the Binary World with Vue.js ! "
- @ianaya89 28
! Dev Tools Breaking the Binary World with Vue.js !
" - @ianaya89 29
! Work Shop Time Breaking the Binary World with Vue.js
! " - @ianaya89 30
! vue-router > Single Page Applications Breaking the Binary World
with Vue.js ! " - @ianaya89 31
! vuex > State Management (Flux) Breaking the Binary World
with Vue.js ! " - @ianaya89 32
! Native & Nuxt.js > Server Side Rendering Breaking the
Binary World with Vue.js ! " - @ianaya89 33
! Native Script & Weex > Mobile Native Rendering Breaking
the Binary World with Vue.js ! " - @ianaya89 34
! Take Away • ! Progresivo (Simple & Complejo) •
" Rendering Declarativo • # Sistema de Componentes • $ Ecosistema muy amplio • % Una gran comunidad Breaking the Binary World with Vue.js ! " - @ianaya89 35
Breaking the Binary World with Vue.js ! " - @ianaya89
36
Gracias! @ianaya89 Breaking the Binary World with Vue.js ! "
- @ianaya89 37