Maîtrise Avancée de JavaScript

Contenu du cours

Maîtrise Avancée de JavaScript

Maîtrise Avancée de JavaScript

1. Classes

Bienvenue dans le Cours Déclaration de Classe Défi : Construire une Classe Méthodes de Classe Défi : Ajouter des Méthodes à une Classe Objet Paramètre Propriétés Privées Défi : Implémentation de Propriétés Privées dans une Classe Accesseurs et Mutateurs Défi : Gestion des Propriétés avec Getters et Setters Propriétés Statiques Méthodes Statiques Défi : Utilisation des Propriétés et Méthodes Statiques dans une Classe Héritage avec Extends et Utilisation de super()Défi : Héritage de Classe avec Extends et Utilisation de Super

2. Manipulation du DOM

Qu'est-ce Que le DOM?Interroger le DOM Défi : Interroger le DOM Comprendre la Hiérarchie du DOM Défi : Hiérarchie DOM Propriétés Du DOM Travailler Avec les Attributs des Éléments Défi : Travailler Avec les Propriétés et Attributs des Éléments Ajouter des Éléments Suppression des Éléments Défi : Ajouter et Supprimer des Éléments Modifier les Styles des Éléments Défi : Modifier les Styles des Éléments

3. Événements et Gestion des Événements

Introduction aux Événements et aux Écouteurs d'Événements L'Objet Événement Défi : Événements et Écouteurs d'Événements Propagation et Délégation d'Événements Défi : Propagation et Délégation d'Événements Événements Clavier et Souris Gestion des Écouteurs d'Événements

4. JavaScript Asynchrone et APIs

Introduction à JavaScript Asynchrone Rappels Promesses Async/Await Travailler Avec les APIs Intégration Pratique de l'API Défi : Travailler Avec l'API Travailler avec des Bibliothèques Tierces Défi : Travailler Avec des Bibliothèques Tierces Gestion de Plusieurs Requêtes Asynchrones

Ajouter des Éléments

Manipuler le DOM implique souvent de créer et d'ajouter dynamiquement de nouveaux éléments au document ou de supprimer des éléments existants en fonction des interactions utilisateur. Ici, nous allons examiner comment créer et ajouter des éléments dynamiquement.

Création de nouveaux éléments et ajout à la DOM

JavaScript fournit des méthodes comme createElement(), appendChild() et insertBefore() pour créer de nouveaux éléments et les ajouter à la DOM.

CreateElement()

La méthode createElement() crée un nouvel élément HTML mais ne l'ajoute pas à la DOM tant que vous ne le faites pas explicitement avec des méthodes comme appendChild() ou insertBefore().

AppendChild()

La méthode appendChild() ajoute un nouvel élément enfant à la fin de la liste des enfants d'un élément parent. Elle est couramment utilisée pour ajouter des éléments au bas d'une section, d'une liste ou d'un conteneur.

index.html

index.js

InsertBefore()

La méthode insertBefore() insère un nouvel élément avant un élément enfant existant spécifié, permettant un placement plus précis au sein d'un parent.

index.html

index.js

1. Que fait la méthode `createElement()` ?

2. Que fera le code suivant ?

Tout était clair ?

Merci pour vos commentaires !

Section 2. Chapitre 9

some-alt