※ 本文為 ott 轉寄自 ptt.cc 更新時間: 2014-08-21 05:37:46
看板 Web_Design
作者 標題 [情報]前端程式語言的霍格華滋 — Codecademy
時間 Sun Aug 3 19:02:58 2014
網誌版： http://neversaycoding.tumblr.com/post/93667957767/codecademy
也來寫點程式碼 - 前端程式語言的霍格華茲 — Codecademy
前端程式語言的霍格華茲 -- Codecademy 最近全球出現了一股學習程式設計的熱潮，除了許多名人如Bill... ...
前端程式語言的霍格華茲 -- Codecademy 最近全球出現了一股學習程式設計的熱潮，除了許多名人如Bill... ...
最近全球出現了一股學習程式設計的熱潮，除了許多名人如Bill Gates推廣程式
設計，政府推廣程式設計技能，還有就是程式設計師的薪水隨著市場需求水漲船
高等眾多因素，吸引許多有志之士投身這領域。
設計，政府推廣程式設計技能，還有就是程式設計師的薪水隨著市場需求水漲船
高等眾多因素，吸引許多有志之士投身這領域。
但是程式設計本身並不是一個很好學習的東西，除了要學習基本的邏輯概念之外，
各種不同的語言有不同的目標平台與特殊的語法或語意，還有不同的API需要熟悉。
各種專門領域都有不同的領域知識需要學習。例如撰寫密碼軟體需要有些數學背景，
撰寫會計軟體當然需要一定的會計知識。
各種不同的語言有不同的目標平台與特殊的語法或語意，還有不同的API需要熟悉。
各種專門領域都有不同的領域知識需要學習。例如撰寫密碼軟體需要有些數學背景，
撰寫會計軟體當然需要一定的會計知識。
程式設計有個特點，就是必須動手做才能學到。面對一本程式設計的書硬K苦讀是不
會有用的。非得實際找到一台可以撰寫、編譯還有執行的電腦，然後親自把書中的
示範程式碼打進去，一行一行除錯，一段一段程式理解，這樣才有辦法將這語言學
起來。
會有用的。非得實際找到一台可以撰寫、編譯還有執行的電腦，然後親自把書中的
示範程式碼打進去，一行一行除錯，一段一段程式理解，這樣才有辦法將這語言學
起來。
有鑑於程式語言的這種學習特質，通常沒有適當環境的學生，必須繳交學費到電腦
補習班諸如X匠或X承上課才能粗通一門程式語言。
不過到了線上教育的時代，連大學課程都有開放課程可以免費進修，建構電腦世界
的各種程式語言當然也有許多線上資源可以學習，國外的網站就列舉了目前世界上
最受歡迎的前十大程式學習網站，其中第一個，也是最廣為人知的，就是今天要介
紹的，前端程式語言界的霍格華滋 — Codecademy
的各種程式語言當然也有許多線上資源可以學習，國外的網站就列舉了目前世界上
最受歡迎的前十大程式學習網站，其中第一個，也是最廣為人知的，就是今天要介
紹的，前端程式語言界的霍格華滋 — Codecademy
（可惜答對題目不會有葛來芬多加十分）。
------------------------------------------------------------------------
Codecademy目前的課程注重在當紅的前端程式語言例如基礎的HTML/CSS/JS，以及常
用的函式庫如jQuery，還有許多常用的伺服器語言，例如農民級的PHP或中產階級的
Ruby與Python。想要學這些當紅的網路時代程式語言，Codecademy都有！
用的函式庫如jQuery，還有許多常用的伺服器語言，例如農民級的PHP或中產階級的
Ruby與Python。想要學這些當紅的網路時代程式語言，Codecademy都有！
最重要的是，它的學習方式是透過線上編輯器讓學習者真的將程式碼寫出來，並且
即時將運算的成果顯示出來，達到所見即所得的效果。讓學習者可以即時得到回饋
並修正自己的錯誤。
即時將運算的成果顯示出來，達到所見即所得的效果。讓學習者可以即時得到回饋
並修正自己的錯誤。
[功能介紹因為圖多所以略過，請看網誌完整版
http://neversaycoding.tumblr.com/post/93667957767/codecademy ]
也來寫點程式碼 - 前端程式語言的霍格華茲 — Codecademy
前端程式語言的霍格華茲 -- Codecademy 最近全球出現了一股學習程式設計的熱潮，除了許多名人如Bill... ...
前端程式語言的霍格華茲 -- Codecademy 最近全球出現了一股學習程式設計的熱潮，除了許多名人如Bill... ...
------------------------------------------------------------------------
上面的功能介紹完了，接著來聊聊一些比較實際的問題，也是我寫這篇文章的原因：
如果想要從什麼都不會的新手成為可以獨立編寫網頁的前端工程師，到底可以從這網
站學到什麼必備技能？
如果想要從什麼都不會的新手成為可以獨立編寫網頁的前端工程師，到底可以從這網
站學到什麼必備技能？
這裡我整理了一張有志成為網頁前端工程師的課程列表：
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
在前端頁面的強大。
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陣列等。
你應該能理解一般的程式語言都會有的共通特性如函式宣告，條件判斷與迴圈，以
及JS特有的功能如JS物件，JS陣列等。
jQuery，完整的jQuery基本課程，學完之後應該就能從jQuery為出發點，掌握各大
JS函式庫的基本原理。以及對一般使用jQuery的頁面做出分析，並學習他人的用法。
如果想要更精進jQuery的技術，請上他們的學習中心學習，雖然是全英文，但是已
經到了這個地步，花了如此多精力與時間，想成為技術高手的熱情已經熊熊燃起，
區區英文應該是難不倒你的吧！
經到了這個地步，花了如此多精力與時間，想成為技術高手的熱情已經熊熊燃起，
區區英文應該是難不倒你的吧！
------------------------------------------------------------------------
如果想要更進一步成為真正的前端程式設計師，只了解瀏覽器端的語言是遠遠不
夠的。大部分的前端程式設計工作通常也包含了伺服器的部份，也就是負責產生頁
面的伺服器所使用的語言你也必須知曉才對。跟瀏覽器端由HTML/CSS/JS統一天下不
同，許多網站用的前端伺服器都不一樣，你可以選擇下面的課程擇一學習：
面的伺服器所使用的語言你也必須知曉才對。跟瀏覽器端由HTML/CSS/JS統一天下不
同，許多網站用的前端伺服器都不一樣，你可以選擇下面的課程擇一學習：
PHP，最多人會的伺服器語言，通常安裝於最受歡迎的apache網頁伺服器時也會一
併安裝，所以許多網站服務提供商最常提供這種服務。學習門檻也最低，如果你是
初入前端程式設計的新手，建議先學懂這個語言，你會發現用到他的機會不少。
併安裝，所以許多網站服務提供商最常提供這種服務。學習門檻也最低，如果你是
初入前端程式設計的新手，建議先學懂這個語言，你會發現用到他的機會不少。
Python，Youtube等知名網站使用的語言，老實說不是很喜歡它用排版當scope的特
性，但是因為他的簡潔與多種用途，學了他不只能用在前端伺服器，它在一般應用
程式也有一定的市場。
性，但是因為他的簡潔與多種用途，學了他不只能用在前端伺服器，它在一般應用
程式也有一定的市場。
Ruby，另一個廣受歡迎的語言，以它為基礎發展的Ruby on Rails是近年來國外很
流行的快速架站架構。
NodeJs，如果你學了JavaScript但不想學其他語言，那完全以JavaScript架構出來
的NodeJs絕對是你的首選，但是Codecademy尚未建構它的課程，想學的請移駕Node
入門這本書的電子頁面。然後到Koding.com申請帳號來練習吧。
的NodeJs絕對是你的首選，但是Codecademy尚未建構它的課程，想學的請移駕Node
入門這本書的電子頁面。然後到Koding.com申請帳號來練習吧。
------------------------------------------------------------------------
說了這麼多，就我個人的感想而言，這是個非常優質的程式學習網站，尤其他主打
前端程式設計這個進入門檻較低且不用特殊準備開發環境的領域，課程設計的也非
常有層次，不會讓新手一下子就栽進一堆術語中，以及面對問題卻沒有解答可參考
的窘境。
前端程式設計這個進入門檻較低且不用特殊準備開發環境的領域，課程設計的也非
常有層次，不會讓新手一下子就栽進一堆術語中，以及面對問題卻沒有解答可參考
的窘境。
對於老手也能達到溫故知新的功效，並且有多樣化的語言可以學習，讓程式設計師
們可以在工作之餘學到新的語言、新的API用法，怎麼看都非常有用。雖然我覺得
它在社交以及經驗交流的部份可以做的更好，讓老手與新手可以藉由討論區快速交
換經驗。
們可以在工作之餘學到新的語言、新的API用法，怎麼看都非常有用。雖然我覺得
它在社交以及經驗交流的部份可以做的更好，讓老手與新手可以藉由討論區快速交
換經驗。
目前它將這些功能擺在比較不起眼的地方，也沒有通知或訂閱功能，主頁面也沒有
地方可以一覽所有熱門問題，就一個教學網站而言這點是比較可惜的。
但無論怎麼說，這個網站真的值得一探！
Happy Coding day!
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 50.156.87.148
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1407063782.A.23C.html
推 :謝謝分享！！這兩天來看看！！1F 08/04 02:26
→ :最近剛好想要學網頁的程式設計:D
→ :最近剛好想要學網頁的程式設計:D
→ :PHP最多人會的"""前端"""伺服器語言.....你的前端定義....3F 08/04 02:28
修掉了。雖然我一直覺得3 tiers layer裡面產生網頁的server叫做frontend server應該不為過吧，相對於提供資料的伺服器叫backend server
→ :可能我跟你的定義真的不一樣，我知道的backend是指4F 08/04 03:37
→ :RESTful/DB那端
※ 編輯: neversay (50.156.87.148), 08/04/2014 03:52:00→ :RESTful/DB那端
※ 編輯: neversay (50.156.87.148), 08/04/2014 03:53:07
推 :一般的情況下的確會稱呼對外的伺服器為"前端"，內部的伺服器6F 08/04 04:17
→ :為"後端"，但是這單純是在指"實體機器"。
→ :如果你把一個網頁伺服器視為一個整體，那所謂的"前端"，其實是
→ :使用者那端的人機介面，換句話說就是瀏覽器、HTML、CSS、JS，
→ :負責畫面表現與處理使用者的輸入。
→ :而後端負責將使用者輸入的結果作處理然後產生輸出。
→ :總之，最隨便的分法就是把網際網路擺中間，跑在使用者那邊的叫
→ :前端，跑在伺服器這邊的叫伺服器端或後端。
推 :修正一下，"實體機器"這個講錯了，應該是"伺服器實體"才對。
→ :當你的單位是伺服器的時候，這台伺服器負責面對使用者，那台伺
→ :服器負責跑資料庫，所以這台簡稱前端，那台簡稱後端。
→ :當你的單位是一支應用程式的時候，這塊CODE負責面對使用者，那
→ :段CODE負責做各種處理，所以這段稱為前端，那段稱為後端。
→ :為"後端"，但是這單純是在指"實體機器"。
→ :如果你把一個網頁伺服器視為一個整體，那所謂的"前端"，其實是
→ :使用者那端的人機介面，換句話說就是瀏覽器、HTML、CSS、JS，
→ :負責畫面表現與處理使用者的輸入。
→ :而後端負責將使用者輸入的結果作處理然後產生輸出。
→ :總之，最隨便的分法就是把網際網路擺中間，跑在使用者那邊的叫
→ :前端，跑在伺服器這邊的叫伺服器端或後端。
推 :修正一下，"實體機器"這個講錯了，應該是"伺服器實體"才對。
→ :當你的單位是伺服器的時候，這台伺服器負責面對使用者，那台伺
→ :服器負責跑資料庫，所以這台簡稱前端，那台簡稱後端。
→ :當你的單位是一支應用程式的時候，這塊CODE負責面對使用者，那
→ :段CODE負責做各種處理，所以這段稱為前端，那段稱為後端。
推 :理解類似T大所言+119F 08/04 08:29
推 : 推好網站20F 08/18 12:09
--
※ 看板: ott 文章推薦值: 0 目前人氣: 0 累積人氣: 474
回列表(←)
分享