網誌版： http://neversaycoding.tumblr.com/post/93667957767/codecademy 最近全球出現了一股學習程式設計的熱潮，除了許多名人如Bill Gates推廣程式 設計，政府推廣程式設計技能，還有就是程式設計師的薪水隨著市場需求水漲船 高等眾多因素，吸引許多有志之士投身這領域。 但是程式設計本身並不是一個很好學習的東西，除了要學習基本的邏輯概念之外， 各種不同的語言有不同的目標平台與特殊的語法或語意，還有不同的API需要熟悉。 各種專門領域都有不同的領域知識需要學習。例如撰寫密碼軟體需要有些數學背景， 撰寫會計軟體當然需要一定的會計知識。 程式設計有個特點，就是必須動手做才能學到。面對一本程式設計的書硬K苦讀是不 會有用的。非得實際找到一台可以撰寫、編譯還有執行的電腦，然後親自把書中的 示範程式碼打進去，一行一行除錯，一段一段程式理解，這樣才有辦法將這語言學 起來。 有鑑於程式語言的這種學習特質，通常沒有適當環境的學生，必須繳交學費到電腦 補習班諸如X匠或X承上課才能粗通一門程式語言。 不過到了線上教育的時代，連大學課程都有開放課程可以免費進修，建構電腦世界 的各種程式語言當然也有許多線上資源可以學習，國外的網站就列舉了目前世界上 最受歡迎的前十大程式學習網站，其中第一個，也是最廣為人知的，就是今天要介 紹的，前端程式語言界的霍格華滋 — Codecademy （可惜答對題目不會有葛來芬多加十分）。 ------------------------------------------------------------------------ Codecademy目前的課程注重在當紅的前端程式語言例如基礎的HTML/CSS/JS，以及常 用的函式庫如jQuery，還有許多常用的伺服器語言，例如農民級的PHP或中產階級的 Ruby與Python。想要學這些當紅的網路時代程式語言，Codecademy都有！ 最重要的是，它的學習方式是透過線上編輯器讓學習者真的將程式碼寫出來，並且 即時將運算的成果顯示出來，達到所見即所得的效果。讓學習者可以即時得到回饋 並修正自己的錯誤。 [功能介紹因為圖多所以略過，請看網誌完整版 http://neversaycoding.tumblr.com/post/93667957767/codecademy ] ------------------------------------------------------------------------ 上面的功能介紹完了，接著來聊聊一些比較實際的問題，也是我寫這篇文章的原因： 如果想要從什麼都不會的新手成為可以獨立編寫網頁的前端工程師，到底可以從這網 站學到什麼必備技能？ 這裡我整理了一張有志成為網頁前端工程師的課程列表： About you，完全沒碰過程式也沒碰過Codecademy的人必備的課程，教你如何使用 Codecademy的介面，並且教導一些最簡單的HTML概念 Sun, Earth and Code，藉由一個有趣的例子教你CSS與HTML互動的概念。毫無經驗者 可以在這個帶來成就感的小課程裡學到現代的CSS可以有多強大。 Make a Website，一個比較複雜的HTML/CSS實作案例，他也介紹了CSS框架的概念， 藉由Bootstrap這個廣受歡迎的框架讓你學到簡單幾個class畫出有水準的頁面。 Animate Your Name，簡單的JS教學，藉由引入jQuery以及一個plugin讓你見識JS 在前端頁面的強大。 Build an Interactive Website，一個進階的課程，讓你學習第一個JS函式庫 — jQuery。這課程有點困難，因為他的課程提示不是很顯明，常常需要按下”Get a hint!”偷看答案。但是你可以在此認識jQuery的基本語法還有他的強大。 HTML & CSS，正規的HTML / CSS教程。從零開始把所有最常用到的HTML元素與CSS規 則介紹給你。上完此課程你應該就有能力解讀一個普通的HTML頁面。 JavaScript，正規的JavaScript課程，從無到有學習JavaScript的用法。學完之後 你應該能理解一般的程式語言都會有的共通特性如函式宣告，條件判斷與迴圈，以 及JS特有的功能如JS物件，JS陣列等。 jQuery，完整的jQuery基本課程，學完之後應該就能從jQuery為出發點，掌握各大 JS函式庫的基本原理。以及對一般使用jQuery的頁面做出分析，並學習他人的用法。 如果想要更精進jQuery的技術，請上他們的學習中心學習，雖然是全英文，但是已 經到了這個地步，花了如此多精力與時間，想成為技術高手的熱情已經熊熊燃起， 區區英文應該是難不倒你的吧！ ------------------------------------------------------------------------ 如果想要更進一步成為真正的前端程式設計師，只了解瀏覽器端的語言是遠遠不 夠的。大部分的前端程式設計工作通常也包含了伺服器的部份，也就是負責產生頁 面的伺服器所使用的語言你也必須知曉才對。跟瀏覽器端由HTML/CSS/JS統一天下不 同，許多網站用的前端伺服器都不一樣，你可以選擇下面的課程擇一學習： PHP，最多人會的伺服器語言，通常安裝於最受歡迎的apache網頁伺服器時也會一 併安裝，所以許多網站服務提供商最常提供這種服務。學習門檻也最低，如果你是 初入前端程式設計的新手，建議先學懂這個語言，你會發現用到他的機會不少。 Python，Youtube等知名網站使用的語言，老實說不是很喜歡它用排版當scope的特 性，但是因為他的簡潔與多種用途，學了他不只能用在前端伺服器，它在一般應用 程式也有一定的市場。 Ruby，另一個廣受歡迎的語言，以它為基礎發展的Ruby on Rails是近年來國外很 流行的快速架站架構。 NodeJs，如果你學了JavaScript但不想學其他語言，那完全以JavaScript架構出來 的NodeJs絕對是你的首選，但是Codecademy尚未建構它的課程，想學的請移駕Node 入門這本書的電子頁面。然後到Koding.com申請帳號來練習吧。 ------------------------------------------------------------------------ 說了這麼多，就我個人的感想而言，這是個非常優質的程式學習網站，尤其他主打 前端程式設計這個進入門檻較低且不用特殊準備開發環境的領域，課程設計的也非 常有層次，不會讓新手一下子就栽進一堆術語中，以及面對問題卻沒有解答可參考 的窘境。 對於老手也能達到溫故知新的功效，並且有多樣化的語言可以學習，讓程式設計師 們可以在工作之餘學到新的語言、新的API用法，怎麼看都非常有用。雖然我覺得 它在社交以及經驗交流的部份可以做的更好，讓老手與新手可以藉由討論區快速交 換經驗。 目前它將這些功能擺在比較不起眼的地方，也沒有通知或訂閱功能，主頁面也沒有 地方可以一覽所有熱門問題，就一個教學網站而言這點是比較可惜的。 但無論怎麼說，這個網站真的值得一探！ Happy Coding day! --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 50.156.87.148 ※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1407063782.A.23C.html 修掉了。雖然我一直覺得3 tiers layer裡面產生網頁的server叫做frontend server 應該不為過吧，相對於提供資料的伺服器叫backend server ※ 編輯: neversay (50.156.87.148), 08/04/2014 03:52:00 ※ 編輯: neversay (50.156.87.148), 08/04/2014 03:53:07