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
180
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
460
Rompiendo Paradigmas Otra Vuez! 🔨📜3️⃣
ianaya89
0
130
Security is not a feature!
ianaya89
1
330
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
110
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
260
Vue.js, PWA & The Subway Dilemma
ianaya89
0
170
PWA with PWF
ianaya89
0
69
Decentralizing the Web with JavaScript
ianaya89
0
120
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
96
Other Decks in Programming
See All in Programming
Java Webフレームワークの現状 / java web framework at burikaigi
kishida
9
2.2k
定理証明プラットフォーム lapisla.net
abap34
1
1.7k
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.8k
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
230
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
GAEログのコスト削減
mot_techtalk
0
110
Spring gRPC について / About Spring gRPC
mackey0225
0
220
CI改善もDatadogとともに
taumu
0
110
Featured
See All Featured
Site-Speed That Sticks
csswizardry
3
370
A designer walks into a library…
pauljervisheath
205
24k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Making Projects Easy
brettharned
116
6k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
How to Ace a Technical Interview
jacobian
276
23k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
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