Jour du #daysofMiva Challenge.

Jour 1 du Défi 100 Jours

Date :21/08/2024

Objectif : Apprendre et comprendre les variables, les opérations logiques et les types de données en JavaScript, résoudre un problème mathématique à l'aide de JavaScript et commencer à en apprendre davantage sur les écouteurs d'événements et les instructions conditionnelles.

1. Introduction aux variables JavaScript

Aujourd'hui, j'ai commencé mon parcours vers JavaScript en découvrant les variables. Une variable en JavaScript est comme un conteneur contenant des données, qui peuvent être un nombre, un morceau de texte ou tout autre type de valeur. J'ai appris à déclarer une variable en utilisant les mots-clés let, const et var.

• let vous permet de créer une variable qui pourra changer ultérieurement.
• const crée une variable qui ne peut pas être réaffectée.
• var est une ancienne façon de déclarer des variables mais est toujours utilisée.

---

2. Comprendre les opérations logiques et les types de données

Ensuite, j'ai exploré les opérations logiques, qui sont utilisées pour prendre des décisions en JavaScript. J'ai découvert les opérateurs logiques de base :

J'ai également découvert différents types de données tels que :

3. Résoudre un problème mathématique avec JavaScript

J'ai appliqué mes connaissances sur les variables et les types de données pour résoudre un problème mathématique simple. Le problème était de calculer l'aire d'un rectangle étant donné sa largeur et sa hauteur.

4. Introduction aux auditeurs d'événements

En passant, j'ai commencé à me renseigner sur les auditeurs d'événements. Un écouteur d'événement est une fonction qui attend qu'un événement spécifique se produise, comme un utilisateur cliquant sur un bouton, puis déclenche une action.

En termes simples :
Les écouteurs d'événements permettent à JavaScript de répondre aux actions des utilisateurs sur une page Web, comme cliquer sur un bouton, taper dans une zone de texte ou survoler un élément.

Quand ne cliquez pas

Lorsque vous cliquez dessus, il affichera les données de chargement... puis finira par afficher "Données chargées via rappel"

C'est le travail d'un auditeur d'événement En javascript

5. Comprendre les instructions conditionnelles

J'ai également découvert les instructions conditionnelles, qui me permettent de prendre des décisions dans mon code. Une instruction conditionnelle vérifie si une condition est vraie ou fausse, puis exécute un bloc de code basé sur le résultat.

6 Comprendre les boucles While et For en JavaScript

Boucle While :
Une boucle while en JavaScript continue d'exécuter un bloc de code tant qu'une condition spécifiée est vraie. J'ai essayé de comprendre ce concept en l'imaginant comme quelqu'un posant une question à plusieurs reprises jusqu'à ce qu'il obtienne la bonne réponse.

Définition simple :
Une boucle while continue de s'exécuter tant qu'une certaine condition reste vraie.

Exemple :

let number = 1;

while (number <= 5) {
    console.log(number);
    number++;
}

Dans cet exemple, la boucle commence par nombre = 1 et continue si le nombre est inférieur ou égal à 5. Elle imprime la valeur du nombre puis l'augmente de 1 à chaque fois.

Pour la boucle :
Une boucle for est similaire à une boucle while mais est généralement plus concise et plus facile à écrire lorsque vous savez combien de fois vous souhaitez exécuter la boucle.

Définition simple :
Une boucle for répète un bloc de code un nombre de fois spécifique.

Exemple :

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

Dans cette boucle for, je commence à 1 et augmente de 1 après chaque boucle jusqu'à atteindre 5. La boucle s'exécute 5 fois, tout comme la boucle while.

Différence entre les boucles While et For :

• While Loop : Idéal lorsque vous ne savez pas combien de fois la boucle doit s'exécuter, mais que vous avez une condition à vérifier.
• For Loop : Idéal lorsque vous savez exactement combien de fois la boucle doit être exécutée.

Scénario :
Imaginez que vous lancez une pièce de monnaie. Vous voulez continuer à retourner jusqu'à ce que vous obteniez face. Puisque vous ne savez pas combien de retournements cela prendra, vous utiliserez une boucle while pour continuer à retourner jusqu'à ce que vous obteniez face.

Maintenant, si vous voulez lancer la pièce exactement 5 fois, vous utiliserez une boucle for car vous savez que vous avez besoin d'exactement 5 lancers, quel que soit le résultat.

En résumé :

• While Loop :Continue de retourner jusqu'à ce que vous obteniez face.
• For Loop : Lance la pièce exactement 5 fois.

Comprendre les boucles a demandé un certain effort, mais cet exercice m'a aidé à voir à quel point elles sont utiles pour répéter efficacement des tâches dans mon code.

Mon expérience

J'étais tellement frustré et stressé. Cela m'énervait vraiment, au point où j'avais presque envie de casser mon PC. C'était tellement écrasant ! Pouvez-vous s'il vous plaît m'aider à comprendre où tout s'est mal passé ?...?‍♂️?‍♂️?‍♂️?‍♂️, j'ai dû faire face à tant de bugs, et le débogage ne faisait qu'ajouter à mon stress. Mais j’ai décidé de faire une pause, de changer d’avis et j’ai finalement compris le problème. Je n'arrêtais pas de me dire que je pouvais être la meilleure version de moi-même, quoi qu'il arrive.

Mais javascript...????

Conclusion

Le premier jour a été productif car j'ai posé des bases solides en JavaScript en découvrant les variables, les opérations logiques, les types de données et les instructions conditionnelles. J'ai également commencé à explorer comment JavaScript interagit avec les actions des utilisateurs via des écouteurs d'événements. Je suis ravi de continuer ce voyage et d'approfondir ma compréhension de JavaScript à l'avenir.

Veuillez aimer, partager, vous abonner et suivre pour en savoir plus, et également commenter quelle boisson je devrais prendre pour ce hamburger javascript... mdr ???

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!