強(qiáng)力推薦-網(wǎng)頁(yè)設(shè)計(jì)必知的20個(gè)教學(xué)資源站

好在偉大的互聯(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ò)專(zhuān)家設(shè)計(jì)和調(diào)整過(guò)的，非常不錯(cuò)。CodeCademy等網(wǎng)站還特別注重學(xué)習(xí)的氛圍和互動(dòng)，加快學(xué)習(xí)者的進(jìn)度。量力而行，選擇適合自己的是最重要的。