Thanks to visit codestin.com
Credit goes to github.com

Lecture

Jump to bottom

陳鍾誠 edited this page Feb 14, 2019 · 4 revisions

第 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 與物件
第 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/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 週 : 期末專案繳交

陳鍾誠於金門大學資訊工程系