對(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ò)上的在線課程和各類文章越來越多，在系統(tǒng)和完善程度上也做的頗為不錯(cuò)，所以即使你只是一個(gè)初學(xué)者，也能通過一系列系統(tǒng)的課程，稱為了一個(gè)稱職的設(shè)計(jì)師、開發(fā)者。當(dāng)然，不論課程是收費(fèi)還是免費(fèi)，最重要的其實(shí)還是你自己的堅(jiān)持，只有持之以恒，才能抵達(dá)目標(biāo)。

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

1 – Don’t Fear The Internet

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

2 – Learn Layout

這個(gè)網(wǎng)站更多的是給有網(wǎng)站開發(fā)基礎(chǔ)知識(shí)的人準(zhǔn)備的，如果你對(duì)于HTML和CSS有基本認(rèn)知的話，那么你可以從這里開始繼續(xù)學(xué)習(xí)提高。教學(xué)過程中，網(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)備的。雖然這種入門教程僅有8次課程，但是會(huì)為初學(xué)者帶來不少幫助的。

4 – Dash General Assembly

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

5 – Channel 9 Web Development

如果你是一個(gè)沒有任何編程開發(fā)經(jīng)驗(yàn)和網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)的初學(xué)者，那么這里的課程就很適合你了。這里針對(duì)初學(xué)者準(zhǔn)備了21個(gè)視頻，它們?nèi)菀桌斫猓驖u進(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è)按照類別來劃分的網(wǎng)站，有深入的設(shè)計(jì)知識(shí)，也有專業(yè)的編程視頻，這里的一切，都是圍繞著稱為專業(yè)的網(wǎng)站設(shè)計(jì)師/開發(fā)者而進(jìn)行的。

7 – Alison’s Web Development

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

8 – Webmaking 101

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

9 – Code Avengers

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

10 – The New Boston

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

結(jié)語(yǔ)

今天推薦的這10個(gè)在線學(xué)習(xí)網(wǎng)站都是免費(fèi)提供內(nèi)容的。雖然免費(fèi)是大勢(shì)所趨，但是從版權(quán)的角度上來說，適當(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)的部分，確定它們有用再買來慢慢學(xué)習(xí)，不也是挺好的么？

【幫你進(jìn)步提高的在線學(xué)習(xí)加油網(wǎng)站合集】

網(wǎng)站精選！自學(xué)設(shè)計(jì)的十佳站點(diǎn)！
《自學(xué)加油站！免費(fèi)在線學(xué)習(xí)平面設(shè)計(jì)的頂尖網(wǎng)站TOP 10》

了解業(yè)內(nèi)趨勢(shì)，學(xué)習(xí)最新技術(shù)的10個(gè)好去處！
《精挑細(xì)選！值得設(shè)計(jì)師天天看的10個(gè)設(shè)計(jì)類網(wǎng)站》

想變得優(yōu)秀，就跟著他們混！
《知己知彼百戰(zhàn)不殆！程序員常去的14個(gè)頂級(jí)開發(fā)社區(qū)》

原文地址：justcreative
優(yōu)設(shè)譯者：@陳子木

「子木說」

許多在線學(xué)習(xí)的網(wǎng)站和社區(qū)都有著非常不錯(cuò)的學(xué)習(xí)資源，不過許多網(wǎng)頁(yè)開發(fā)開發(fā)的基礎(chǔ)知識(shí)并不一定都寫得很全，所以，像w3school這樣的網(wǎng)站就很實(shí)用了，有啥不明白的在這里隨時(shí)查一下……

本文由優(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ì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量97萬的人氣微博@優(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è)哥的全拼
您也可以通過掃描下方二維碼快速添加：