Lecture

• 第 1 週 : 簡介 -- github/fork/陳鍾誠的電子書/菜鳥教程/vscode
  • 先調查學過 HTML 的有多少 ....
  • HTML -- http://www.runoob.com/html/html-tutorial.html (範例/link/img/table/form/.../)
  • markdown
• 第 2 週 : HTML -- git clone/add/commit/push/
  • 先不用看 HTML5 的部分，但是可以看 audio/video 標記，其他部份等學會 JavaScript 再看！
• 第 3 週 : CSS -- style/link/div/transform/a:hover/....
  • http://www.runoob.com/css/css-tutorial.html (可以連 CSS3 一起看,先看到『偽元素』 -- 『導航欄』放下週)
• 第 4 週 : CSS 樣板 -- Bootstrap, PureCSS, Font-Awesome
  • http://www.runoob.com/css/css-tutorial.html (從『導航欄』開始)
  • http://www.runoob.com/bootstrap4/bootstrap4-tutorial.html
  • 看 bootstrap 4 就好， bootstrap 3 已經過時了！
  • https://github.com/cccbook/web/tree/master/example/03-bootstrap
  • http://www.runoob.com/font-awesome/fontawesome-tutorial.html
• 第 5 週 : 基礎 JavaScript
  • JavaScript 菜鳥教程
  • Chrome 開發人員工具示範
  • Node.js 開發環境
  • https://misavo.com/view/jsh/ (1-5 章)
  • http://www.runoob.com/nodejs/nodejs-tutorial.html
• 第 6 週 : Node.js -- JSON 與 物件
  • http://www.runoob.com/js/js-tutorial.html
  • https://misavo.com/view/jsh/ (6-7 章)
  • https://github.com/cccbook/web/tree/master/example/04-nodejs
  • http://www.runoob.com/nodejs/nodejs-tutorial.html
• 第 7 週 : DOM+JS 1 -- DOM 與 HTML 中的 JavaScript 物件
  • http://www.runoob.com/htmldom/htmldom-tutorial.html
  • http://www.runoob.com/json/json-tutorial.html
  • https://github.com/cccbook/web/tree/master/example/05-vanillajs
• 第 8 週 : DOM+JS 2 -- (又稱為 Vanilla.js)
  • http://vanilla-js.com/
  • https://gist.github.com/joyrexus/7307312
• 第 9 週 : 期中考
• 第 10 週 : jQuery -- 主要用來查詢 DOM 的函式庫
  • https://gist.github.com/joyrexus/7307312
  • http://www.runoob.com/jquery/jquery-tutorial.html
  • https://github.com/cccbook/web/tree/master/example/08-jquery
• 第 11 週 : Canvas - 繪圖
• 第 12 週 : Electron.js -- 用 HTML/CSS/JavaScript 寫桌面程式
  • https://github.com/cccbook/web/tree/master/example/05-electronjs
• 第 13 週 : Firebase -- 讓網頁也可以儲存資料，不須架網站。
  • https://github.com/cccbook/web/tree/master/example/09-firebase
• 第 14 週 : JavaScript 進階
• 第 15 週 : ES6 新語法
• 第 16 週 : 期末專案繳交
• 第 17 週 : 期末專案繳交
• 第 18 週 : 期末專案繳交