Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Web using Vue.js

Marshall Shen
October 22, 2016
Technology
1
730

Responsive Web using Vue.js

Introduction to Vue.js framework at Chicago Vue.js meetup

Marshall Shen

October 22, 2016
Tweet

More Decks by Marshall Shen

See All by Marshall Shen
Vue.js API integration with Axios
marshallshen
0
51
Build Functional Pipeline in Rails
marshallshen
0
19
From PoC to MVP
marshallshen
0
55
Productive Programming Habits
marshallshen
0
39
Mentorship Pattern
marshallshen
0
39

Other Decks in Technology

See All in Technology
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
620
Rustで「プリズモイダル法」を利用して「土量計算」をガチでやる
nokonoko1203
1
310
How to do well in consulting–Balkan Ruby 2024
irinanazarova
0
140
自己改善からチームを動かす！ 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
1k
本当のAWS基礎
toru_kubota
1
640
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
710
データベース02: データベースの概念
trycycle
0
180
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
370
ルーターでプレゼンする
puhitaku
1
3.3k
ワールドカフェI ／チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
150
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
37k
AWSに詳しくない人でも始められるコスト最適化ガイド
yuhta28
2
400

Featured

See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Web Components: a chance to create the future
zenorocha
306
41k
Scaling GitHub
holman
457
140k
RailsConf 2023
tenderlove
8
550
Music & Morning Musume
bryan
41
5.6k
Atom: Resistance is Futile
akmur
260
25k
Code Reviewing Like a Champion
maltzj
515
39k
Infographics Made Easy
chrislema
238
18k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
65
14k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
20
1.6k
Done Done
chrislema
178
15k

Transcript

  1. Responsive Web using Vue.js Marshall Shen Chicago Vue.js

  2. None

  3. Outline • Demo • Why Vue.js • Vue object •

    Vue components • Parent-child communication • Future

  4. Demo

  5. Why Vue.js • Easy start • Low commitment • Community

    support

  6. Vue object

  7. Vue object

  8. Start with Vue object

  9. Vue Components

  10. Vue Components

  11. Vue Components

  12. Parent-Child Communication

  13. Parent-Child Communication

  14. Parent-Child Communication

  15. Parent-Child Communication

  16. Future • Better ajax call handling • JS tests •

    Vue 2.0 & Vuex