Fw: [情報]前端程式語言的霍格華滋 — Codecademy

看板Soft_Job作者neversay (子不語)時間10年前 (2014/08/03 19:06)推噓7(7推 0噓 8→)

留言15則, 11人參與討論串1/5 (看更多)

※ [本文轉錄自 Web_Design 看板 #1JtXRc8y ] 作者: neversay (子不語) 看板: Web_Design 標題: [情報]前端程式語言的霍格華滋 — Codecademy 時間: Sun Aug 3 19:02:58 2014 網誌版： 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://www.ptt.cc/bbs/Web_Design/M.1407063782.A.23C.html ※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: neversay (50.156.87.148), 08/03/2014 19:06:00

推

aacs0130

08/03 20:01, , 1^F

08/03 20:01, 1^F

推

sky53177

08/03 20:20, , 2^F

08/03 20:20, 2^F

→

kusoayan

08/03 20:30, , 3^F

08/03 20:30, 3^F