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
Breaking The Binary World with Vue.js (EE)
Search
Ignacio Anaya
November 16, 2017
Programming
0
100
Breaking The Binary World with Vue.js (EE)
Ignacio Anaya
November 16, 2017
Tweet
Share
More Decks by Ignacio Anaya
See All by Ignacio Anaya
Security is not a feature‼️
ianaya89
2
410
Rompiendo Paradigmas Otra Vuez! 🔨📜3️⃣
ianaya89
0
110
Security is not a feature!
ianaya89
1
310
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
86
What's next in Vue 3? 🖖 3️⃣
ianaya89
0
240
Vue.js, PWA & The Subway Dilemma
ianaya89
0
140
PWA with PWF
ianaya89
0
69
Decentralizing the Web with JavaScript
ianaya89
0
96
hey-devs-time-to-care-about-web-apps-security.pdf
ianaya89
0
73
Other Decks in Programming
See All in Programming
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
680
Micro Frontends for Java Microservices - Utah JUG 2024
mraible
PRO
1
110
slow types ってなんだろう?
karad
0
110
Native Federation: The Future of Micro Frontends in Angular
manfredsteyer
PRO
0
110
Going beyond Apache Parquet's default settings
xhochy
0
130
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
400
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
900
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
200
PHPはいつから死んでいるかの調査
chiroruxx
2
420
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
140
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
450
Git Lint
bkuhlmann
4
760
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
26
5.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
12
1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
Six Lessons from altMBA
skipperchong
22
3k
What the flash - Photography Introduction
edds
64
11k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Raft: Consensus for Rubyists
vanstee
133
6.3k
How GitHub (no longer) Works
holman
305
140k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
In The Pink: A Labor of Love
frogandcode
138
21k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
Transcript
Breaking the Binary World with Vue.js !" @ianaya89 Breaking the
Binary World with Vue.js ! " - @ianaya89 1
Nacho Anaya @ianaya89 • Full Stack Developer, Tech Trainer &
Speaker • Ambassador @Auth0 • Organizer @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
⬇ ~940K / month Breaking the Binary World with Vue.js
! " - @ianaya89 5
✨ ~ 74K Breaking the Binary World with Vue.js !
" - @ianaya89 6
!" ~ 300K Breaking the Binary World with Vue.js !
" - @ianaya89 7
! 73 Oficial Repos Breaking the Binary World with Vue.js
! " - @ianaya89 8
! Companies Breaking the Binary World with Vue.js ! "
- @ianaya89 9
! Community Breaking the Binary World with Vue.js ! "
- @ianaya89 10
! Why Vue.js? Breaking the Binary World with Vue.js !
" - @ianaya89 11
! Complexity Inherent vs. Instrumental Breaking the Binary World with
Vue.js ! " - @ianaya89 12
! Inherent The Project Breaking the Binary World with Vue.js
! " - @ianaya89 13
! Instrumental The Price 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
! The Progressive Framework • View focused • Core based
• VDOM • Reactive • Components Oriented Breaking the Binary World with Vue.js ! " - @ianaya89 17
Breaking the Binary World with Vue.js ! " - @ianaya89
18
! Declarative Rendering 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: 'Hello Tallinn ! !' } } }); </script> Breaking the Binary World with Vue.js ! " - @ianaya89 20
! render() new Vue({ el: '#app', data() { return {
hello: 'Hello Tallinn ! !' } }, render(h) { return ( <h1>{this.hello}</h1> ) } }) Breaking the Binary World with Vue.js ! " - @ianaya89 21
! Component System Breaking the Binary World with Vue.js !
" - @ianaya89 22
! Semantic <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
☎ Communication • ⬇ Properties Down • ⬆ Events Up
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
! Show 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 • ! Progressive (Simple & Complex) •
" Declarative Rendering • # Component System • $ Great Ecosystem • % Awesome Community Breaking the Binary World with Vue.js ! " - @ianaya89 35
Breaking the Binary World with Vue.js ! " - @ianaya89
36
Thanks! @ianaya89 Breaking the Binary World with Vue.js ! "
- @ianaya89 37