對(duì)于一個(gè)互聯(lián)網(wǎng)從業(yè)者，持續(xù)不斷的學(xué)習(xí)是不可避免的。新的技能是成長(zhǎng)的必要條件，也是改變職業(yè)生涯的基石。想成為一名優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師、前端，不斷砥礪技術(shù)，掌握新知識(shí)是必修課。還好網(wǎng)絡(luò)上的在線課程和各類文章越來(lái)越多，在系統(tǒng)和完善程度上也做的頗為不錯(cuò)，所以即使你只是一個(gè)初學(xué)者，也能通過(guò)一系列系統(tǒng)的課程，稱為了一個(gè)稱職的設(shè)計(jì)師、開(kāi)發(fā)者。當(dāng)然，不論課程是收費(fèi)還是免費(fèi)，最重要的其實(shí)還是你自己的堅(jiān)持，只有持之以恒，才能抵達(dá)目標(biāo)。

當(dāng)然，你的部分你來(lái)完成，而我除了鼓勵(lì)，能給你的，就是這些精心挑選的在線課程了。這些課程基本都是英文的，但是通常都不難，希望能給你幫助。

1 – Don’t Fear The Internet

這個(gè)網(wǎng)站所提供的學(xué)習(xí)系統(tǒng)旨在為用戶提供系統(tǒng)的藝術(shù)類知識(shí)的學(xué)習(xí)，比如幫你稱為設(shè)計(jì)師或者攝影師?，F(xiàn)在網(wǎng)站加入了網(wǎng)頁(yè)開(kāi)發(fā)的課程，如果你正好擁有一個(gè)有待設(shè)計(jì)和優(yōu)化的網(wǎng)站，那么這里的課程正好可以帶你一步一步搞定網(wǎng)站的設(shè)計(jì)和開(kāi)發(fā)。七個(gè)簡(jiǎn)短的視頻，七個(gè)切實(shí)可行的步驟，跟著課程設(shè)計(jì)并開(kāi)發(fā)好網(wǎng)站就好了。

2 – Learn Layout

這個(gè)網(wǎng)站更多的是給有網(wǎng)站開(kāi)發(fā)基礎(chǔ)知識(shí)的人準(zhǔn)備的，如果你對(duì)于HTML和CSS有基本認(rèn)知的話，那么你可以從這里開(kāi)始繼續(xù)學(xué)習(xí)提高。教學(xué)過(guò)程中，網(wǎng)站提供了內(nèi)容翔實(shí)的幻燈片，你可以按照你的狀況控制學(xué)習(xí)進(jìn)度。

3 – Code School

學(xué)以致用是Code School的座右銘。的確，對(duì)于初學(xué)者而言，持續(xù)不斷地保持熱情并不現(xiàn)實(shí)。而這個(gè)網(wǎng)站就是為絕大多數(shù)不愿意折騰CMS系統(tǒng)，也不愿意學(xué)習(xí)繁瑣技術(shù)細(xì)節(jié)的朋友準(zhǔn)備的。雖然這種入門(mén)教程僅有8次課程，但是會(huì)為初學(xué)者帶來(lái)不少幫助的。

4 – Dash General Assembly

這是一套為初學(xué)者準(zhǔn)備的網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)課程，通過(guò)一系列充滿故事性，富有交互性的內(nèi)容構(gòu)成。和其他的課程類似，其中包含了JS、HTML和CSS的知識(shí)。作為一套輕量級(jí)的課程，這里并不會(huì)教授你如何自己寫(xiě)一個(gè)完備的電商網(wǎng)站，這套 課程更多的是讓新手了解如何調(diào)整、使用一個(gè)全新的網(wǎng)站，在設(shè)計(jì)和程序編寫(xiě)上不會(huì)進(jìn)行過(guò)于深入的講解，總之，它會(huì)讓用戶無(wú)需花錢去購(gòu)買那些看起來(lái)很高端的服務(wù)。

5 – Channel 9 Web Development

如果你是一個(gè)沒(méi)有任何編程開(kāi)發(fā)經(jīng)驗(yàn)和網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)的初學(xué)者，那么這里的課程就很適合你了。這里針對(duì)初學(xué)者準(zhǔn)備了21個(gè)視頻，它們?nèi)菀桌斫?，循序漸進(jìn)，并且覆蓋了所需要的基礎(chǔ)知識(shí)。

6 – Aquent Gymnasium

Aquent Gymnasium 是一個(gè)非常不錯(cuò)的站，時(shí)下流行的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)、最新的前端技術(shù)、CSS樣式和用戶體驗(yàn)設(shè)計(jì)相關(guān)的課程，你都可以在這里找到。這是一個(gè)按照類別來(lái)劃分的網(wǎng)站，有深入的設(shè)計(jì)知識(shí)，也有專業(yè)的編程視頻，這里的一切，都是圍繞著稱為專業(yè)的網(wǎng)站設(shè)計(jì)師/開(kāi)發(fā)者而進(jìn)行的。

7 – Alison’s Web Development

Alison的網(wǎng)頁(yè)開(kāi)發(fā)課程總共分為9個(gè)部分，這套簡(jiǎn)單易懂的課程能讓你在自己設(shè)計(jì)并開(kāi)發(fā)網(wǎng)站過(guò)程中，獲得足夠的成就感。課程主要覆蓋了HTML和CSS等常見(jiàn)內(nèi)容，涉及到設(shè)計(jì)、開(kāi)發(fā)和發(fā)布等不同部分，循序漸進(jìn)，在實(shí)戰(zhàn)中學(xué)習(xí)，是你學(xué)習(xí)過(guò)程中不錯(cuò)的引導(dǎo)。

8 – Webmaking 101

這是一套頗為不錯(cuò)的網(wǎng)頁(yè)設(shè)計(jì)課程，不過(guò)如果你想深入鉆研響應(yīng)式和動(dòng)效的話，那還是先不要看這套課程。這里的課程內(nèi)容大多是從網(wǎng)上搜集整理而來(lái)，絕大多數(shù)的知識(shí)和內(nèi)容都覆蓋了，唯有近期流行的響應(yīng)式和動(dòng)效暫時(shí)還沒(méi)填補(bǔ)上。有些技巧和竅門(mén)在這里并非一脈相承，所以看的時(shí)候，還需要你自己進(jìn)行適當(dāng)?shù)拇蚰ズ豌@研。

9 – Code Avengers

這個(gè)網(wǎng)站涵蓋了100多個(gè)課程，其中覆蓋了從嵌入式到設(shè)計(jì)JS動(dòng)效等多種內(nèi)容，有的課程甚至上手就教你怎么做APP。如果你的需求正好比較獨(dú)特，說(shuō)不定能在這里找到你需要的。

10 – The New Boston

這是一個(gè)Web應(yīng)用開(kāi)發(fā)的網(wǎng)站，有53個(gè)視頻，主要是針對(duì)HTML5和CSS3這方面內(nèi)容的。這些視頻詳細(xì)介紹了HTML5和CSS3的相關(guān)規(guī)范，分析其中個(gè)功能和詳細(xì)各個(gè)元素的含義和使用方法。

今天推薦的這10個(gè)在線學(xué)習(xí)網(wǎng)站都是免費(fèi)提供內(nèi)容的。雖然免費(fèi)是大勢(shì)所趨，但是從版權(quán)的角度上來(lái)說(shuō)，適當(dāng)且合理的付費(fèi)購(gòu)買數(shù)字內(nèi)容，也是應(yīng)該培養(yǎng)的習(xí)慣。許多高品質(zhì)的在線學(xué)習(xí)內(nèi)容確實(shí)是收費(fèi)的，而且這個(gè)費(fèi)用有的時(shí)候也是非常劃算的。先看看免費(fèi)的部分，確定它們有用再買來(lái)慢慢學(xué)習(xí)，不也是挺好的么？