如何開始用 JavaScript 編碼? 第 1 部分 JavaScript 課程從初級到高級
已發表: 2021-10-21在本系列中,我們將在 10 篇博文中從 JavaScript 初學者到高級。 在本系列結束時,您將了解開始使用 JavaScript 編碼所需的所有基礎知識。
如何開始用 JavaScript 編碼? - 目錄:
- 這門課程是為誰準備的?
- 你實際上可以用 JavaScript 做什麼?
- 為什麼 JavaScript 如此受歡迎?
- 您可以在哪裡編寫和執行 JavaScript 代碼?
- 如何開始用 JavaScript 編碼?
這門課程是為誰準備的?
如果您是想開始使用 JavaScript 編碼的人,或者您是想更新 JavaScript 知識的人,那麼本課程適合您。 我還建議您收藏本教程以供您將來參考。 任何時候你想快速重新介紹一下這些概念,或者只是想記住 JavaScript 中使用的語法,都是將來回顧這個系列的好時機。
你實際上可以用 JavaScript 做什麼?
在深入研究 JavaScript 之前,最好先了解一下你可以用 JavaScript 做什麼。 您可能知道 JavaScript 是主導 Web 的語言。 你是完全正確的! JavaScript 最初是作為向網站添加行為的前端語言,現在已用於網站的各個方面。
它通常與其他 JavaScript 框架和庫(例如 React)一起用於前端 Web 開發。 它也是後端 Web 開發中最常用的語言,這要歸功於 Node.js,它允許您在 Web 服務器上運行 JavaScript。 但這根本不是它停止的地方。 JavaScript 被用於各種地方,包括創建漸進式 Web 應用程序和桌面應用程序。 它最近也開始使用 TensorFlow.js 用於機器學習。 再次感謝 Node.js,它還可以用於控制無人機、機器人以及 IOT 設備。
為什麼 JavaScript 如此受歡迎?
JavaScript 是目前最流行的編程語言,這是有充分理由的。 有多個主要因素使 JavaScript 成為今天的樣子。 其中包括運行環境的廣泛可用性、由於 Babel 的代碼版本安全以及在社區中的廣泛採用。 讓我們一次看看它們是什麼。
廣泛的可用性
JavaScript 從頭到尾主導著 Web。 如果你正在閱讀這篇文章來更新你的 JavaScript 知識,你可能知道每隔幾個月就會出現新的 JavaScript 框架,尤其是在前端 Web 開發方面,因為可以有很多方法來優化它。
正如我們將在本文後面看到的那樣,您無需安裝任何特殊軟件即可開始編寫和執行 JavaScript 代碼,因為您的瀏覽器中已經有了必要的工具。 僅此一項就降低了開始學習該語言的障礙,因為大多數編程語言都需要您安裝和設置編碼環境才能開始。
版本安全
編寫代碼的全部目的是在它應該運行時實際運行它。 在這樣做的過程中,您最不想做的就是讓您的網站的一半無法在大量用戶中運行。 但是,如果您的代碼必須在 1000 種不同的設備和瀏覽器組合上運行,您該怎麼辦? 你要為誰優化,你要放棄誰作為用戶? 你甚至必須做出這樣的選擇嗎? 如果您的一半用戶擁有舊設備而另一半擁有全新設備,您將為誰優化代碼,以及您將忽略誰作為您的客戶? 答案是,希望沒有,感謝 Babel。
Babel 是一種軟件,可以確保您的代碼即使在使用非常舊版本 JavaScript 的非常舊的瀏覽器上也能運行。 這樣,您就不必做出會導致您忽略一半客戶的選擇。 需要明確的是,您不使用 Babel 編寫代碼,或者它不是 JavaScript 的一種風格。 But 是一個非常常用的軟件,它可以將你已經編寫好的和工作的 JavaScript 代碼轉換為其他瀏覽器可以理解的 JavaScript 版本,即使他們的瀏覽器中有非常舊的 JavaScript 版本。
巨大的社區採用率
每當您編寫代碼時,不可避免地會遇到問題。 在那些時候,無論您使用哪種編程語言,看到您的問題已經被互聯網上的幫助者回答會非常有幫助。 這就是社區支持介入的地方,因此也是 StackOverflow。
如果你不知道 StackOverflow 是什麼,它基本上是人們用來提問和回答編程問題的最大編程論壇。 它不是您可以找到答案的唯一地方,肯定有一些地方對回答您的具體問題非常有幫助,但您很可能會在那裡找到大部分答案。 我並不是建議您只去 StackOverflow 並在那裡搜索您的問題。 通常谷歌搜索會給你最好的結果。
在學習編碼時,您可能不會對此抱有太多期望,但軟件開發的主要部分包括知道在 Google 上搜索什麼以更有效地找到答案。
這就是為什麼很多人想要開始使用 JavaScript 編碼的原因——將 JavaScript 作為最流行的編程語言絕對可以幫助您在短期和長期使用該語言。 每當你在寫作
JavaScript,想像一下成千上萬的人同時和你一起編寫 JavaScript。 有的發帖,有的答題。
當您編寫 JavaScript 代碼時,您並不孤單。
您可以在哪裡編寫和執行 JavaScript 代碼?
您可以在多個地方開始使用 JavaScript 進行編碼。 從技術上講,您可以在任何地方編寫 JavaScript,包括簡單的筆記本或文本編輯器。 但是您還需要一個 JavaScript 引擎來實際執行您的代碼。 但是你怎麼弄到一個。 好吧,如果您還記得文章的開頭,那麼您就知道您的瀏覽器中已經有了它。
在本系列博文中,我們將使用 Google Chrome 作為瀏覽器,因為它是 Web 開發中最常用的瀏覽器之一。 並且有充分的理由,Chrome 提供了一些最好的工具,使您在執行 Web 開發時變得更加輕鬆。 Chrome 有一個稱為 V8 引擎的 JavaScript 引擎,它獲取您的 JavaScript 代碼並執行它。 該 JavaScript 引擎還用於 Node.js 的開發,該軟件允許您將 JavaScript 從瀏覽器中取出。 Node.js 也是我們可以在各種地方使用 JavaScript 的原因,包括從 Web 服務器到無人機。
當您想開始使用 JavaScript 進行編碼時,很高興知道您需要一個 JavaScript 引擎來執行您的代碼,而現在您知道您的瀏覽器中已經有了一個。 您還知道,如果您想在瀏覽器之外運行 JavaScript,您需要為此下載並安裝 Node.js。 但是當涉及到實際編寫代碼並執行它時,這對您的編碼體驗意味著什麼? 通常你會想要使用某種 IDE(集成開發)
環境)來編寫你的代碼。 這樣,正如您從名稱中猜到的那樣,它附帶了更多工具,使您可以更輕鬆地長期使用代碼。 這些可能包括從減少輸入的文本完成到調試器的任何內容。 因為很多人都在使用這些 IDE,所以還有一些非常常見的擴展允許您自定義編碼環境,包括對代碼中的括號進行著色,以便更容易地查看哪個左括號與哪個右括號匹配。 如果您對括號的作用一無所知,現在不要擔心,我們將在這些博客系列中看到您必須了解的所有詳細信息。
目前一些最流行的 IDE 包括 Visual Studio Code、Atom 和 Sublime Text。 但為此,我們將從最簡單的選項開始,它實際上是使用 Chrome 瀏覽器本身來編寫和執行 JavaScript 代碼。
現在您已經了解了一些關於 JavaScript 的背景信息,讓我們實際設置我們的編碼環境並從“Hello, World!”開始。 代碼。
如何開始用 JavaScript 編碼?
為了開始用 JavaScript 編碼,我們需要設置編碼環境。
正如我們之前提到的,我們將在整個博客文章系列中使用 Google Chrome 作為我們的瀏覽器。 如果您已經安裝了 Chrome,那就太好了! 如果您不這樣做,那麼第一步實際上就是安裝 Google Chrome。 要下載 Chrome,您可以簡單地搜索“Google Chrome 下載”,從其網站下載,或者在這裡您可以找到一個鏈接以方便您下載 Chrome:
Google Chrome – 從 Google 下載快速、安全的瀏覽器現在您可以繼續並單擊“下載 Chrome”按鈕開始下載。 下載後,您可以繼續雙擊它並完成安裝過程,就像您從 Internet 下載的任何其他應用程序一樣。 它還可能會要求您登錄您的一個 Google 帳戶,您可以這樣做。
安裝 Chrome 後,雙擊它打開一個窗口。 現在您應該看到經典的 Google 搜索屏幕:
為了開始用 JavaScript 編碼,下一步是打開我們將在 Chrome 瀏覽器中編寫和執行代碼的實際位置。 從頂部菜單中,轉到:菜單,然後是開發人員,然後單擊 JavaScript 控制台。 您也可以使用 Mac 的快捷方式,即“option + command + J”。
完成之後,您應該會看到 JavaScript 控制台打開,看起來應該是這樣的:
如果你做到了這一步,太棒了! 是時候邁出有意義的一步了,讓您開始使用 JavaScript 進行編碼。 讓我們從一個hello world開始您的 JavaScript 之旅。 繼續輸入以下內容:
alert("Hello, World!");
輸入之後,讓我們通過按鍵盤上的“Enter”或“Return”鍵來運行我們的代碼!
現在您應該會看到一個彈出的警報,如下所示:
這樣,您就編寫了您的第一個“hello world”代碼! 現在您知道如何開始使用 JavaScript 進行編碼了。
在下一篇博文中,您將通過編碼示例了解 JavaScript 的基礎知識。
10 篇博文中從初級到高級的 JavaScript 課程:
- 如何開始用 JavaScript 編碼?
- JavaScript 基礎
- JavaScript 中的變量和不同的數據類型
- 片段和控制結構
- While 循環和 for 循環
- Java 數組
- JavaScript 函數
- JavaScript 對象
- JavaScript 方法等
- JavaScript 課程總結