強力推薦-網(wǎng)頁設計必知的20個教學資源站

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

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

　1. Udemy

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

　　Android開發(fā)

　　iOS開發(fā)

　　響應式網(wǎng)頁設計

　　HTML5

　　CSS

　　課程價格各不相同，但是多數(shù)課程的價格都在100美刀以內(nèi)，并不算太貴。

　　2. Lynda.com

　　Lynda在在線網(wǎng)頁設計教學領(lǐng)域處于領(lǐng)軍地位，其中包含很多高品質(zhì)的在線資源。網(wǎng)站的教學視頻包括：

　　3D動畫

　　音頻處理

　　CAD

　　設計

　　開發(fā)

　　教育

　　攝影

　　視頻處理

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

　　3. Learnable

　　Learnable網(wǎng)站提供了大量的網(wǎng)頁設計和開發(fā)類型的培訓視頻：

　　前端開發(fā)

　　后端開發(fā)

　　網(wǎng)頁設計

　　移動端開發(fā)

　　用戶體驗設計

　　市場營銷

　　業(yè)務推廣

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

　　4. Code School

　　Code School 的學習資源更偏向開發(fā)而非設計，網(wǎng)站的學習資源整合得不錯，符合開發(fā)者的學習規(guī)律。網(wǎng)站可以幫你在特定的領(lǐng)域構(gòu)建起合理的知識結(jié)構(gòu)和技能組合。網(wǎng)站的主要教學內(nèi)容如下：

　　HTML/CSS

　　Javascript

　　iOS開發(fā)

　　Ruby

　　網(wǎng)站提供超過30種課程和超過1700組代碼挑戰(zhàn)。網(wǎng)站提供的收費標準是29美元每月。

　　5. Tuts+

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

　　6. Skilled Up

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

　　HTML

　　CSS

　　Javascript

　　網(wǎng)站搭建

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

　　7. Bloc

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

　　網(wǎng)頁設計

　　網(wǎng)頁開發(fā)

　　iOS開發(fā)

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

　　8. Don’t Fear the Internet

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

　　9. Mijingo

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

　　10. CodeHS

　　CodeHS 網(wǎng)站提供的教學模塊如下：

　　HTML/CSS

　　動畫和游戲

　　游戲設計

　　JavaScript

　　平面設計

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

　　11. Mozilla School of Webcraft

　　Mozilla School Of Webcrafts 是一個免費的在線網(wǎng)頁開發(fā)學習的網(wǎng)站，網(wǎng)站提供的教程有：

　　CSS

　　HTML

　　PHP

　　除了各種學習教程之外，網(wǎng)站還提供了不同的技能挑戰(zhàn)，測試用戶的學習成果。

　　12. Coursera

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

　　13. CodeCademy

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

　　14. WebPlatform.org

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

　　HTML5

　　CSS

　　媒體查詢

　　動效設計

　　繪畫

　　音頻處理

　　網(wǎng)站內(nèi)容是完全免費的，任何人都可以參與學習。

　　15. Google Developers University Consortium

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

　　Android開發(fā)

　　AJAX

　　谷歌地圖開發(fā)

　　16. CSS-Tricks

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

　　17. Sitepoint

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

　　18. Stackoverflow

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

　　19. Shay Howe’s Guides to HTML & CSS

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

　　HTML

　　CSS

　　JavaScript

　　20. HTML 101 at Berkeley Knight Digital Media Center

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

　　結(jié)語

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