想學網頁程式設計卻不知道該從哪裡著手嗎？國外神人幫你把課程表排好了！
這篇把成為一個「網頁程式設計師」的課程順序排得很好！跟我理想中的順序很接近！特別推薦給大家！
Step 0: 前台語言與相關工具
首先作者推薦學習「HTML > CSS > JavaScript」，也都附上學習資源。
接著作者希望大家去學 Git。其實這個跟「網頁設計」直接關係不大，Git 是一套「程式碼版本控制軟體」。它可以比對前後兩個版本的差異，然後只把差異部分儲存起來。如此一來，你就算寫到後來，發現一個月前那個版本才是對的，也可以要求 Git 倒回特定日子的某個版本。我也強烈推薦學習。不過如果時間不夠，您可以暫時跳過（雖然很可惜），等學完之後回頭再來學也可以。
接著作者建議學 GitHub 之類的網路服務。GitHub 是程式師把原始碼分享出來，與大家交流的地方。GitHub 保有 Git 版本控制的特色，也能指定抓出某日某版。嚴格來說，您可以把 GitHub 看成程式設計界的 Facebook。只不過 Facebook 交流的是照片、打卡，這邊交流的是程式碼。這部分也是急得話可以事後再回頭學。
Step 1: 後台語言
接著作者開始教大家學習後台語言。由於作者是「Ruby 粉」（Ruby Fans），所以他會推薦 Ruby。其實這部分可以換成 PHP，或最近很流行的 Node.js 都可以。
Step 2: 磨練其它技巧（函式庫與框架，以及資料庫）
這邊作者開始要大家去 Code Academy、Coursera...等線上影音教學站，以 HTML/CSS/JavaScript 為基本功，去學習更高深的網頁程式設計學問。學這些東西，是讓你增加生產力。學習對象主要是一些 JavaScript 可使用的函式庫與框架。所謂函式庫與框架，就是人家寫好、可讓你在 JavaScript 直接叫用的一些好用工具。打個比方來說，如果有電鑽（函式庫、框架）讓你用，你想用鑿子（JavaScript）慢慢挖洞嗎？不會吧？
他推薦的框架主要有 Ember.js, Angular.js...等。我個人是很推 Google 做的 Angular.js（其它的也不錯啦～沒有筆戰的意思，自己習慣就好）。如果您沒有心儀的框架，不妨試試看。
本步驟最後，作者推薦學習一些常見的資料庫。如 MySQL、PostreSQL。或是大數據界常用的資料庫 MongoDB...等。
Step 3: 學習額外的網頁程式語言，拓寬領域
這部分我倒是覺得可以先跳過去，不急。他推薦的 Clojure、Go... 能做的事情，都大概能用 JavaScript + 各種框架做出來。所以我個人認為，這部分可以先跳過去。
Step 4: 往手機領域前進
沒錯！網頁程式語言也能做出各種 App！誰說寫 Android 或 iOS App 一定得學 Java 或是 Objective-C/Swift？ 網頁程式設計領域有很多軟體，可以輕鬆地把你寫好的網頁程式，轉包成 App 發佈出去（謎之聲：吔...那個效能...就可能不要太挑剔了...笑）
Step 5: 去賺錢吧！
作者在此建議把你的網頁發佈成收費網站，或轉成 App，發佈到 Google Play 或 AppStore 賺錢。更甚者，乾脆去找家公司，過著「善用公司資源，創造優質生活」的日子...（哈哈！）作者準備了一些常見的面試題目，讓你看完後比較有信心面對各家公司奇奇怪怪的各種問題。
原文連結（能看到這裡，辛苦了～～）：
http://www.developingandrails.com/2015/01/crash-course-on-modern-web-development.html
<紀老師總結>
其實我個人推薦的順序比他稍短（但也沒短多少）。如下：
1. 前台技術：HTML --> CSS --> JavaScript （基本功）
2. 前台框架技術： --> jQuery --> Node.js --> Angular.js （讓你學會怎麼用電鑽）
----- (可以去應徵「前台工程師」了） -----
3. 後台語言：PHP / Node.js 市場較大，任挑其一。
4. 後台資料庫： MySQL / MariaDB / PostreSQL 三者擇一。想進大數據領域的，加學 MongoDB。
----- (前後台兼修，可以應徵很多「網站程式設計師」的工作了） -----
接下來的路就不太一樣了。有人就這麼停住，找到一輩子可以安身立命的公司。也有人加學「統計」，與 R、MATLAB、Hadoop 等技術，往「大數據（Big Data）」走。也有人把 jQuery 裡的 jQuery Mobile 分支，與 Angular.js 磨得更亮，加上 Titanium、Sencha、PhoneGap 等嫁接「網頁」與「手機 App」專用的框架，去寫手機 App 了。到這裡，就沒有一定的「路」需要去遵循。您屆時的功力，應該也強到不用人建議，就知道接下來該學什麼了。
希望今天這一長篇文章，對大家有用！也感謝大家用力看完！覺得還不錯話，也分享到您的臉書給其他朋友看看吧！
git github差異 在 Git、GitHub 教學 - YouTube 的八卦
6 Git 基本操作教學 · 六角學院 ... 11 Git、GitHub 差異 · 六角學院. 六角學院. •. 12. 0:32 Now playing. 12 Git Repository 中文翻譯 · 六角學院. ... <看更多>