
一直以來時常有朋友問梅干,想學網頁有沒有什麼推薦的書籍,說真的現在網路的資源真的很豐富,往往市面上書的資訊,都比網路上來的慢,唯一最大的差別就在於,書會比較有架構性一一作介紹,而網路上的資訊,雖然很多,但需自行整理與組合,這對於完全沒有概念的朋友來說,可能較難整理出架構與規則性,雖然說實體書,有實體書的好處,但卻比較難一起跟著作者腳步一一的練習。
除了實體書外,現在線上影音教學平台也愈來愈夯,除了免出門,甚至也沒有有時間與地點上的限制,只需打開瀏覽器或手機,立即就可收看,當一次看不懂,還可反覆的多看幾次,因此透過線上學習,已是目前相當方便的學習的管道,而今天要分享一個線上學習平台,裡面擁有各式各樣的網頁語言,像是HTML/CSS、JavaScript、jQuery甚至就連PHP、Python、Ruby都有,讓你從零開始,並且只需跟著網站的任務關卡一一的闖關,就能學會前端到後端語言,因此想學網頁的朋友,現在也趕快來看看Codecademy這平台吧!
Codecademy
網站名稱:Codecademy
網站連結:https://www.codecademy.com
網站連結:https://www.codecademy.com
Step1
首先,進到Codecademy這個平台後,先點右上角的「Sign up」鈕,進行註冊。

Step2
而註冊會員的方式很簡單,除了可填寫註冊表單外,也透過社群的方式來登入。

Step3
而梅干是用社群的方式登入,當登入成功後,就可開始來學習。

Step4
接著上方會有該單元的學習重點,而中間會有任務關卡,因此只需依照任務關卡指示來操作。

Step5
當依指示修改好後,再按下方的RUN。

Step6
當正確的話,右下角會出現通過的戳章,這樣就可前往下一步。

Step7
當卡關太多次時,會出現救求卡,再點「Get Code」鈕,就可取得解答。

Step8
這時就會自動的修改成正確的解答。

Step9
除了HTML與CSS外,點畫面右上角的「Catalog」,下方就會列出各式各樣的網頁語言,甚至下方也會有每個單元的學習時數,而這些都是Freee的啦!由於該平台是老外所提供的,因此也都以英文為主,但好家在的是,解說的英文並不會太難,連梅干這種破英文都看的懂,相信各位也是沒問題的啦!因此學習網頁語言的朋友,這平台也千萬別錯過了。
