※ 本文為 ryanlei 轉寄自 ptt.cc 更新時間: 2014-08-04 21:46:47
看板 Soft_Job
作者 標題 Fw: [情報]前端程式語言的霍格華滋 — Codecademy
時間 Sun Aug 3 19:06:00 2014
※ [本文轉錄自 Web_Design 看板 #1JtXRc8y ]
看板 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
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: neversay (50.156.87.148), 08/03/2014 19:06:00
推 :推推1F 08/03 20:01
推 :推～2F 08/03 20:20
→ :PHP，最多人會的前端伺服器語言 ....?3F 08/03 20:30
→ :你的 frontend 好像和我知道的 frontend 不太一樣@@
→ :你的 frontend 好像和我知道的 frontend 不太一樣@@
推 :原來PHP是前端語言..（筆記）5F 08/03 20:58
推 :PHP的確適合寫網頁阿6F 08/03 22:11
推 :看到 frontend server 我還以為又出了什麼神奇的框架7F 08/03 22:36
→ :那些就是 backend server好嗎....
→ :那些就是 backend server好嗎....
http://bit.ly/1p2Ol0S
我腦中對於frontend/backend server的定義跟這張圖一樣。
如果說PHP產生網頁的server是backend server，那RESTful那端的server要叫做？
一樣叫做backend server嗎？ 我迷惑了......
→ :一堆Typo, 根本是外行人9F 08/04 00:44
→ :F2E包SERVER一部份 之前就有這種說法 習慣就好 XD 只是M$派10F 08/04 01:23
→ :連個字都沒有 感覺有點過頭 囧~
※ 編輯: neversay (50.156.87.148), 08/04/2014 03:46:11→ :連個字都沒有 感覺有點過頭 囧~
→ :把fontend server改掉了。 很疑惑這是不是內部使用的名詞12F 08/04 03:48
後來我發現不是啊，明明就有很多人這樣稱呼frontend server。
※ 編輯: neversay (50.156.87.148), 08/04/2014 04:07:56
--
※ 看板: ryanlei 文章推薦值: 0 目前人氣: 0 累積人氣: 55
回列表(←)
分享