跟程序員一樣，網頁設計師和前端們的工作并不簡單，除了需要將現有的技術磨練的日漸熟練，還得不停學習新的知識和技術。即使在學校和培訓機構練得一手殺敵本領，在實際工作中，千奇百怪的需求依然會逼著大家不停地學習新的技能。如此一來，網頁設計師們需要忙著了解新設計趨勢和技巧，前端們也得迎戰層出不窮的新的庫、框架和程序。萬一你還想兼顧到移動端設計的話，那你就得更得好好規劃一下了。看看這篇文章：《全方位梳理：如何成為一個移動端UI設計師》

好在偉大的互聯網讓全世界苦逼的互聯網er都聯合起來，一起解決問題。在線課程社區正是在這種情況下誕生的，應對不同需求的在線社區為需要學習的用戶們提供了大量的輔助學習資料以及名師們的課程視頻和文字教程，在社區中，你會發現一些傳統經典的問題的解決方案，還能找到新興技術和趨勢的深度解讀。

這些網站里有大量的第一手的學習資料，只要你用心學習，它們絕對不會讓你失望。

1. Udemy

Udemy是一個在線學習平臺，如果你是技術大牛，可以在此銷售自己的教學視頻；如果你想在此學習技術，可以購買符合自己需求的技術教學視頻。Udemy的主要課程：

• Android開發
• iOS開發
• 響應式網頁設計
• HTML5
• CSS

課程價格各不相同，但是多數課程的價格都在100美刀以內，并不算太貴。

2. Lynda.com

Lynda在在線網頁設計教學領域處于領軍地位，其中包含很多高品質的在線資源。網站的教學視頻包括：

• 3D動畫
• 音頻處理
• CAD
• 設計
• 開發
• 教育
• 攝影
• 視頻處理

網站提供的視頻服務是會員制的，最低每個月25美元的服務費用，可以無限制地提供所有的視頻訪問權限。

3. Learnable

Learnable網站提供了大量的網頁設計和開發類型的培訓視頻：

• 前端開發
• 后端開發
• 網頁設計
• 移動端開發
• 用戶體驗設計
• 市場營銷
• 業務推廣

秉承國際慣例，網站學習提供了99美元半年學習套餐和149包年的學習服務，不論是初學者還是進階學習者都能從網站中學到足夠多的知識，物有所值。

4. Code School

Code School 的學習資源更偏向開發而非設計，網站的學習資源整合得不錯，符合開發者的學習規律。網站可以幫你在特定的領域構建起合理的知識結構和技能組合。網站的主要教學內容如下：

• HTML/CSS
• Javascript
• iOS開發
• Ruby

網站提供超過30種課程和超過1700組代碼挑戰。網站提供的收費標準是29美元每月。

5. Tuts+

Tuts+網站提供視頻教程和文字教程，教授各種網頁開發和設計的教程。Tuts+不同于其他網站的是，他們的教程通常都圍繞著一個特定的項目來一步一步展開，理論和實際結合的頗為緊密，讀者可以隨著教程逐步練習并掌握所需要的技能。

6. Skilled Up

Skilled Up搜集了50多種高品質的在線教學資源，課程主要覆蓋了如下領域：

• HTML
• CSS
• Javascript
• 網站搭建

網站提供的教程并非全為收費的，有一部分是免費學習的。

7. Bloc

你可以隨時隨地地在Bloc的網站上學習網頁設計與開發，它為你提供來自世界各地的導師，你可以隨時隨地地把控學習的步調和節奏。學習課程可以一周一次，當然你要是想掌握更快也可以一周三次課程。網站的課程如下：

• 網頁設計
• 網頁開發
• iOS開發

當然，想要得到來自世界各地名師的指導并不便宜，你需要在入學的時候上交高大4250美元的學費。

8. Don’t Fear the Internet

這個名為Dont Fear The Internet（不要害怕網絡）的網站為用戶提供了各種簡短的教程，比如各種Wordpress博客搭建的技巧。你可以在這個網站學到許多關于HTML、CSS和PHP的開發技巧，并且網站的內容全部免費，當然，你要想捐贈也有相應的捐贈入口。

9. Mijingo

Mjingo 的網站內提供了大量與網站設計、開發和CMS相關視頻教程，這些課程價格各不相同，但是絕大多數價格都是19.99美元，如果某些課程正好符合你的需求，不妨買來瞧瞧。

10. CodeHS

CodeHS 網站提供的教學模塊如下：

• HTML/CSS
• 動畫和游戲
• 游戲設計
• JavaScript
• 平面設計

CodeHS網站的內容非常符合初學者的需求，基本的會員計劃是25美元一個月，付費之后擁有訪問全部培訓教材的權限。

11. Mozilla School of Webcraft

Mozilla School Of Webcrafts 是一個免費的在線網頁開發學習的網站，網站提供的教程有：

• CSS
• HTML
• PHP

除了各種學習教程之外，網站還提供了不同的技能挑戰，測試用戶的學習成果。

12. Coursera

Coursera 為設計師和開發者提供了一個學習網絡新技術的平臺，網絡教程都是免費的，主要的兩大分類是軟件工程和系統安全。

13. CodeCademy

想必很多同學已經聽說過CodeCadamy這個網站了，在這里你可以學習到HTML/CSS、JavaScript、PHP、Python和Ruby的相關課程，網站內容都是免費的，任你學習。如果你不想獨自學習，也可以加入不同的學習小組。

14. WebPlatform.org

WebPlatform 提供了許多書面的學習材料，如果你是初學者，可以在這里獲得許多幫助。網站提供的學習素材很多：

• HTML5
• CSS
• 媒體查詢
• 動效設計
• 繪畫
• 音頻處理

網站內容是完全免費的，任何人都可以參與學習。

15. Google Developers University Consortium

谷歌開發者大學聯盟，顧名思義，這里的內容都是谷歌提供的免費學習課程，從這里你可以學習到許多谷歌相關的開發技能：

• Android開發
• AJAX
• 谷歌地圖開發

16. CSS-Tricks

看名字就可以知道，CSS-Tricks是一個與CSS技巧相關的網站，它目前已經在網頁設計師和開發者中非常有名，他們也常常在這個網站發放一些CSS相關的文章，內容當然是完全免費的。

17. Sitepoint

經典網頁技能學習網站SitePoint內涵蓋了大量的免費的教程，網站還會推薦一些開發和設計類型的書籍。SitePoint的文章中有進階的教程，但是更多的文章還是針對初學者的。

18. Stackoverflow

要學習網頁設計，StackOverflow網站是一個絕佳的選擇。網站在網頁開發和設計上提供了多種多樣的建議，網站內容全部免費，對于初學者非常友好。

19. Shay Howe’s Guides to HTML & CSS

Shay的HTML/CSS學習指南是一個網頁設計初學者值得一去的網站，網站內的文章可讀性非常強，課程當然是免費的，主要內容有：

• HTML
• CSS
• JavaScript

20. HTML 101 at Berkeley Knight Digital Media Center

想要開始學習HTML相關的知識，HTML101絕對是首選，因為這個網站擁有許多在線資源。網站內容對于初學者和非技術人員非常友好，不過進階內容并不算多。毫無疑問，網站內容是完全免費的。

結語

這推薦的20個網站幾乎覆蓋了從入門到高階不同的層次，許多網站所提供的課程組合都是經過專家設計和調整過的，非常不錯。CodeCademy等網站還特別注重學習的氛圍和互動，加快學習者的進度。量力而行，選擇適合自己的是最重要的。

練得一手精湛的技術，還得涉獵足夠多的設計案例：

緊跟潮流，值得學習的單頁設計在此！
《I WANT YOU！選擇單頁設計的五個理由》

慧眼識珠，深入體會高大上的感覺：
《將高大上進行到底！40款WORDPRESS和JOOMLA模板》

提刀上馬，在實戰中練就好武藝：
《PS教程！手把手教你設計出時尚的促銷專題頁（宣傳單）》

原文地址：1stwebdesigner
優設網翻譯：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量76萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：