Maison >interface Web >js tutoriel >Semaine f #DaysOfCode : maîtriser les principes fondamentaux de JavaScript, créer un jeu de blackjack et ma première extension Chrome !

Semaine f #DaysOfCode : maîtriser les principes fondamentaux de JavaScript, créer un jeu de blackjack et ma première extension Chrome !

Susan Sarandon
Susan Sarandonoriginal
2024-11-04 13:14:29411parcourir

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

Réflexion sur la semaine 5 ?

Cette semaine de mon défi #100DaysOfCode a été remplie d'étapes, de défis et de beaucoup de JavaScript ! De la création d'un simple jeu de Blackjack au déploiement d'une extension Chrome, j'ai fait des progrès significatifs dans la compréhension et l'application des principes fondamentaux de JavaScript. Voici un aperçu de chaque journée et de ce que j’ai appris en cours de route.


Jour 30 : Les essentiels de JavaScript pour les applications interactives ?

J'ai commencé la semaine en plongeant dans les concepts fondamentaux de JavaScript :

  • Balises de script et leur rôle dans l'intégration de JavaScript.
  • variables de base, nombres, chaînes et comprendre comment les déclarer et les utiliser.
  • Pratique de la sortie de données avec console.log() pour le débogage et la surveillance.
  • Exploration des fonctions et de la façon dont elles encapsulent la logique pour la réutilisation.
  • Plongé dans le DOM (Document Object Model), qui a ouvert des possibilités passionnantes pour l'interaction de l'utilisateur.
  • getElementById() et innerText/textContent pour sélectionner et manipuler des éléments HTML.

Ces compétences se sont avérées utiles lorsque j'ai décidé de les appliquer en créant une application de compteur de passagers, un projet qui a testé ma compréhension de la manipulation du DOM et des fonctions JavaScript de base.


Jour 31 : Jeu de Blackjack en JavaScript ?

Le jour 31, j'ai commencé à créer un jeu de Blackjack ! L'accent était mis sur les instructions if-else pour gérer le déroulement du jeu, en particulier en vérifiant les conditions de victoire/perdance. Créer un gameplay dynamique avec une logique conditionnelle était à la fois stimulant et passionnant. En structurant le jeu avec des règles et conditions de base, j'ai acquis une compréhension plus approfondie de la façon de gérer le flux d'une application.


Jour 32 : Travailler avec des tableaux ?

Les tableaux JavaScript étaient au centre du jour 32. J'ai appris à stocker et à gérer des listes de données avec des méthodes telles que :

  • .push() pour ajouter des éléments,
  • .pop() pour supprimer le dernier élément,
  • .slice() pour travailler avec des parties d'un tableau.

Ces outils sont essentiels, et même si cela a demandé un peu de pratique, j'ai commencé à voir comment les tableaux rendent la gestion des données efficace. Les tableaux s’avèrent être une ressource puissante et je suis ravi de les mettre en œuvre davantage.


Jour 33 : Explorer les boucles, le hasard et les objets ?

Les boucles, la génération de nombres aléatoires et les objets sont devenus le point culminant du jour 33. J'ai pratiqué :

  • Boucles For pour itérer sur les données,
  • Math.random() pour générer des nombres aléatoires, ajoutant un élément d'imprévisibilité,
  • Créer et travailler avec des objets pour organiser les données.

Chacune de ces compétences a été cruciale dans la construction du jeu de Blackjack. Le processus m'a aidé à voir comment les boucles et le caractère aléatoire créent des applications attrayantes et dynamiques, et comment les objets organisent des informations complexes de manière gérable.


Jour 34 : Jeu de Blackjack terminé ! ?

Le jour 34 a marqué la fin de ma partie de Blackjack ! Le projet m'a aidé à consolider des concepts tels que conditions, boucles et interaction utilisateur. Voir tout cela ensemble était gratifiant et j’ai ressenti un immense sentiment d’accomplissement. Le jeu n'est pas seulement fonctionnel, c'est une représentation de ma croissance en tant que développeur.


Jour 35 : Renforcer les fondamentaux ?

Aujourd’hui, j’ai consacré du temps à mettre en pratique tout ce que j’avais appris tout au long de la semaine. Revisiter les boucles, les objets et les tableaux m'a permis de renforcer ma compréhension et de rendre mon code plus propre et plus efficace. La répétition est la clé de l'apprentissage, et cette journée a été essentielle pour approfondir ma compréhension des principes essentiels de JavaScript.


Jour 36 : Créer ma première extension Chrome ! ?

J'ai terminé la semaine en démarrant un projet d'extension Chrome. Ce fut un changement passionnant, comme j'ai appris :

  • Écouteurs d'événements pour déclencher des actions,
  • Stockage local pour sauvegarder les données directement dans le navigateur,
  • Modèles littéraux pour créer du HTML dynamique.

Voir JavaScript prendre vie en temps réel grâce à une extension a été une expérience fantastique. Cela m'a montré à quel point JavaScript peut être puissant et je suis ravi de continuer à développer ce projet !


Défis et progrès

Cette semaine, j'ai rencontré des défis avec les méthodes JavaScript, notamment lorsque je travaillais avec des tableaux et des objets. Comprendre comment les structures de données interagissent et utiliser efficacement les méthodes a demandé de la patience et de la pratique. Cependant, chaque jour m'a apporté de petites victoires et le processus de dépannage a renforcé mes compétences en résolution de problèmes.


Découvrez mes progrès et le code de ces projets dans mon référentiel GitHub et suivez X @Toptech5419 pour des mises à jour quotidiennes !

Voici pour aller de l'avant avec #100DaysOfCode et continuer à grandir en tant que développeur !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn