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
270
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
97
Other Decks in Programming
See All in Programming
昭和の職場からアジャイルの世界へ
kumagoro95
1
410
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
4
920
Go 1.24でジェネリックになった型エイリアスの紹介
syumai
2
260
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
490
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
290
ナレッジイネイブリングにAIを活用してみる ゆるSRE勉強会 #9
nealle
0
130
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
130
『GO』アプリ データ基盤のログ収集システムコスト削減
mot_techtalk
0
140
技術を改善し続ける
gumioji
0
110
ARA Ansible for the teams
kksat
0
170
『品質』という言葉が嫌いな理由
korimu
0
180
Open source software: how to live long and go far
gaelvaroquaux
0
650
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Optimizing for Happiness
mojombo
376
70k
Writing Fast Ruby
sferik
628
61k
Automating Front-end Workflow
addyosmani
1368
200k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Making Projects Easy
brettharned
116
6k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Designing Experiences People Love
moore
140
23k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
Visualization
eitanlees
146
15k
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