前端技術學習資源

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

免費資源

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

2. HTML Template

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

選到喜歡的網頁,下載程式碼 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

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

社群活動與可追蹤的資源

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

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

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

(如有想到再補充)

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.