前端技術學習資源

前端技術主要由畫面呈現 HTML(.html)、樣式設計 CSS(.css)、前端程式Javascript(.js) 三種為主，許多前端技術依照檔案別就可以判斷是哪種類型。

免費資源

1. w3cschool 是教學網站，前端所有方法，都可以在網頁上看到如何呈現。

W3Schools Online Web Tutorials

2. HTML Template

上網搜尋 free html template 找到許多自由版權的範本，網頁有示範，喜歡樣式可以下載看裡面寫的程式怎麼寫

Download 2542 Free Website Templates — CSS & HTML | Free CSS

選到喜歡的網頁，下載程式碼 Download

Source by http://www.free-css.com/free-css-templates/page212/clean

解開壓縮檔

index.html 通常都是主要網頁，用瀏覽器點開此檔案可以看到。

其他可以看到不同的資料夾 css、js 分別放 .css 和 .js 檔案，這些檔案可以用記事本打開，但因為沒有標色，會不太好看。建議可以下載文字編譯器(text editor)，網路上有許多種編譯器，可選擇喜歡的。我個人是用 Sublime Text

3. Interneting Is Hard

免費資源，介面清新，容易閱讀。

Interneting Is Hard

社群活動與可追蹤的資源

社群： Ladies that UX Taipei 網站和臉書、g0v 實際加入專案貢獻所長、coscup 開源年會可看其他人在做什麼專案

中文：蔡志浩老師和UiGathering (2016 年台灣使用者經驗設計產業與工作者調查報告)、Jeremy CF Lin、子龍、Akane Lee

英文：Adham Dannaway、Information Is Beautiful 網站和臉書

（如有想到再補充）