學習網頁設計必知的20個教學資源站

 　　好在偉大的互聯網讓全世界苦逼的互聯網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