首頁 > web前端 > js教程 > #DaysOfCode 週:掌握 JavaScript 基礎、建立 Blackjack 遊戲以及我的第一個 Chrome 擴充功能!

#DaysOfCode 週:掌握 JavaScript 基礎、建立 Blackjack 遊戲以及我的第一個 Chrome 擴充功能!

Susan Sarandon
發布: 2024-11-04 13:14:29
原創
407 人瀏覽過

Week f #DaysOfCode: Mastering JavaScript Fundamentals, Building a Blackjack Game, and My First Chrome Extension!

回顧第五週?

本週我的 #100DaysOfCode 挑戰充滿了里程碑、挑戰和大量 JavaScript!從建立簡單的 Blackjack 遊戲到部署 Chrome 擴展,我在理解和應用 JavaScript 基礎知識方面取得了重大進展。以下是每一天的詳細情況以及我一路上學到的東西。


第 30 天:互動式應用程式的 JavaScript 要點?

我從深入研究 JavaScript 基礎概念開始了這一週:

  • 腳本標籤及其在嵌入 JavaScript 中的作用。
  • 基本變數數字字串,並了解如何聲明和使用它們。
  • 練習使用console.log()輸出資料以進行偵錯和監控。
  • 探索函數以及它們如何封裝邏輯以供重用。
  • 深入研究DOM(文件物件模型),它為使用者互動開闢了令人興奮的可能性。
  • getElementById()innerText/textContent 用來選擇和操作 HTML 元素。

當我決定透過建立一個乘客計數器應用程式來應用這些技能時,這些技能派上了用場,該專案測試了我對 DOM 操作和基本 JavaScript 函數的理解。


第 31 天:用 JavaScript 寫二十一點遊戲?

第 31 天,我開始建造 Blackjack 遊戲!重點是 if-else 語句 來管理遊戲流程,特別是檢查贏/輸條件。使用條件邏輯創建動態遊戲玩法既具有挑戰性又令人興奮。透過使用基本規則和條件來建立遊戲,我對如何管理應用程式流程有了更深入的了解。


第 32 天:使用陣列?

JavaScript 陣列是第 32 天的重點。我學會了使用以下方法儲存和管理資料清單:

  • .push() 用來加入元素,
  • .pop() 用來刪除最後一個元素,
  • .slice() 用來處理陣列的部分。

這些工具是必不可少的,雖然需要一些練習,但我開始了解陣列如何提高資料管理效率。事實證明,數組是一種強大的資源,我很高興能夠進一步實現它們。


第 33 天:探索循環、隨機性和物件?

循環、隨機數產生和物件成為第 33 天的亮點。我練習了:

  • For 循環 用於迭代數據,
  • Math.random() 產生隨機數,加入不可預測性的元素,
  • 建立並使用物件來組織資料。

這些技能中的每一項對於建立二十一點遊戲都至關重要。這個過程幫助我了解了循環和隨機性如何創建引人入勝的動態應用程序,以及物件如何以可管理的方式組織複雜的資訊。


第 34 天:二十一點遊戲完成! ?

第 34 天標誌著我的二十一點遊戲的完成!這個專案幫助我鞏固了條件循環使用者互動等概念。看到這一切走到一起是值得的,我感到一種巨大的成就感。該遊戲不僅僅是功能性的,它代表了我作為開發者的成長。


第 35 天:強化基礎知識?

今天,我專門花時間練習這一週學到的所有內容。重新檢視循環物件陣列讓我加強了我的理解並使我的程式碼更乾淨、更有效率。重複是學習的關鍵,這一天對於加深我對 JavaScript 基礎知識的掌握至關重要。


第 36 天:建立我的第一個 Chrome 擴充功能! ?

我啟動一個 Chrome 擴充計畫結束了這一週。這是一個令人興奮的轉變,我了解到:

  • 事件偵聽器 觸發操作,
  • 本地儲存直接在瀏覽器中保存數據,
  • 範本文字 用於建立動態 HTML。

透過擴充功能看到 JavaScript 即時活躍起來是一種奇妙的體驗。它向我展示了 JavaScript 的強大功能,我很高興能夠繼續開發這個專案!


挑戰與進步

本週,我在 JavaScript 方法方面遇到了挑戰,尤其是在處理陣列和物件時。理解資料結構如何互動並有效地使用方法需要耐心和實踐。然而,每一天都帶來了小小的勝利,排除故障的過程增強了我解決問題的能力。


在我的 GitHub 儲存庫中查看我的進度和這些專案的程式碼,並關注 X @Toptech5419 進行每日更新!

在此推動 #100DaysOfCode 並繼續作為開發者成長!

以上是#DaysOfCode 週:掌握 JavaScript 基礎、建立 Blackjack 遊戲以及我的第一個 Chrome 擴充功能!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板