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

Responsive Web using Vue.js

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Marshall Shen Marshall Shen
October 22, 2016
Technology
1
740

Responsive Web using Vue.js

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

Avatar for Marshall Shen

Marshall Shen

October 22, 2016
Tweet

More Decks by Marshall Shen

See All by Marshall Shen
Vue.js API integration with Axios
Avatar for Marshall Shen marshallshen
0
67
Build Functional Pipeline in Rails
Avatar for Marshall Shen marshallshen
0
32
From PoC to MVP
Avatar for Marshall Shen marshallshen
0
73
Productive Programming Habits
Avatar for Marshall Shen marshallshen
0
59
Mentorship Pattern
Avatar for Marshall Shen marshallshen
0
51

Other Decks in Technology

See All in Technology
非情報系研究者へ送る Transformer入門
Avatar for Ryo Ishiyama rishiyama
13
8.3k
Goのerror型がシンプルであることの恩恵について理解する
Avatar for yamatai12 yamatai1212
1
190
複数クラスタ運用と検索の高度化：ビズリーチにおけるElastic活用事例 / ElasticON Tokyo2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
170
"作る"から"使われる"へ：Backstage 活用の現在地
Avatar for SoftBank Tech Night sbtechnight
0
180
Postman v12 で変わる API開発ワークフロー (Postman v12 アップデート) / New API development workflow with Postman v12
Avatar for Yoichi Kawasaki yokawasa
0
140
WebアクセシビリティをCI/CDで担保する ― axe DevTools × Playwright C#実践ガイド
Avatar for tomokusaba tomokusaba
2
120
TypeScript 7.0の現在地と備え方
Avatar for uhyo uhyo
7
1.7k
組織全体で実現する標準監視設計
Avatar for Yuto Obayashi yuobayashi
3
490
Google系サービスで文字起こしから勝手にカレンダーを埋めるエージェントを作った話
Avatar for RisaTube risatube
0
190
The_Evolution_of_Bits_AI_SRE.pdf
Avatar for 株式会社ヌーラボ nulabinc
PRO
0
240
Cortex Code CLI と一緒に進めるAgentic Data Engineering
Avatar for あれ __allllllllez__
0
410
情シスのための生成AI実践ガイド2026 / Generative AI Practical Guide for Business Technology 2026
Avatar for Akira Maeda glidenote
0
280

Featured

See All Featured
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
320
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
200
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
33k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
640
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
170
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k

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