Jialin

網路上有許多教程式撰寫、web開發的開放性的課程，

其中，互動式課程很推薦在 codecademy 學習，

能夠快速地學習新的程式語言的syntax。

筆者最近發現了 freeCodeCamp 這個學習網頁開發的好地方，

課程分為許多主題，像是：網頁前端開發、資料視覺化、網頁後端開發......等，

每一主題下再分類成許多小主題，如此學起來很有系統。

最近從該網站的網頁前端開發開始學起，

內容有 HTML, CSS, Bootstrap, jQuery, JavaScript, JSON......等，

（筆者最後一次碰HTML是大一的時候啦，遠目......）
 

很特別的是當課程上到某一段落，會請你製作一個 Project，

這樣可以檢視自己的學習與累積一些小作品，

並且是放在 CodePen 上，CodePen 是該網站介紹的一個前端網頁的練習場，

正如CodePen首頁所寫：

CodePen is a playground for the front end web.
 

以下是筆者目前在 freeCodeCamp 上做到的非常非常簡單的小project（放置於CodePen），

Build a Tribute Page 點我觀看

Build a Personal Portfolio Webpage 點我觀看

在 CodePen 上可以點擊右上角的 Change View 來觀看原始碼（Editor View），

或是整頁模式（Full Page）。

 

筆者的freeCodeCamp的code portfolio：

https://www.freecodecamp.com/jialin128

很像 GitHub 上有每日的投入、貢獻度，並以顏色深淺來呈現，

portfolio上也有要 user 提供 GitHub帳號 來進行連結。

感謝收看^^