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

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

1 – Don’t Fear The Internet

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

2 – Learn Layout

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

3 – Code School

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

4 – Dash General Assembly

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

5 – Channel 9 Web Development

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

6 – Aquent Gymnasium

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

7 – Alison’s Web Development

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

8 – Webmaking 101

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

9 – Code Avengers

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

10 – The New Boston

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

結(jié)語

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