網站架構

h1. Website 架構總覽

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

• https://www.coursera.org/learn/html-css-javascript-for-web-developers

• https://lidemy.teachable.com/p/frontend-intermediate-course (從最基本的 HTML, CSS 開始，經由各種實際案例慢慢講到與前端有關的其他知識例如 Ajax, CORS, gulp, webpack)

h1. HTML & CSS

• https://www.codecademy.com/learn/web (必修)

• https://maintainablecss.com/

h1. JavaScript

• https://www.codecademy.com/learn/javascript (必修)

• https://www.codecademy.com/learn/learn-javascript

"測試：JS 百題斬":https://docs.google.com/forms/d/e/1FAIpQLSdudYLHqU06XIGCEU1lq-HbUfG-dAnfSf37HQDn6j1oeQllDg/viewform?c=0&w=1

"挑戰：Javascript 30":https://javascript30.com/

"JS Tips: 開發上的小技巧":http://www.jstips.co/zh_TW/javascript/

"前端效能調校基礎":https://tom76kimo.github.io/blog/2017/06/11/%E5%89%8D%E7%AB%AF%E6%95%88%E8%83%BD%E8%AA%BF%E6%A0%A1/

h1. 其他

使用 Jekyll 產生靜態網站並部署到 GitHub Page：

• https://www.codecademy.com/learn/deploy-a-website

Chrome Dev Tools 開發者工具

• https://pjchender.blogspot.tw/2017/06/chrome-dev-tools.html