為什麼學習web前端開發，必須要掌握好JavaScript這門程式語言？

相信每一個想要學習前端的人對於前端三劍客html+css+js都不會陌生，這些可以說是一個前端的基本配置，而在前端的世界裡，沒有什麼是JavaScript實現不了的，你真的瞭解js嗎？為什麼學習web前端開發要學習JavaScrip，並且必須要掌握，且精通？

關於JS有一句話：凡是可以用JavaScript來寫的應用，最終都會用JavaScript，JavaScript可執行在所有主要平臺的所有主流瀏覽器上，也可執行在每一個主流作業系統的伺服器端上。現如今我們在為網站寫任何一個主要功能的時候都需要有懂能夠用JavaScript寫前端的開發人員。

而後端程式碼是用什麼編寫的則無所謂——不管是Java，PHP，.NET，Node.js還是其他——但是客戶端就一定需要一個JavaScript開發人員。事實上，現在很多開發人員依然沒有認識到JavaScript有多麼強大。

JS實際使用的功能和領域，下面我們就來了解一下。

1.資料視覺化

資料視覺化是當下大家所推崇的一種互動展示模式，而Java擁有ECharts、Dygraphs.js、D3.js、InfoVis、Springy.js等多種可實現資料視覺化效果的框架。

2.移動應用

PhoneGap將WebView帶向了移動應用，同時也將JavaScript帶向了移動應用。

3.服務端

因為V8的效能將JavaScript帶到了一個新的高度，於是Node.js誕生了——前端、後臺都可以用JavaScript，現在任何一個網頁都離不開JavaScript。

4.全平臺應用

一份程式碼構建移動、桌面、Web能夠全平臺應用，在Eletcron上執行Ionic，就意味著無限的可能性。

5.遊戲

如果你對網頁遊戲僅僅停留在Flash的時代，認為只有Flash才能做出非常絢麗的遊戲特效，那就錯了。JavaScript也可以做出華麗的特效！

6.VR

利用3D 遊戲引擎，如Three.js，你也可以來建立一個 3D 世界。

7.硬體

Tessel可以直接在裝置上執行JavaScript，連伺服器都不需要，然後像做網路開發一樣通過用IDE和庫去開發它，上傳新的韌體只需一句tessel 推送指令。

8.作業系統

那麼是否有可能僅使用 Node.js 建立一個作業系統呢？NodeOS瞭解一下，雖然它是用 Linux 核心來處理各種底層任務，比如硬體通訊什麼的，但是除此之外，使用的都是 Node.js。

我總結了一些實戰意義的js學習經驗：

1：首先要緊緊抓住它的地位怎麼輕鬆學習js時刻都不能忘記，否則很容易犯“一葉障目不見泰山”的錯誤。不要學了很久就知道js是程式語言，就是寫程式碼、而且特點就是亂七八糟就完了，那樣是學不好js的。要時時抓住它的地位，確切的說是它在整個WEB中的地位：它屬於前端的核心，主要用來操控和重新調整DOM，通過修改DOM結構，從而來達到修改頁面效果的目的。要用這個中心思想去指導後續的一切js的學習，並且形成條件反射。

2：要有一條清晰的學習路線這個只能是過來人給你提供參考了。

我的學習路線如下：

A：js基礎部分，如：定義變數、函式、陣列、字串等的處理，內建函式、內建物件等。

B：js程式導向程式設計思想，封裝出各個函式，試著用這些去做一些常見的小功能，如：選項卡，自定義多選按鈕，自定義播放器，3D幻燈片；

C：js物件導向程式設計思想，試著去封裝一些你自己的物件，提供出有意義的介面出來；

D：學了上述的內容，然後學常用的庫，這裡必須學jquery;

E：學基於Jquery之上的常見外掛，如：bootstrap,Layer,富文字編輯器等。

F：綜合應用上面的多種庫寫實際專案的模板，多寫幾套。

3：注意學習方法

我的學習方法總結如下：

A：多買幾本國外的js書籍，不要購買那種20天精通之類的書。否則你是很難學通的，更怕的是：本來你買本好書自學3個月可能學會的，它們硬是能折騰你兩年......書籍推薦（僅供參考）《JavaScript DOM程式設計藝術》《JavaScript權威指南》《javaScript DOM高階程式設計》《JavaScript設計模式》《鋒利的jquery》爭取把書上的功能都自己練習多次，不是一次。書讀百篇，其義自見。一定不要好高騖遠不要放過哪怕很小的動手機會，如做一個選項卡。千萬不要認為有了類似的甚至更好的外掛就不需要自己寫了，知識是別人的，不是你的，你即使會用了也對你的技術技能水平沒有任何提升。你要多問自己，如果要我來做，我該怎麼做？

注意事項

A：充分利用一切手段很多人總感覺時間緊，沒有大塊的時間學習。我要說你不會學了，你不應該只是抱怨，而是要利用一切手段去學習，要知道，不一定只有看書才叫學習。當你冷靜的坐在某個地方，思考了一下，總結了一下，你也都叫學習，但凡有靈感，就可以記錄下來，比如：記錄在手機上，等方便了再記錄在專門的地方。這都叫學習。可以線上學習現在是網際網路時代要充分利用好它

B：貴在堅持要沉的下心。沒有一蹴而就的成功，否則那也不是成功，只能叫“僥倖”。不但要老老實實的把每個功能都試著去實現，而且要精益求精的不斷去修正，這個過程是漫長的，也是考驗一個人是否是人才的標準。

C：注意培養信心。此時的你，不適合一來就看很複雜很炫的網頁效果的原始碼，也不適合一來就學jquery，angular,vue，bootstrap這些東西。這些內容包含了很多深奧的知識在裡面，在沒有任何基礎的情況下直接學這些，會嚴重打擊你的自信心。而此時你是弱小的，你需要的是培養信心，而不是反過來，否則結局很可能是“夭折”，離學有所成也就遙遙無期了

D：多跟學的好的過來人學習站在巨人的肩上，才能看的更遠。

E：不要浪費在工具的不停選擇上js的編輯工具很多，如果無從下手，建議使用：sublime，或者使用Hbuilder；很多公司裡的技術人員都用這些，你直接用這個也減少了和別人之間的溝通問題。我也是用這個，感覺很好。

對web前端這門技術感興趣的小夥伴可以加入到我們的學習圈來，程式設計工作第六個年頭了，與大家分享一些學習方法，實戰開發需要注意的細節。784-783-012 扣扣裙。從零基礎開始怎麼樣學好前端。看看前輩們是如何在程式設計的世界裡傲然前行！不停更新最新的教程和學習方法（web前端系統學習路線，詳細的前端專案實戰教學視訊，PDF），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入。我們會一起結伴同行。點： 學習前端我們是認真的

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69901074/viewspace-2671715/，如需轉載，請註明出處，否則將追究法律責任。