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

Responsive Web using Vue.js

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
63
Build Functional Pipeline in Rails
Avatar for Marshall Shen marshallshen
0
31
From PoC to MVP
Avatar for Marshall Shen marshallshen
0
72
Productive Programming Habits
Avatar for Marshall Shen marshallshen
0
57
Mentorship Pattern
Avatar for Marshall Shen marshallshen
0
49

Other Decks in Technology

See All in Technology
20260208_第66回 コンピュータビジョン勉強会
Avatar for KeiichiIto1978 keiichiito1978
0
110
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.3k
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
920
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
130
Amazon Bedrock Knowledge Basesチャンキング解説！
Avatar for 野口碧生 aoinoguchi
0
130
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
190
【Oracle Cloud ウェビナー】[Oracle AI Database + AWS] Oracle Database@AWSで広がるクラウドの新たな選択肢とAI時代のデータ戦略
Avatar for oracle4engineer oracle4engineer
PRO
1
130
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
150
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
3k
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110

Featured

See All Featured
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
180
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
99
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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