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

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

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

1. Udemy

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

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

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

2. Lynda.com

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

• 3D動(dòng)畫(huà)
• 音頻處理
• CAD
• 設(shè)計(jì)
• 開(kāi)發(fā)
• 教育
• 攝影
• 視頻處理

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

3. Learnable

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

• 前端開(kāi)發(fā)
• 后端開(kāi)發(fā)
• 網(wǎng)頁(yè)設(shè)計(jì)
• 移動(dòng)端開(kāi)發(fā)
• 用戶體驗(yàn)設(shè)計(jì)
• 市場(chǎng)營(yíng)銷(xiāo)
• 業(yè)務(wù)推廣

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

4. Code School

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

• HTML/CSS
• Javascript
• iOS開(kāi)發(fā)
• Ruby

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

5. Tuts+

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

6. Skilled Up

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

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

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

7. Bloc

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

• 網(wǎng)頁(yè)設(shè)計(jì)
• 網(wǎng)頁(yè)開(kāi)發(fā)
• iOS開(kāi)發(fā)

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

8. Don’t Fear the Internet

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

9. Mijingo

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

10. CodeHS

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

• HTML/CSS
• 動(dòng)畫(huà)和游戲
• 游戲設(shè)計(jì)
• JavaScript
• 平面設(shè)計(jì)

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

11. Mozilla School of Webcraft

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

• CSS
• HTML
• PHP

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

12. Coursera

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

13. CodeCademy

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

14. WebPlatform.org

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

• HTML5
• CSS
• 媒體查詢
• 動(dòng)效設(shè)計(jì)
• 繪畫(huà)
• 音頻處理

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

15. Google Developers University Consortium

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

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

16. CSS-Tricks

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

17. Sitepoint

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

18. Stackoverflow

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

19. Shay Howe’s Guides to HTML & CSS

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

• HTML
• CSS
• JavaScript

20. HTML 101 at Berkeley Knight Digital Media Center

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

結(jié)語(yǔ)

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

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

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

慧眼識(shí)珠，深入體會(huì)高大上的感覺(jué)：
《將高大上進(jìn)行到底！40款WORDPRESS和JOOMLA模板》

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

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

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(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"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量76萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：