1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Codecademy 線上任務關卡學習平台,學會各種網頁語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)

Codecademy 線上任務關卡學習平台,學會各種網頁語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)

2017/07/03

梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)

  一直以來時常有朋友問梅干,想學網頁有沒有什麼推薦的書籍,說真的現在網路的資源真的很豐富,往往市面上書的資訊,都比網路上來的慢,唯一最大的差別就在於,書會比較有架構性一一作介紹,而網路上的資訊,雖然很多,但需自行整理與組合,這對於完全沒有概念的朋友來說,可能較難整理出架構與規則性,雖然說實體書,有實體書的好處,但卻比較難一起跟著作者腳步一一的練習。


  除了實體書外,現在線上影音教學平台也愈來愈夯,除了免出門,甚至也沒有有時間與地點上的限制,只需打開瀏覽器或手機,立即就可收看,當一次看不懂,還可反覆的多看幾次,因此透過線上學習,已是目前相當方便的學習的管道,而今天要分享一個線上學習平台,裡面擁有各式各樣的網頁語言,像是HTML/CSS、JavaScript、jQuery甚至就連PHP、Python、Ruby都有,讓你從零開始,並且只需跟著網站的任務關卡一一的闖關,就能學會前端到後端語言,因此想學網頁的朋友,現在也趕快來看看Codecademy這平台吧!


Codecademy

網站名稱:Codecademy
網站連結:https://www.codecademy.com

Step1
首先,進到Codecademy這個平台後,先點右上角的「Sign up」鈕,進行註冊。
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


Step2
而註冊會員的方式很簡單,除了可填寫註冊表單外,也透過社群的方式來登入。
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


Step3
而梅干是用社群的方式登入,當登入成功後,就可開始來學習。
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


Step4
接著上方會有該單元的學習重點,而中間會有任務關卡,因此只需依照任務關卡指示來操作。
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


Step5
當依指示修改好後,再按下方的RUN
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


Step6
當正確的話,右下角會出現通過的戳章,這樣就可前往下一步。
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


Step7
當卡關太多次時,會出現救求卡,再點「Get Code」鈕,就可取得解答。
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


Step8
這時就會自動的修改成正確的解答。
梅問題-Codecademy 線上一步一步帶著你學會,網頁的各種語言(JavaScript、jQuery、PHP、Python、HTML/CSS、Ruby)


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