第 5 週 #DaysOfCode: JavaScript の基礎をマスターし、ブラックジャック ゲームを構築し、初めての Chrome 拡張機能を使用します。

第 5 週を振り返って ?

今週の #100DaysOfCode チャレンジは、マイルストーン、課題、そして大量の JavaScript でいっぱいでした。シンプルなブラックジャック ゲームの構築から Chrome 拡張機能のデプロイまで、JavaScript の基礎の理解と応用において大きな進歩を遂げました。ここでは、毎日の内訳とその過程で学んだことを紹介します。

---

30 日目: インタラクティブなアプリのための JavaScript の基礎?

私は JavaScript の基本的な概念を深く理解することから週を始めました。

• スクリプト タグ と JavaScript の埋め込みにおけるその役割。
• 基本的な 変数、数値、文字列、およびそれらの宣言方法と操作方法を理解します。
• デバッグと監視のために、console.log() を使用してデータを出力する練習をしました。
• 関数と、関数が再利用のためにロジックをカプセル化する方法を調査しました。
• DOM (ドキュメント オブジェクト モデル) を詳しく調べ、ユーザー インタラクションの刺激的な可能性を広げました。
• HTML 要素を選択および操作するための getElementById() および innerText/textContent。

これらのスキルは、乗客カウンター アプリを構築することで応用しようと決めたときに役に立ちました。このプロジェクトは、DOM 操作と基本的な JavaScript 関数の理解をテストするプロジェクトでした。

---

31 日目: JavaScript でブラックジャック ゲーム ?

31 日目に、ブラックジャック ゲームの作成を開始しました。ゲームの流れを管理するための if-else ステートメント、特に勝敗条件の確認に重点が置かれました。条件付きロジックを使用してダイナミックなゲームプレイを作成することは、挑戦的であると同時に刺激的でした。基本的なルールと条件を使ってゲームを構成することで、アプリケーションのフローを管理する方法についてより深く理解できるようになりました。

---

32 日目: 配列を操作する ?

32 日目は JavaScript 配列に焦点を当てました。次のようなメソッドを使用してデータのリストを保存および管理する方法を学びました。

• .push() 要素を追加する場合、
• .pop() 最後の要素を削除します。
• .slice() 配列の一部を操作します。

これらのツールは不可欠であり、ある程度の練習が必要でしたが、配列によってデータ管理がどのように効率化されるかがわかり始めました。配列は強力なリソースであることが証明されており、配列をさらに実装することに興奮しています。

---

33 日目: ループ、ランダム性、オブジェクトを探索する ?

ループ、乱数生成、オブジェクトが 33 日目のハイライトになりました。私は次のことを練習しました。

• データを反復処理するための For ループ、
• Math.random() は乱数を生成し、予測不可能な要素を追加します。
• オブジェクトを作成して操作し、データを整理します。

これらのスキルはそれぞれ、ブラックジャック ゲームを構築する上で重要でした。このプロセスは、ループとランダム性がどのように魅力的で動的なアプリケーションを作成するのか、またオブジェクトがどのように複雑な情報を管理しやすい方法で整理するのかを理解するのに役立ちました。

---

34 日目: ブラックジャック ゲーム完了! ?

34 日目にブラックジャック ゲームが完了しました。このプロジェクトは、条件、ループ、ユーザー インタラクションなどの概念を固めるのに役立ちました。全てが一つにまとまっていくのを見るのはとてもやりがいがあり、大きな達成感を感じました。このゲームは機能するだけではなく、開発者としての私の成長を表しています。

---

35日目：基礎を強化する？

今日は、一週間を通して学んだことすべてを実践することに時間を費やしました。 ループ、オブジェクト、配列を再検討することで、理解を強化し、コードをよりクリーンかつ効率的にすることができました。繰り返しが学習の鍵であり、この日は JavaScript の本質についての理解を深める上で非常に重要でした。

---

36 日目: 初めての Chrome 拡張機能を構築! ?

私は Chrome 拡張機能 プロジェクトを開始して週を終えました。私は次のことを学びましたが、これはエキサイティングな変化でした。

• アクションをトリガーする イベント リスナー、
• ローカル ストレージ: データをブラウザに直接保存します。
• 動的 HTML を作成するための テンプレート リテラル。

拡張機能を通じて JavaScript がリアルタイムで動作するのを見るのは素晴らしい経験でした。 JavaScript がいかに強力であるかを示したので、このプロジェクトの開発を続けることに興奮しています!

---

課題と進歩

今週、JavaScript メソッド、特に配列やオブジェクトを操作するときに課題に遭遇しました。データ構造がどのように相互作用するかを理解し、メソッドを効果的に使用するには、忍耐と練習が必要でした。しかし、毎日小さな勝利が得られ、トラブルシューティングのプロセスによって問題解決スキルが強化されました。

---

GitHub リポジトリで私の進捗状況とこれらのプロジェクトのコードをチェックし、X @Toptech5419 に従って毎日の最新情報を入手してください!

#100DaysOfCode を推進し、開発者として成長し続けましょう!

以上が第 5 週 #DaysOfCode: JavaScript の基礎をマスターし、ブラックジャック ゲームを構築し、初めての Chrome 拡張機能を使用します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。