相關資源

Bootstrap Templates

• Start Bootstrap

  • http://startbootstrap.com/

• HTML5 UP

  • http://html5up.net/


---

案例實作

• 個人網站 - Template 來源

  • http://txpthemes.com/agency/

• 個人網站 - 下載連結( github )

  • https://github.com/AnnaSu/vue-base-demo

• 個人網站 - 範例 1 - 改變顯示文字

  • 練習：http://jsbin.com/xaqubag/1/edit?html,output
  • 完成：http://jsbin.com/xaqubag/4/edit?html,js,output

• 個人網站 - 範例 2 - 替換圖片來源

  • 練習：http://jsbin.com/sagoviq/1/edit?html,js,output
  • 完成：http://jsbin.com/sagoviq/3/edit?html,js,output

• 個人網站 - 範例 3 - 資料列表

  • 練習：http://jsbin.com/jolicu/1/edit?html,js,output
  • 完成：http://jsbin.com/jolicu/3/edit?html,js,output

• 個人網站 - 範例 4 - 基本表單輸入

  • 練習：http://jsbin.com/qexaguv/1/edit?html,js,output
  • 完成：http://jsbin.com/qexaguv/2/edit?html,js,output

• 個人網站 - 補充範例 1

  • http://jsbin.com/cehiduc/edit?html,js,output

• 個人網站 - 補充範例 2

  • http://jsbin.com/fajume/edit?html,js,output

未來應用

• Apps Built on Electron

  • https://electron.atom.io/apps/

• Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016

  • https://youtu.be/cmGr0RszHc8?t=4m25s

• Build the Next Generation Mobile Web

  • https://www.youtube.com/watch?v=3tb-1MWg44Y

• Webduino - 川普頭髮好好玩 ( 超音波傳感器、聲音偵測傳感器 )

  • https://www.youtube.com/watch?v=WSJksNkXUm4