Heim > Web-Frontend > js-Tutorial > Hauptteil

Woche f #DaysOfCode: JavaScript-Grundlagen beherrschen, ein Blackjack-Spiel erstellen und meine erste Chrome-Erweiterung!

Susan Sarandon
Freigeben: 2024-11-04 13:14:29
Original
352 Leute haben es durchsucht

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

Über Woche 5 nachdenken?

Diese Woche meiner #100DaysOfCode-Challenge war voller Meilensteine, Herausforderungen und einer Menge JavaScript! Von der Erstellung eines einfachen Blackjack-Spiels bis zur Bereitstellung einer Chrome-Erweiterung habe ich erhebliche Fortschritte beim Verständnis und der Anwendung der JavaScript-Grundlagen gemacht. Hier ist eine Aufschlüsselung jedes Tages und was ich dabei gelernt habe.


Tag 30: JavaScript-Grundlagen für interaktive Apps?

Ich begann die Woche damit, mich mit grundlegenden JavaScript-Konzepten zu befassen:

  • Skript-Tags und ihre Rolle beim Einbetten von JavaScript.
  • Grundlegende Variablen, Zahlen, Zeichenfolgen und verstehen, wie man sie deklariert und mit ihnen arbeitet.
  • Geübte Ausgabe von Daten mit console.log() zum Debuggen und Überwachen.
  • Untersuchte Funktionen und wie sie Logik zur Wiederverwendung kapseln.
  • Vertiefte sich in das DOM (Document Object Model), das spannende Möglichkeiten für die Benutzerinteraktion eröffnete.
  • getElementById() und innerText/textContent zum Auswählen und Bearbeiten von HTML-Elementen.

Diese Fähigkeiten erwiesen sich als nützlich, als ich beschloss, sie anzuwenden und eine Passagierzähler-App zu erstellen, ein Projekt, das mein Verständnis der DOM-Manipulation und grundlegender JavaScript-Funktionen auf die Probe stellte.


Tag 31: Blackjack-Spiel in JavaScript?

Am 31. Tag begann ich mit der Entwicklung eines Blackjack-Spiels! Der Schwerpunkt lag auf Wenn-sonst-Anweisungen, um den Spielfluss zu steuern, insbesondere auf der Überprüfung der Gewinn-/Verlustbedingungen. Das Erstellen eines dynamischen Gameplays mit bedingter Logik war sowohl herausfordernd als auch aufregend. Durch die Strukturierung des Spiels mit grundlegenden Regeln und Bedingungen erlangte ich ein tieferes Verständnis dafür, wie man den Ablauf einer Anwendung verwaltet.


Tag 32: Mit Arrays arbeiten?

JavaScript-Arrays standen an Tag 32 im Mittelpunkt. Ich habe gelernt, Datenlisten mit Methoden wie den folgenden zu speichern und zu verwalten:

  • .push()zum Hinzufügen von Elementen,
  • .pop() zum Entfernen des letzten Elements,
  • .slice() zum Arbeiten mit Teilen eines Arrays.

Diese Tools sind unerlässlich, und obwohl es etwas Übung erforderte, begann ich zu verstehen, wie Arrays die Datenverwaltung effizient machen. Arrays erweisen sich als leistungsstarke Ressource und ich freue mich darauf, sie weiter zu implementieren.


Tag 33: Schleifen, Zufälligkeit und Objekte erforschen?

Schleifen, Zufallszahlengenerierung und Objekte wurden zum Highlight an Tag 33. Ich habe Folgendes geübt:

  • For-Schleifen zum Durchlaufen von Daten,
  • Math.random() um Zufallszahlen zu generieren und so ein Element der Unvorhersehbarkeit hinzuzufügen,
  • Erstellen und Arbeiten mit Objekten, um Daten zu organisieren.

Jede dieser Fähigkeiten war entscheidend für die Entwicklung des Blackjack-Spiels. Der Prozess hat mir gezeigt, wie Schleifen und Zufälligkeit ansprechende, dynamische Anwendungen schaffen und wie Objekte komplexe Informationen auf überschaubare Weise organisieren.


Tag 34: Blackjack-Spiel abgeschlossen! ?

Tag 34 markierte den Abschluss meines Blackjack-Spiels! Das Projekt hat mir geholfen, Konzepte wie Bedingungen, Schleifen und Benutzerinteraktion zu festigen. Zu sehen, wie sich alles zusammenfügte, war eine Bereicherung, und ich verspürte ein immenses Erfolgserlebnis. Das Spiel ist nicht nur funktional – es ist ein Ausdruck meiner Entwicklung als Entwickler.


Tag 35: Grundlagen stärken?

Heute habe ich mir die Zeit genommen, alles zu üben, was ich im Laufe der Woche gelernt habe. Durch die erneute Betrachtung von Schleifen, Objekten und Arrays konnte ich mein Verständnis vertiefen und meinen Code sauberer und effizienter gestalten. Wiederholung ist der Schlüssel zum Lernen, und dieser Tag war entscheidend für die Vertiefung meines Verständnisses der JavaScript-Grundlagen.


Tag 36: Meine erste Chrome-Erweiterung erstellen! ?

Ich beendete die Woche mit dem Start eines Chrome-Erweiterungs-Projekts. Das war eine aufregende Veränderung, wie ich erfuhr:

  • Ereignis-Listenerum Aktionen auszulösen,
  • Lokaler Speicher um Daten direkt im Browser zu speichern,
  • Vorlagenliterale zum Erstellen von dynamischem HTML.

Zu sehen, wie JavaScript durch eine Erweiterung in Echtzeit zum Leben erweckt wird, war eine fantastische Erfahrung. Es hat mir gezeigt, wie leistungsfähig JavaScript sein kann, und ich freue mich darauf, dieses Projekt weiterzuentwickeln!


Herausforderungen und Fortschritte

Diese Woche stieß ich auf Herausforderungen mit JavaScript-Methoden, insbesondere bei der Arbeit mit Arrays und Objekten. Um zu verstehen, wie Datenstrukturen interagieren und Methoden effektiv nutzen, waren Geduld und Übung erforderlich. Jeder Tag brachte jedoch kleine Erfolge und der Prozess der Fehlerbehebung stärkte meine Fähigkeiten zur Problemlösung.


Sehen Sie sich meinen Fortschritt und den Code für diese Projekte in meinem GitHub-Repository an und folgen Sie X @Toptech5419 für tägliche Updates!

Wir freuen uns darauf, #100DaysOfCode voranzutreiben und als Entwickler weiter zu wachsen!

Das obige ist der detaillierte Inhalt vonWoche f #DaysOfCode: JavaScript-Grundlagen beherrschen, ein Blackjack-Spiel erstellen und meine erste Chrome-Erweiterung!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage