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 FrontEnd Paradigms with Vue.js 🇺🇸
Search
Ignacio Anaya
January 12, 2018
Programming
0
130
Breaking FrontEnd Paradigms with Vue.js 🇺🇸
Ignacio Anaya
January 12, 2018
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
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
470
Datadog Workflow Automation で圧倒的価値提供
showwin
1
160
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
250
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
170
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
1k
楽しく向き合う例外対応
okutsu
0
640
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
230
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
270
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
260
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
190
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
7
4.2k
コードを読んで理解するko build
bells17
1
110
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
51
7.4k
KATA
mclloyd
29
14k
4 Signs Your Business is Dying
shpigford
182
22k
BBQ
matthewcrist
87
9.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
It's Worth the Effort
3n
184
28k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Music & Morning Musume
bryan
46
6.4k
Transcript
!" Breaking FrontEnd Paradigms with Vue.js @ianaya89 Breaking FrontEnd Paradigms
with with Vue.js ! " - @ianaya89 1
! Ignacio Anaya @ianaya89 • Full Stack Developer, Tech Trainer
& Speaker • Ambassador @Auth0 • Organizer @Vuenos_Aires Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 2
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89
3
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89
4
⬇ ~800K / month Breaking FrontEnd Paradigms with with Vue.js
! " - @ianaya89 5
✨ ~ 80K Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 6
!" ~ 340K Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 7
! 74 Repositories Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 8
! Companies Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 9
! Community Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 10
! Why Vue.js? Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 11
! Complexity Inherent vs. Instrumental Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 12
! Inherent The Project Breaking FrontEnd Paradigms with with Vue.js
! " - @ianaya89 13
! Instrumental The Price Breaking FrontEnd Paradigms with with Vue.js
! " - @ianaya89 14
! ! Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 15
❌ ! ! Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 16
✅ ! ! Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 17
! The Progressive Framework • View focused • Core based
• VDOM • Reactive • Components Oriented Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 18
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89
19
! Declarative Rendering Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 20
!" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>
new Vue({ el: '#app', data: function () { return { hello: 'Hello Sandusky ! !' } } }); </script> Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 21
!" <script src="https://unpkg.com/vue"></script> <div id="app"> {{ hello }} </div> <script>
new Vue({ el: '#app', data: function () { return { hello: 'Hello Sandusky ! !' } } }); </script> Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 22
! render() new Vue({ el: '#app', data: function () {
return { hello: 'Hello Sandusky ! !' } } render: function () { return ( <h1>{this.hello}</h1> ) } }) Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 23
! Demo Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 24
! Component System Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 25
! Semantic <main> <top-bar></top-bar> <container> <login-form></login-form> </container> <annoying-banners></annoying-banners> <bottom-bar></bottom-bar> </main>
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 26
! .vue Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 27
♻ Life Cycle Hooks new Vue({ created: function () {
console.log('I am alive ! ') } }); Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 28
☎ Communication • ⬇ Properties Down • ⬆ Events Up
Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 29
! DX Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 30
! vue-cli Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 31
⚙ Dev Tools Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 32
! Demo II Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 33
! vue-router Single Page Applications Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 34
! vuex State Management (Flux) Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 35
! vue-authenticate & vue-auth Authentication & JTW Breaking FrontEnd Paradigms
with with Vue.js ! " - @ianaya89 36
! Native & Nuxt.js Server Side Rendering Breaking FrontEnd Paradigms
with with Vue.js ! " - @ianaya89 37
! Native Script & Weex Mobile Native Rendering Breaking FrontEnd
Paradigms with with Vue.js ! " - @ianaya89 38
! Take Away • ! Progressive (Simple & Complex) •
" Declarative Rendering • # Component System • $ Great Ecosystem • % Awesome Community Breaking FrontEnd Paradigms with with Vue.js ! " - @ianaya89 39
!" Break Paradigms Breaking FrontEnd Paradigms with with Vue.js !
" - @ianaya89 40
Thanks! @ianaya89 Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 41
⁉ Questions? Breaking FrontEnd Paradigms with with Vue.js ! "
- @ianaya89 42
! Links bit.ly/cm-vue bit.ly/cm-demo bit.ly/cm-demo2 Breaking FrontEnd Paradigms with with
Vue.js ! " - @ianaya89 43