JavaScript 是網(wǎng)頁設(shè)計中繞不開的一部分，也是最熱的編程語言之一。作為網(wǎng)頁開發(fā)人員，JavaScript幾乎是必學(xué)的語言。技術(shù)的發(fā)展和軟硬件的發(fā)展，使得JavaScript的性能有了更大的提升空間。

如果你打算在事業(yè)上有更為長足的進(jìn)步，掌握J(rèn)avaScript能為你帶來更多的可能性，這是毋庸置疑的。在今天的這篇文章中，我們搜集了15個最適宜學(xué)習(xí)JavaScript的網(wǎng)站，其中有的以文章為主，有的則提供了系統(tǒng)的教程和完整的視頻，立體的學(xué)習(xí)方式能讓你更完整地掌握這門語言。

1. JavaScript.com

JavaScript.com 是不可多得的學(xué)習(xí)資源，它是一個由Code School 團(tuán)隊建立的JavaScript 社區(qū)，這個社區(qū)秉承開源共享的精神，分享知識，其中內(nèi)容是完全免費(fèi)的。對于編程新手而言，JavaScript也算是一種強(qiáng)大而易于上手的語言，在這個社區(qū)當(dāng)中，來自世界各地的程序員和開發(fā)者搜集整理了大量的內(nèi)容，方便新手學(xué)習(xí)。由于JavaScript 的強(qiáng)大擴(kuò)展性，大量的第三方的工具、庫和框架層出不窮，你在社區(qū)當(dāng)中還能及時獲得相關(guān)的更新和新聞。

2. W3schools

W3schools 絕對是一個了不起的網(wǎng)站，許多前端和設(shè)計師都是從這里開始學(xué)習(xí)寫網(wǎng)頁的。你在這里可以學(xué)習(xí)HTML、CSS等語言，同樣也可以學(xué)習(xí)JavaScript，當(dāng)然，永遠(yuǎn)免費(fèi)。網(wǎng)站針對不同階段的讀者準(zhǔn)備了基礎(chǔ)版和高級版，你可以根據(jù)你的學(xué)習(xí)進(jìn)度來選擇。另外網(wǎng)站準(zhǔn)備了在線的測試工具，你可以跟著教程寫代碼，測試實際效果。

3. Mozilla Developer Network

Mozilla Developer Network （MDN）是火狐瀏覽器所屬的魔智公司所創(chuàng)建的網(wǎng)站。這個網(wǎng)站搜集整理了大量的JavaScript 學(xué)習(xí)指南和資源給初學(xué)者，在線教程也被劃分成為初級，中級和高級三個不同級別。

4. Superhero.js

創(chuàng)建、測試和維護(hù)一個大型的JavaScript代碼庫本就是一件極為不容易的事情，而教你如何測試維護(hù)大型JS代碼庫的教程就更難找了。Superhero.js 的價值就在這里。這個網(wǎng)站搜集整理了創(chuàng)建、測試和維護(hù)JS庫的相關(guān)文章、視頻和PPT，你可以總這里了解到具體的語法，組織項目的具體方法，怎樣測試代碼，如何更新庫，等等等等。

5. LetsCodeJavaScript

有過 JavaScript 編程開發(fā)經(jīng)驗的開發(fā)者都知道，這個編程語言除了眾所周知的優(yōu)點(diǎn)和每種語言都相似的特征之外，它還是一門測試驅(qū)動開發(fā)（TDD）的編程語言。這種技術(shù)是為了確保你的代碼能按照你的想法來運(yùn)作而存在的。TDD可以幫你將絕大多數(shù)的錯誤清理掉，盡管它不是100%完美。如果你是一名慣于使用TDD的JavaScript程序員，那么LetsCodeJavaScript這個站可以讓你省心不少。

6. Learn JS

無論你是否是一名經(jīng)驗豐富的程序員，Learn JS這個網(wǎng)站都能幫到你——它是為所有愿意學(xué)習(xí)JS編程的人設(shè)計的。你所需要做的，就是打開對應(yīng)的章節(jié)，開始你的學(xué)習(xí)歷程，就這么簡單。

7. Code Avengers

在Code Avengers開始你的JS學(xué)習(xí)是一件有趣而容易的事情。無論你是第一次接觸開發(fā)，還是有過類似經(jīng)驗，這里的課程都會一步一步帶你逐步成長起來。他們的課程被設(shè)計得非常靈活，你可有在任何時候開始和暫停。每天花費(fèi)30分鐘，搞定一個知識點(diǎn)，也可以在周末用整塊的時間來搞定一個章節(jié)。在這里你不僅能看視頻閱讀各種文章，還可以構(gòu)建一些可行的項目。構(gòu)建一些可行的項目。

8. Codeacademy

Codeacademy 是著名的在線學(xué)習(xí)社區(qū)，其中就包含了JavaScript 的課程，其中的入門教程很好的融入了JavaScript 的函數(shù)和相關(guān)的編程概念。

9. Eduonix

Eduonix 為你準(zhǔn)備了一套有用而又易于理解的在線視頻教程，幫你搞定JavaScript和jQuery 的學(xué)習(xí)。每個視頻都由專業(yè)的人員創(chuàng)建，他們?yōu)槟憬忉孞avaScript的每一個概念和重要的細(xì)節(jié)。

10. Alison

Alison 是一個在線的免費(fèi)課程，只是針對JavaScript和jQuery。這套課程將會帶你深入了解JavaScript 的各種相關(guān)主題，包含測試、函數(shù)、對象、數(shù)組、循環(huán)和各種語法知識。

11. Adobe KnowHow

Adobe Systems 所提供的這套JavaScript 課程可能是網(wǎng)上最好的課程之一，它是為JS的學(xué)習(xí)者量身打造的一套教程，不同階段的學(xué)習(xí)者能從中學(xué)到自己想要的東西。

12. AboutTech

你沒有任何編程經(jīng)驗，就可以從這個系列開始學(xué)習(xí)。About tech 將會手把手教你開始編寫JavaScript 程序，讓你不再需要依靠別人預(yù)制的腳本一步一步來。相反，你可以創(chuàng)建屬于你自己的程序，這正是這套課程所推崇的。

13. CodeSchool

Codeschool 是一個為渴望學(xué)習(xí)的開發(fā)者而建立的在線學(xué)習(xí)社區(qū)，其中涵蓋的內(nèi)容非常廣泛，包括了JavaScript、HTML/CSS、Ruby、Git 和iOS，等等。Code School同經(jīng)驗豐富的開發(fā)者一同精心制作了高質(zhì)量的內(nèi)容，造福每一個社區(qū)成員。

14. Dash

Dash 是一個在線課程，可以教你如何用HTML、CSS和JS從頭開始構(gòu)建網(wǎng)站。

15. Learn Visual Studio

這個在線的視頻課程由21集組成，在此過程中你會了解JS的基礎(chǔ)知識，比如如何獲取工具，如何編寫代碼，等等等等。為了方便大家學(xué)習(xí)，JS相關(guān)的概念會被整合到每一集課程中，方便集中學(xué)習(xí)、搜索和關(guān)注。

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

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

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

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

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

「子木說」

大家學(xué)知識的方式不盡相同，有人喜歡在線學(xué)習(xí)，有人喜歡看書做筆記。如果你正好是后者，那么有幾本不錯的入門書值得讀一下：《Javascript dom 編程藝術(shù)》和《Javascript高級程序設(shè)計》，進(jìn)階一點(diǎn)的推薦《Javascript語言精辟》。當(dāng)然，肯定有人會向你推薦《JavaScript權(quán)威指南》的，不過我的經(jīng)驗是這種大部頭在入門的時候看真的不合適，我的這本就墊在顯示器下面……

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