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
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
110
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
SwiftUI Viewの責務分離
elmetal
PRO
0
140
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
120
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
730
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
Unity Android XR入門
sakutama_11
0
140
[JAWS-UG横浜 #79] re:Invent 2024 の DB アップデートは Multi-Region!
maroon1st
1
140
ARA Ansible for the teams
kksat
0
150
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
Spring gRPC について / About Spring gRPC
mackey0225
0
220
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
50
11k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Why Our Code Smells
bkeepers
PRO
335
57k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Building Adaptive Systems
keathley
40
2.4k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Building Applications with DynamoDB
mza
93
6.2k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Fireside Chat
paigeccino
34
3.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
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