大家好。因此,在本次挑戰的第二天,我決定離開 GitHub,專注於我真正想學習的東西:Javascript。
想像一下您是 Web 開發世界中的巫師。您擁有值得信賴的 HTML 來建立您的網站結構,就像神奇生物的骨骼一樣。然後,您可以使用 CSS 為其賦予某種風格,例如選擇完美的長袍或服裝。但缺少一些東西。你的創作是靜止的、沒有生命的。這就是 JavaScript (JS) 的用武之地——它是讓您的創作變得栩栩如生的魔杖! JavaScript 是一種程式語言,主要用於在網站上建立互動式動態內容。它使開發人員能夠實現動畫、表單驗證和即時更新等功能,而無需重新載入頁面。 JavaScript 可用於 Web 應用程式的前端(使用者看到並與之互動的內容)和後端(伺服器端操作)。
JavaScript 無所不在。正是這種語言造就了今天的網路:互動、有趣且具有無窮的吸引力。無論您是想創建一個很酷的網站、一個令人上癮的行動應用程序,還是一個遊戲,學習 JavaScript 就像學習書中最強大的咒語一樣。
JavaScript (JS) 是一種廣泛應用於 Web 開發的多功能程式語言。以下是 JavaScript 的一些關鍵用途:
1。網頁開發(前端)
互動式網頁:JavaScript 使網站具有互動性。從下拉式選單到圖像滑塊,它為您在網站上看到的動態元素提供動力。
表單驗證:在提交表單之前檢查使用者是否正確填寫了表單。
動畫:JavaScript 可以創造動畫和效果,例如螢幕上淡入淡出的元素或移動的物件。
2.網頁開發(後端)
伺服器端程式設計:借助 Node.js,JavaScript 可以在伺服器上執行來處理請求、管理資料庫和提供內容。
即時應用程式:JavaScript 用於即時應用程序,例如聊天應用程式、線上遊戲和即時資料流。
3.行動應用程式開發
跨平台行動應用程式:React Native 和 Ionic 等框架使用 JavaScript 來建立可在 iOS 和 Android 上運行的行動應用程式。
4.遊戲開發
瀏覽器遊戲:JavaScript 與 HTML5 和 Canvas 一起用於建立直接在瀏覽器中執行的互動式遊戲。
5.自動化與腳本
任務自動化:JavaScript 可以自動執行 Web 開發中的重複任務,例如縮小檔案或測試程式碼。
瀏覽器擴充功能:JavaScript 為許多瀏覽器擴充功能提供了支持,這些擴充功能增強了 Chrome 和 Firefox 等瀏覽器的功能。
6.資料視覺化
圖表和圖形:D3.js 和 Chart.js 等程式庫允許開發人員創建複雜的資料視覺化和互動式圖表。
7.人工智慧與機器學習
AI 和 ML 模型:JavaScript 以及 TensorFlow.js 等程式庫可用於直接在瀏覽器中建置和運行 AI 模型。
8.物聯網 (IoT)
物聯網設備:JavaScript 可用於對物聯網設備進行編程,從而實現設備和網路之間的通訊。
9.漸進式網路應用程式 (PWA)
PWA:JavaScript 支援開發可離線工作且感覺像是本機行動應用程式的 Web 應用程式。
10。 API 整合
取得資料:JavaScript 用於與 API 交互,從伺服器取得資料並將其動態顯示在網頁上。
這些只是 JavaScript 眾多用途的一小部分,由於其靈活性和廣泛的應用範圍,JavaScript 仍然是科技行業的關鍵語言。
所以基本上,我沒有直接開始我不理解的程式碼?我是一步一步來的。我首先學習如何在 chrome 開發工具上進行編碼,我想向您展示我是如何做到的。
如何開啟 Chrome 開發工具
有3種方式開啟chrome開發工具:
-Mac 上的 Command+Alt+J
Windows 上的 Control + Alt+ J
-右鍵點選滑鼠,然後選擇「檢查」也會在 Chrome 上開啟開發工具。雖然它會打開元素選項卡,然後我們可以轉到控制台,我們將在其中執行一些程式碼。
-最後一步是進入chrome選單,然後進入查看,點擊開發者。在開發者下方點選Javascript控制台,就會跳出控制台標籤。
對我有用的是第二個,我只需右鍵單擊滑鼠並單擊“檢查”,然後導航到控制台選項卡。
注意:我使用的是訪客瀏覽器,而不是一般瀏覽器。
我可以透過點擊命令加號來增加字體,反之亦然,在 mac 中點擊命令 -,但在 chrome 中它是 control + 和 control -。
我點選 control + 的圖片
我按一下控制項的圖片 -
控制台允許我們編寫和測試 Javascript 程式碼,因此它在開發過程中非常有用,例如修復錯誤,但我們無法使用此控制台編寫真正的應用程式。
alert("Hello World")
let js = "amazing" if (js === 'amazing') alert("Javascript is fun")
50+60-10 39+54-24
所以從上面的圖片中我們可以看到一個彈跳窗,甚至還有一些使用JS進行的數學計算。
我可以說我面臨的唯一挑戰是不知道為什麼程式碼會這樣運作,隨著時間的推移,我相信我會理解並非常擅長它。
我很高興我踏上了這段旅程,並且我已經學到了很多東西。我個人知道我很快就會克服我所面臨的挑戰,在你知道之前我就會成為大師?不管怎樣,非常感謝家人❤️。期待我的第三天文章??.
以上是#daysofMiva 程式設計挑戰日的詳細內容。更多資訊請關注PHP中文網其他相關文章!