avaScript（通常縮寫為JS）是一種解釋型、面向?qū)ο蟆⒍喾妒降母呒壘幊陶Z言。它被世界上的絕大多數(shù)網(wǎng)站所使用，也被世界主流瀏覽器（Chrome、IE、Firefox、Safari、Opera）支持。

JavaScript是世界上最流行的腳本語言，因?yàn)樗苋菀咨鲜郑覍W(xué)習(xí)到它的精髓之后還可以編寫高質(zhì)量的代碼，這就是我推薦給初學(xué)者學(xué)習(xí)的主要原因。今天就帶大家來學(xué)習(xí)JavaScript。這是當(dāng)年我學(xué)習(xí)JavaScript的六大步驟，希望對你也有幫助：

1.學(xué)習(xí)JavaScript基礎(chǔ)語法：

古人常道：“萬丈高樓平地起”，意思大概是再高的大廈都要從平地開始修建，學(xué)習(xí)JavaScript也是一樣，想要學(xué)好它就一定要把基礎(chǔ)先打牢，學(xué)習(xí)JS的第一步是JavaScript基礎(chǔ)語法。

首先，你要了解async和defer之間的區(qū)別，然后，深入學(xué)習(xí)代碼語法知識，例如變量，數(shù)據(jù)類型，循環(huán)和條件語句，函數(shù)，匿名函數(shù)，閉包，陣列和關(guān)聯(lián)陣列，事件，正則表達(dá)式，promises。

注意語法順序一定要準(zhǔn)確！上述舉例如果有遺漏的，大家可以在評論區(qū)留言。此外，我個人推薦你學(xué)習(xí)如何使用Chrome DevTools調(diào)試，因?yàn)镃hrome DevTool是遠(yuǎn)程調(diào)試JS最好的工具。

2.學(xué)習(xí)面向?qū)ο缶幊蹋?/span>

當(dāng)你具備一定的JavaScript基礎(chǔ)語法后，你應(yīng)該轉(zhuǎn)向?qū)W習(xí)面向?qū)ο缶幊蹋∣OPs）。OOPs是JS和其他編程語言中最重要的概念。JS中的OOPs是基于原型繼承鏈上運(yùn)行的，不像Java或C++是基于對象或類繼承。

然而，關(guān)于元數(shù)據(jù)，你可以在學(xué)習(xí)了OOPs之后再轉(zhuǎn)到學(xué)習(xí)元數(shù)據(jù)編程。雖然元數(shù)據(jù)很好學(xué)，但它并不是JS中最重要的部分。我相信，你可不會喜歡JS帶來的意外“驚喜”。

3.學(xué)習(xí)測試QA：

測試代碼和調(diào)試JS一樣重要！你可能聽說過TDD(測試驅(qū)動開發(fā))或BDD(行為驅(qū)動開發(fā))這樣的詞，但到底是什么意思呢？簡而言之，TDD是指寫一個未通過的測試用例，然后讓測試通過，最后重構(gòu)。

而BDD則是根據(jù)業(yè)務(wù)，編寫具體的例子和自動化的測試，通過探索，發(fā)現(xiàn)，定義，最后推出軟件所需的行為。BDD和TDD之間沒有本質(zhì)的區(qū)別。把它們組合在一起的是，它們都需要一群人，指定軟件在執(zhí)行之前應(yīng)該如何協(xié)同行動。

4.學(xué)習(xí)jQuery：

jQuery是一套跨瀏覽器的JavaScript庫，它的特點(diǎn)是動態(tài)性和互動性。它使用起來十分方便，就jquery本身而言，你經(jīng)常會遇到如何將AJAX與jQuery整合的問題。AJAX是什么？舉個例子來說吧，

「當(dāng)你在百度瀏覽器中輸入一個關(guān)鍵詞，不用刷新便可得到關(guān)于詞條的一些內(nèi)容，這就是AJAX」

AJAX是Asynchronous JS and XML的縮寫，它主要處理的是與HTML和CSS不同步的請求而產(chǎn)生的問題。

5.學(xué)習(xí)框架

現(xiàn)在，你已經(jīng)了解了jQuery，JS基礎(chǔ)語法，AJAX，Chrome DevTools，測試QA。以下的是你們現(xiàn)在真正應(yīng)該學(xué)習(xí)的內(nèi)容——框架：

React：

React的前身是React.JS。React最初是由Facebook和少數(shù)個人以及一個小社區(qū)開發(fā)的，但隨著時(shí)間的推移，React進(jìn)行了多次的優(yōu)化，現(xiàn)在它變成了很有意思而且功能很強(qiáng)大的代碼，也很容易學(xué)習(xí)。我個人是十分推薦你學(xué)習(xí)React的。日后，你可以用React以組件的形式在網(wǎng)頁中開發(fā)用戶界面。

Angular：

Angular在某方面和React非常相似，不過你可以用Angular以組件的形式編寫SPA。它是現(xiàn)在IT行業(yè)前端開發(fā)方面需求量最大的語言。Angular其實(shí)是JS框架，基本上意味著它是用JS編寫的。

你可以在每個瀏覽器的各個角落遇見JS，這也側(cè)面證實(shí)了JS功能十分強(qiáng)大，也十分有用。我強(qiáng)烈建議你既要學(xué)習(xí)React，也要學(xué)習(xí)Angular。

Node.JS：

Node.JS是在服務(wù)器端編寫JS的框架。用Node.JS寫的代碼或API的速度快得離譜，而且Node.JS還可以同時(shí)處理多個請求。不像其他后端語言，很少有公司在Node.JS上實(shí)現(xiàn)了他們的服務(wù)器。

它是服務(wù)器端語言的未來，在Node中實(shí)現(xiàn)的大型Web應(yīng)用程序的可擴(kuò)展性和部署方面存在一些問題，所以現(xiàn)在我不會稱它為服務(wù)器端語言的主角。

Express.JS：

和上文所述的框架一致，它也是一個功能強(qiáng)大的框架。Express.JS簡稱Express，它是針對Node.JS的web應(yīng)用框架，在MIT許可證下作為自由及開放源代碼軟件發(fā)行。它被設(shè)計(jì)來建造web應(yīng)用和API。

同樣它也是由用JS編寫的，我個人建議如果你在學(xué)習(xí)Node.JS，那么一定要把Express.JS也掌握好。

6.學(xué)習(xí)庫

框架學(xué)習(xí)也結(jié)束了，下面正是學(xué)習(xí)JavaScript之路上至關(guān)重要的最后一點(diǎn)。學(xué)習(xí)一段時(shí)間后，你可能絞盡腦汁想寫好代碼，而且明明思路很清晰，卻只能寫出一點(diǎn)點(diǎn)代碼。這時(shí)候你就該使用這個庫了，我并沒有推廣庫的想法，而是真心希望你可以擁有非常有趣的學(xué)習(xí)和使用經(jīng)歷。

Coffee.Script：

Coffee.Script與JS功能類似，但它有一個好處就是沒有分號，括號，雙引號，甚至是大括號的雜亂和麻煩。當(dāng)你學(xué)習(xí)了JS的基礎(chǔ)語法，搭建完眾多框架，再學(xué)習(xí)coffee.script，你就會意識到它有多么的很簡單。正因?yàn)樗秩菀拙帉懀晕艺娴暮芡扑]你們進(jìn)行學(xué)習(xí)。

當(dāng)你開始學(xué)習(xí)時(shí)也可以使用JS文檔訪問JavaScript，并且不要害怕一路上承擔(dān)一些項(xiàng)目。完全不需要擔(dān)心，項(xiàng)目會給你帶來的挑戰(zhàn)，項(xiàng)目的一次次完成會帶給你不一樣的新鮮感和信心，只有突破重圍才會看到嶄新的自己。記住明天的你會感激現(xiàn)在拼命的自己，當(dāng)你精通JS之時(shí)，任何挑戰(zhàn)都沒有辦法限制你學(xué)習(xí)。

如果你對這篇文章有任何感悟或想法，可以在評論區(qū)留言。我個人對編碼充滿了激情，我認(rèn)為每個人都應(yīng)該學(xué)習(xí)它，而不是敬而遠(yuǎn)之。衷心地祝原你在編碼的路上越走越穩(wěn)，越走越快，越走越遠(yuǎn)。到那時(shí)你雖已是碼農(nóng)，但你仍要牢記學(xué)習(xí)，從中得到啟發(fā)，并走向更美好的明天。

編程有沒有必要學(xué) HTML 呢？這是編程初學(xué)者中非常普遍的問題，而且在網(wǎng)上意見分歧很大。關(guān)于初學(xué)者在學(xué)習(xí) HTML 前的一些常見問題，編程獅W3Cschool整理了以下資料希望對你有所幫助：

學(xué)編程不需要學(xué)習(xí)HTML？

那些說不需要 HTML 知識的人要么不了解 Web 設(shè)計(jì)，要么別有用心。雖然現(xiàn)在哪怕不會 HTML 也有其他方法可以解決 web 設(shè)計(jì)相關(guān)問題，但絕大多數(shù)資深前端開發(fā)者還是會建議你最好還是要學(xué)習(xí)它的。

沒有時(shí)間學(xué)習(xí)HTML？

通常了解基本知識只需要20到40分鐘。花幾個小時(shí)學(xué)習(xí) w3cschool官網(wǎng) 的《HTML 教程 》和《HTML 微課 》，你就可以制作一個簡單而完整的網(wǎng)頁。如果你愿意每周花幾個小時(shí)，學(xué)習(xí)幾個月的 《前端開發(fā)體系課程 _ 》，那么您將對網(wǎng)站的工作方式有一個很好的了解。這種時(shí)間上的投資將獲得很大的回報(bào)比。試想下，如果你本周花在學(xué)習(xí)上一小時(shí)，未來的工作上每個月都將永遠(yuǎn)節(jié)省一個小時(shí)。盡管投資回收期在開始時(shí)比較緩慢，但你最終可以只需要花費(fèi)一小部分時(shí)間用來完成工作，你覺得值得嗎？

編寫HTML太慢？

這是勸退很多人的一個原因，但實(shí)際上這個問題是不存在的。因?yàn)榇蠖鄶?shù)情況下我們不需要編寫 HTML 代碼，只需了解它即可。

我有一個很好的所見即所得編輯器，所以我不需要HTML

市面上有很多可視化的工具如 WYSIWYG 、Dreamweaver及現(xiàn)在越來越多的”低代碼“云開發(fā)工具等，它可以幫助你更高效地工作。如前所述，你并不是要手動輸入 HTML 代碼，而是要了解 HTML 的工作原理。

例如：射釘槍能比錘子更快地幫助您建造房屋，但是如果你不知道如何搭建框架以及將釘子釘在何處，造出來的房屋很可能會倒塌。我們需要了解如何手動構(gòu)造 HTML，然后使用所見即所得工具更快地工作。

PS：所見即所得的編輯器永遠(yuǎn)不會是完美的，總有時(shí)候是需要我們手動來調(diào)整 HTML。。

我不擅長學(xué)習(xí)計(jì)算機(jī)語言

放心，雖然我們時(shí)常把它稱為語言，但其實(shí) HTML 并不是一種編程語言（從技術(shù)上講，HTML 被稱為“mark up”語言，也就是標(biāo)記語言，英文全稱是“HyperText Markup Language”。）。從難度上講，它就像是小孩子們的“密碼”游戲。真正難點(diǎn)在于要學(xué)習(xí)的東西太多了，但是請記住，你不必全部都學(xué)會！只要按照自己的步調(diào)學(xué)習(xí)盡可能多的知識即可。

不要將費(fèi)時(shí)與困難混淆。HTML 很耗時(shí)，但是并不難。另外，你不需要學(xué)會全部知識點(diǎn)，即使只花費(fèi)幾個小時(shí)來學(xué)習(xí)基本結(jié)構(gòu)也將極大地幫助你。

HTML會過時(shí)嗎？

不會。其他編程語言一直在發(fā)展中，并且很可能最終會取代 HTML，但是 HTML 將在很長一段時(shí)間內(nèi)繼續(xù)作為幾乎所有網(wǎng)站的基礎(chǔ)。在任何情況下，HTML 都會為您提供堅(jiān)實(shí)的基礎(chǔ)，然后再采用 XML 等新語言。

HTML對我而言太過局限了

如果您的目的是創(chuàng)建網(wǎng)頁，那么很抱歉告訴你，無論你喜不喜歡，你只能選擇 HTML，因?yàn)樗菢?gòu)成網(wǎng)絡(luò)構(gòu)成的基礎(chǔ)。如果你真的想以其他格式（例如PDF）來傳送，請注意，它并不是一個網(wǎng)頁，所以它不能實(shí)現(xiàn)我們在網(wǎng)頁中的一些常見功能。

以上就是編程獅W3Cschool為你整理的關(guān)于《為什么要學(xué)習(xí)HTML？HTML會過時(shí)嗎？》的全部內(nèi)容，現(xiàn)在你要開始學(xué)習(xí) HTML 了嗎？

avaScript是一門既靈活又強(qiáng)大的編程語言。乍一看，它似乎很簡單，但深入研究后，會發(fā)現(xiàn)它其實(shí)非常復(fù)雜，很多初學(xué)者都會感到困惑甚至放棄。我有一個朋友，他的編程之路充滿了曲折和努力，我想把他的故事分享出來，希望能給大家?guī)韱l(fā)。

初涉編程的迷茫

我的朋友在剛開始接觸編程時(shí)，對編程語言完全不了解。他的哥哥建議他學(xué)習(xí)PHP，但他覺得太難了，于是轉(zhuǎn)而學(xué)習(xí)HTML。他的編程啟蒙來自W3School和YouTube上的Thapa Technical頻道。他不斷在W3School上學(xué)習(xí)HTML，盡管那時(shí)他對Web應(yīng)用和移動應(yīng)用還沒有概念，但他始終堅(jiān)持學(xué)習(xí)。

JavaScript的初體驗(yàn)

在掌握HTML之后，他了解到有一種叫JavaScript的語言，于是開始學(xué)習(xí)，盡管那時(shí)他還不懂CSS。熟悉了JavaScript的基本語法，如函數(shù)、變量和運(yùn)算符之后，他開始按照Thapa Technical的視頻制作項(xiàng)目。為了提升自己的能力，他重復(fù)做了很多項(xiàng)目，直到能夠不依賴參考資料獨(dú)立完成。這種反復(fù)練習(xí)增強(qiáng)了他的信心，也讓他保持了學(xué)習(xí)的動力，這對于每一個開發(fā)者來說都是至關(guān)重要的。

項(xiàng)目實(shí)戰(zhàn)與深度探索

在完成了一些基礎(chǔ)項(xiàng)目，如計(jì)算器、貪吃蛇游戲、待辦事項(xiàng)應(yīng)用和圖片下載器之后，他決定深入研究JavaScript。因?yàn)樗麑avaScript情有獨(dú)鐘，隨時(shí)隨地都樂意編寫代碼。到現(xiàn)在為止，他學(xué)習(xí)JavaScript已經(jīng)有兩年半了。盡管如此，他仍然覺得自己不夠完美，希望不斷提升，以開發(fā)出高質(zhì)量的軟件。他現(xiàn)在不僅僅是學(xué)習(xí)JavaScript，更希望理解它的精髓。

有效學(xué)習(xí)的秘訣

朋友的經(jīng)歷告訴我們，有效的學(xué)習(xí)方法是專注而深入地學(xué)習(xí)一種技術(shù)，而不是貪多嚼不爛。首先要從基礎(chǔ)的主題開始，如函數(shù)、運(yùn)算符、循環(huán)、控制流語句和變量。然后，嘗試通過JavaScript控制HTML，學(xué)習(xí)必要的DOM和BOM對象。創(chuàng)建一些基礎(chǔ)項(xiàng)目，并反復(fù)多次地制作，直到完全自信為止。在學(xué)習(xí)過程中，不要因?yàn)榭吹絼e人學(xué)得快而感到心急。只要堅(jiān)持，任何事情都是可能的。所以，如果你正在學(xué)習(xí)JavaScript，就專注于這一件事。

總結(jié)

先學(xué)習(xí)，然后理解。保持專注，持續(xù)努力，你一定能夠掌握J(rèn)avaScript這門美麗的編程語言。我朋友的故事正是最好的例證，希望他的經(jīng)歷能激勵更多的初學(xué)者走上編程之路。