Fondamentaux du développement Web | HTML | CSS | JavaScript

Premiers pas dans le développement:

• Action d'impression console.log

• Définition d'une variable de type var

• Combiner des variables avec console.log

Opérations mathématiques de base:

• Définition de variables numériques

• Opérations arithmétiques - addition, soustraction, multiplication et division

• Utilisation de console.log avec des opérations arithmétiques

Chaînes de caractères:

• Qu'est-ce qu'une chaîne de caractères

• Définition de variables de type chaîne

• Comprendre l'indexation des chaînes

• Utilisation de l'opérateur crochets []

Conditions et variables booléennes:

• Comprendre la condition if

• Opération supérieure à

• Opération inférieure à

• Opération d'égalité

• Opération d'inégalité (non égal)

• Opération supérieure ou égale à

• Opération inférieure ou égale à

• Utilisation de conditions simples

Conditions avancées:

• Conditions avancées et opérateurs logiques (&& et ||)

• Utilisation de if et else

• Utilisation de conditions complexes avec else if

Opération Modulo:

• Utilisation de l'opération modulo (%) pour calculer le reste

• Utilisation d'une méthode pour calculer le nombre de chiffres dans un nombre

• Utilisation de parseInt pour arrondir le résultat d'un nombre

Boucles while:

• Comment écrire une boucle while

• Comprendre le concept d'indice et ses utilisations

Boucles for:

• Définition d'une boucle for et ses utilisations

• Comprendre l'initialisation, l'incrément et la terminaison d'une boucle

Sujets avancés sur le Modulo:

• Utilisation du modulo pour des tâches plus complexes

• Comment calculer la somme des chiffres des nombres

Tableaux:

• Définition d'un tableau

• Comprendre le concept d'indice dans un tableau et son utilisation

• Itération sur des tableaux avec des boucles

Objets:

• Définition d'un objet vide

• Initialisation de clés dans un objet

• Accès aux clés en utilisant l'opérateur point

• Accès dynamique aux clés

Sujets avancés sur les objets:

• Tableau d'objets

• Utilisation d'une boucle pour itérer sur un tableau d'objets

• Méthode Object.keys

• Méthode Object.values

• Méthode JSON.stringify

• Méthode JSON.parse

Fonctions Partie A:

• Définition de fonctions

• Définition d'arguments pour une fonction

• Valeurs de retour d'une fonction

• Écriture de fonctions plus complexes

Fonctions Partie B:

• Appel de plusieurs fonctions

• Invocation d'une fonction à l'intérieur d'une autre fonction.

• Chaînage de fonctions

Boucles For imbriquées:

• Définition de boucles for imbriquées

• Utilisation appropriée des indices

• Exemples complexes avec des tableaux

Construire un élément en utilisant le code:

• Combiner les univers de HTML, CSS et JavaScript ensemble

• Comprendre le DOM (Document Object Model)

• Création d'un élément HTML simple en utilisant le code

• Utilisation de innerText et classList

• Utilisation de la fonction appendChild

Construire une liste en utilisant une boucle:

• Création d'un élément ul dynamique

• Création d'éléments li dynamiques

• Utilisation de fonctions pour la création dynamique

Récupération d'éléments depuis la page:

• Comprendre la fonction getElementById pour la récupération

• Comprendre la fonction getElementsByClassName pour la récupération

• Comprendre la fonction getElementsByTagName pour la récupération

• Comprendre la fonction querySelectorAll pour la récupération

• Comprendre la fonction querySelector pour la récupération

• Comprendre la fonction createElement pour la création

Construire une table dynamique:

• Création d'un élément table de manière dynamique

• Utilisation de tableaux et de fonctions pour construire la table

Événements Partie A:

• Association d'un événement de clic à un bouton

• Utilisation de addEventListener

• Insertion dynamique de contenu sur la page après un événement avec l'utilisateur

Événements Partie B:

• Utilisation des entrées et des événements

• Intégration d'éléments dynamiques

• Exemples plus complexes

Fonctions de rappel:

• Qu'est-ce qu'une fonction de rappel

• Quand l'utiliser

• Comment passer des arguments

• Comment vérifier la correction du code

Minuteries:

• Comprendre la fonction setTimeout

• Comprendre la fonction setInterval

• Comprendre la nature asynchrone dans le langage

Communication avec le serveur Partie A:

• Comprendre l'objet xmlHttpRequest

• Création d'une communication avec un vrai serveur pour récupérer des données

• Construction d'éléments dynamiques sur la page

Communication avec le serveur Partie B:

• Utilisation des événements et de la communication

• Création d'un flux complexe pour une page dynamique qui interagit avec le serveur

• Comprendre le comportement asynchrone en JavaScript

Utilisation des Promesses:

• Comprendre l'objet Promise

• Utilisation de then et catch

• Création d'une communication en utilisant des Promesses

• Création d'un flux complexe en utilisant des Promesses

Mots de clôture