自給自足！學(xué)習(xí)網(wǎng)頁設(shè)計必知的20個教學(xué)資源站

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

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

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

1. Udemy

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

• Android開發(fā)
• iOS開發(fā)
• 響應(yīng)式網(wǎng)頁設(shè)計
• HTML5
• CSS

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

2. Lynda.com

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

• 3D動畫
• 音頻處理
• CAD
• 設(shè)計
• 開發(fā)
• 教育
• 攝影
• 視頻處理

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

3. Learnable

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

• 前端開發(fā)
• 后端開發(fā)
• 網(wǎng)頁設(shè)計
• 移動端開發(fā)
• 用戶體驗設(shè)計
• 市場營銷
• 業(yè)務(wù)推廣

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

4. Code School

Code School 的學(xué)習(xí)資源更偏向開發(fā)而非設(shè)計，網(wǎng)站的學(xué)習(xí)資源整合得不錯，符合開發(fā)者的學(xué)習(xí)規(guī)律。網(wǎng)站可以幫你在特定的領(lǐng)域構(gòu)建起合理的知識結(jié)構(gòu)和技能組合。網(wǎng)站的主要教學(xué)內(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ā)和設(shè)計的教程。Tuts+不同于其他網(wǎng)站的是，他們的教程通常都圍繞著一個特定的項目來一步一步展開，理論和實際結(jié)合的頗為緊密，讀者可以隨著教程逐步練習(xí)并掌握所需要的技能。

6. Skilled Up

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

• HTML
• CSS
• Javascript
• 網(wǎng)站搭建

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

7. Bloc

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

• 網(wǎng)頁設(shè)計
• 網(wǎng)頁開發(fā)
• iOS開發(fā)

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

8. Don’t Fear the Internet

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

9. Mijingo

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

10. CodeHS

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

• HTML/CSS
• 動畫和游戲
• 游戲設(shè)計
• JavaScript
• 平面設(shè)計

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

11. Mozilla School of Webcraft

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

• CSS
• HTML
• PHP

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

12. Coursera

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

13. CodeCademy

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

14. WebPlatform.org

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

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

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

15. Google Developers University Consortium

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

• Android開發(fā)
• AJAX
• 谷歌地圖開發(fā)

16. CSS-Tricks

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

17. Sitepoint

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

18. Stackoverflow

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

19. Shay Howe’s Guides to HTML & CSS

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

• HTML
• CSS
• JavaScript

20. HTML 101 at Berkeley Knight Digital Media Center

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

結(jié)語

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

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

緊跟潮流，值得學(xué)習(xí)的單頁設(shè)計在此！
《I WANT YOU！選擇單頁設(shè)計的五個理由》

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

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

原文地址：1stwebdesigner
優(yōu)設(shè)網(wǎng)翻譯：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

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