Lecture - cccnqu/wd106b GitHub Wiki

第 1 週 : 簡介 -- github/wd106b/陳鍾誠的電子書/菜鳥教程/vscode/markdown
第 2 週 : HTML -- git clone/add/commit/push/當場寫 HTML 標記範例/link/img/table/form/.../
- http://www.runoob.com/html/html-tutorial.html
- 先不用看 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/cccnqu/wd106b/tree/master/example/03-bootstrap
- http://www.runoob.com/font-awesome/fontawesome-tutorial.html
第 5 週 : 基礎 JavaScript
- JavaScript 菜鳥教程
- Chrome 開發人員工具示範
- Node.js 開發環境
- https://mdbookspace.com/view/jsh/ (1-5 章)
- https://github.com/cccnqu/wd106b/tree/master/example/04-nodejs
- http://www.runoob.com/nodejs/nodejs-tutorial.html
第 6 週 : Node.js -- JSON 與物件
第 7 週 : DOM+JS 1 -- DOM 與 HTML 中的 JavaScript 物件
第 8 週 : DOM+JS 2 -- (又稱為 Vanilla.js)
- http://vanilla-js.com/
- https://gist.github.com/joyrexus/7307312
第 9 週 : 期中考
第 10 週 : jQuery -- 主要用來查詢 DOM 的函式庫
第 11 週 : Canvas - 繪圖
第 12 週 : Electron.js -- 用 HTML/CSS/JavaScript 寫桌面程式
- https://github.com/cccnqu/wd106b/tree/master/example/05-electronjs
第 13 週 : Firebase -- 讓網頁也可以儲存資料，不須架網站。
- https://github.com/cccnqu/wd106b/tree/master/example/09-firebase
第 14 週 : Vue.js 1 -- 先進的前端單頁應用框架
- http://www.runoob.com/vue2/vue-tutorial.html
- https://github.com/cccnqu/wd106b/tree/master/example/10-vuejs
第 15 週 : Vue.js 2 -- vue init webpack (project)
- http://www.runoob.com/vue2/vue-tutorial.html
- https://github.com/cccnqu/wd106b/tree/master/example/10-vuejs
第 16 週 : Vue.js 3 -- vue firebase blog
- http://www.runoob.com/vue2/vue-tutorial.html
- https://github.com/cccnqu/wd106b/tree/master/example/10-vuejs
第 17 週 : 期末專案繳交
第 18 週 : 期末專案繳交