К содержанию

Tutoriel JavaScript principal

Tutoriel JavaScript simple pour les débutants avec un livre de problèmes et des exemples de solutions.

Bases

Introduction au langage JavaScript pour les débutants

Exécution de JavaScript

Premier programme en JavaScript

Analysons le code du programme

Exemples supplémentaires

Inclusion d'un fichier de scripts JavaScript

Plusieurs fichiers avec des scripts JavaScript

Particularités de la balise script en JavaScript

Mise en cache des fichiers JavaScript par le navigateur

Mode strict en JavaScript

Commentaires en JavaScript

Variables en JavaScript

Utilisation des variables

Déclaration de plusieurs variables en JavaScript

Modification des valeurs des variables

Plusieurs let pour une même variable

Opérations mathématiques avec des nombres en JavaScript

Opérations mathématiques avec des variables en JavaScript

Priorité des opérations mathématiques en JavaScript

Priorité égale des opérations mathématiques en JavaScript

Parenthèses de regroupement en JavaScript

Fractions en JavaScript

Nombres négatifs en JavaScript

Plus devant les nombres en JavaScript

Le reste de la division en JavaScript

Exponentiation en JavaScript

Priorité de l'exponentiation

Les chaînes de caractères en JavaScript

Concaténation de chaînes en JavaScript

Longueur de chaîne en JavaScript

Chaînes de modèle en JavaScript

Multilignes

Valeurs spéciales en JavaScript

Valeur undefined

La valeur null

Valeurs true et false

Valeur NaN

Infinity et -Infinity en JavaScript

Travail avec la console en JavaScript

Types de données dans la console JavaScript

Erreurs dans la console JavaScript

Les constantes en JavaScript

Conversion automatique des types de données

Conversion en nombre en JavaScript

Conversion abrégée en nombre en JavaScript

Conversion de nombres non valides en JavaScript

Extraction de nombres en JavaScript

Conversion en chaîne en JavaScript

Application de la conversion en chaînes de caractères en JavaScript

Conversion du type booléen en JavaScript

Conversion vers le type booléen en JavaScript

Obtention des caractères d'une chaîne en JavaScript

Immuabilité des chaînes en JavaScript

Le dernier caractère d'une chaîne en JavaScript

Chaînes de caractères avec des chiffres en JavaScript

Accéder aux chiffres d'un nombre en JavaScript

Opérations pour modifier une variable en JavaScript

Opérations raccourcies en JavaScript

Opérations d'incrémentation et de décrémentation en JavaScript

Les types préfixe et postfixe en JavaScript

Calculs imprécis en JavaScript

La fonction prompt en JavaScript

Le problème de typage avec la fonction prompt en JavaScript

Affichage de texte dans un document en JavaScript

Recherche d'erreurs dans le code

Pratique sur les opérations en JavaScript

Pratique sur les formules en JavaScript

Tableaux

Les tableaux en JavaScript

Accéder aux éléments des tableaux en JavaScript

Longueur d'un tableau en JavaScript

Modification des éléments d'un tableau en JavaScript

Réécriture d'éléments de tableau en JavaScript

Incrémentation et décrémentation d'éléments de tableau en JavaScript

Ajout d'éléments par clés JavaScript

Tableaux creux en JavaScript

Ajout d'éléments via push en JavaScript

Clés de tableaux à partir de variables en JavaScript

L'opérateur delete dans les tableaux en JavaScript

Recherche d'erreurs dans le code avec des tableaux JavaScript

Objets

Les objets en JavaScript

Affichage complet d'un objet en JavaScript

Clés de chaîne de caractères des objets en JavaScript

Propriétés des objets en JavaScript

Restrictions sur les clés d'objets en JavaScript

Modification des éléments d'objets en JavaScript

Ajout d'éléments aux objets en JavaScript

Non-ordre des objets en JavaScript

Tableau des clés d'un objet en JavaScript

Longueur d'un objet en JavaScript

Clés d'objets à partir de variables en JavaScript

Erreur d'accès à un élément par clé en JavaScript

Erreur d'accès à une propriété d'objet en JavaScript

Propriétés calculées en JavaScript

L'opérateur in en JavaScript

L'opérateur delete en JavaScript

Typage des objets en JavaScript

Les tableaux en tant qu'objets en JavaScript

Différencier les tableaux des objets en JavaScript

Objets et primitives en JavaScript

Passage d'objets par référence en JavaScript

Constantes avec des tableaux ou des objets en JavaScript

Approche de programmation par constantes en JavaScript

Recherche d'erreurs dans le code avec des objets JavaScript

Conditions

La structure if-else en JavaScript

Opérateurs supérieur et inférieur en JavaScript

Vérification de l'égalité en JavaScript

Vérification d'inégalité en JavaScript

Comparaison de variables en JavaScript

Égalité des chaînes en JavaScript

Égalité des chaînes et des nombres en JavaScript

Égalité par valeur et par type en JavaScript

Inégalité en valeur et en type en JavaScript

ET logique en JavaScript

L'opérateur logique OU en JavaScript

Priorité des opérateurs logiques en JavaScript

Regroupement des conditions en JavaScript

Inversion des expressions logiques en JavaScript

Conditions avec des valeurs booléennes en JavaScript

Comparaison de valeurs avec le type booléen en JavaScript

Forme abrégée de vérification de vérité en JavaScript

Forme abrégée de vérification des valeurs falsy en JavaScript

Forme de vérification abrégée générale en JavaScript

Conditions complexes sous forme abrégée en JavaScript

L'optionalité de la construction else en JavaScript

Optionalité des accolades en JavaScript

Le problème de l'optionalité des accolades dans les structures if-else

La construction else if en JavaScript

Constructions if-else imbriquées en JavaScript

La structure switch-case en JavaScript

L'optionalité de break dans la structure switch-case en JavaScript

L'opérateur ternaire en JavaScript

Opérations logiques en JavaScript

La fonction confirm en JavaScript

Portée des variables dans if-else en JavaScript

Nuances de la portée des variables dans les structures if-else en JavaScript

Vérification des parties de l'heure via if-else en JavaScript

Vérification de la longueur des chaînes et des tableaux en JavaScript

Vérification des caractères d'une chaîne en JavaScript

Vérification des chiffres d'un nombre en JavaScript

Vérification du reste d'une division en JavaScript

Recherche d'erreurs dans le code avec des conditions JavaScript

Pratique sur les conditions if-else en JavaScript

Boucles

Introduction aux boucles en JavaScript

Boucle for-of pour parcourir un tableau en JavaScript

Parcours d'objet avec la boucle for-in en JavaScript

La boucle while en JavaScript

Boucle for JavaScript

La boucle for pour les tableaux en JavaScript

Conditions dans les boucles en JavaScript

Accumulation de nombres dans les boucles JavaScript

Accumulation d'éléments de tableaux dans les boucles JavaScript

Formation de chaînes de caractères via des boucles en JavaScript

Chiffres d'un nombre lors de l'itération avec une boucle JavaScript

Optionalité des accolades dans les boucles en JavaScript

Le problème de l'optionalité des accolades dans les boucles en JavaScript

L'instruction break en JavaScript

L'instruction continue en JavaScript

Boucles imbriquées en JavaScript

Portée des variables dans les boucles JavaScript

Boucles imbriquées et portée des variables en JavaScript

Remplir un tableau en JavaScript

Modification d'un tableau dans une boucle JavaScript

Remplissage d'objets via une boucle en JavaScript

Modification d'objets via une boucle en JavaScript

Travailler avec les drapeaux en JavaScript

Conseils pour écrire du code de boucles en JavaScript

Conseils pour déboguer du code avec des exemples de boucles en JavaScript

Recherche d'erreurs dans le code avec des boucles JavaScript

Pratique des boucles JavaScript

Multidimensionnalité

Tableaux multidimensionnels en JavaScript

Tableau tridimensionnel en JavaScript

Tableaux arbitraires en JavaScript

Parcours de tableaux multidimensionnels en JavaScript

Boucle for classique en JavaScript

Création de tableaux multidimensionnels en JavaScript

Problèmes lors du remplissage de tableaux multidimensionnels en JavaScript

Remplissage de tableaux multidimensionnels dans l'ordre en JavaScript

Objets multidimensionnels en JavaScript

Parcours d'objets multidimensionnels en JavaScript

Structures multidimensionnelles en JavaScript

Parcours de structures multidimensionnelles en JavaScript

Tableau d'objets en JavaScript

Clés à partir de variables dans les structures multidimensionnelles JavaScript

Ajout d'éléments dans des tableaux multidimensionnels JavaScript

Ajouter des éléments à des objets JavaScript multidimensionnels

Méthodes standard

Exposant et racine en JavaScript

Fonctions d'arrondi en JavaScript

Nombres extrêmes en JavaScript

Aléatoire en JavaScript

Modules en JavaScript

Casse des caractères en JavaScript

Découpage de chaînes en JavaScript

Recherche dans les chaînes en JavaScript

Remplacement de parties de chaîne en JavaScript

Division de chaînes en JavaScript

Éléments de bord en JavaScript

Parties de tableaux en JavaScript

Découpage de tableaux en JavaScript

Recherche dans les tableaux en JavaScript

Tableau des clés d'un objet en JavaScript

Recherche d'erreurs dans le code avec les méthodes standard de JavaScript

Fonctions personnalisées

Bases du travail avec les fonctions personnalisées en JavaScript

Paramètres des fonctions en JavaScript

Paramètres multiples de fonctions en JavaScript

Paramètres variables de fonctions en JavaScript

Paramètres optionnels en JavaScript

L'instruction return en JavaScript

Appels séquentiels de fonctions en JavaScript

Le piège subtil de return en JavaScript

Boucle et return en JavaScript

Utilisation de return dans les boucles en JavaScript

Technique de travail avec return en JavaScript

Drapeaux dans les fonctions JavaScript

Opérateurs logiques sans if dans les fonctions JavaScript

Conseils pour créer des fonctions en JavaScript

Recherche d'erreurs dans le code avec des fonctions JavaScript

Pratique sur les fonctions JavaScript

Variables des fonctions

Variables globales dans les fonctions en JavaScript

Variables locales dans les fonctions en JavaScript

Noms de variables identiques dans les fonctions en JavaScript

Modification des variables globales en JavaScript

Variables globales et paramètres de fonctions en JavaScript

Coïncidence des noms avec les paramètres en JavaScript

Paramètres-objets JavaScript

Types de fonctions

Code source d'une fonction et son résultat en JavaScript

Fonction comme variable en JavaScript

Affectation d'une fonction à une autre variable en JavaScript

Affectation de fonctions à des variables en JavaScript

Coïncidence du nom de fonction et de variable en JavaScript

Function expression et Function declaration en JavaScript

Différence entre les déclarations de fonction

Point-virgule lors de la déclaration de fonctions en JavaScript

Subtilités des expressions fonctionnelles en JavaScript

Fonction avec un nom, mais Function Expression en JavaScript

Expressions de fonction nommées en JavaScript

Comment vérifier le type de fonction en JavaScript

Expression à gauche d'une fonction en JavaScript

Expression à droite d'une fonction en JavaScript

Tableau avec des fonctions anonymes en JavaScript

Objet avec fonctions anonymes en JavaScript

Utilisation d'un objet avec des fonctions en JavaScript

Fonctions imbriquées

Passage de fonctions en paramètres en JavaScript

Fonctions nommées passées en paramètre en JavaScript

Paramètres des fonctions transmises en JavaScript

Passage de nombre en paramètre en JavaScript

Application du passage de fonction en paramètre en JavaScript

Fonctions imbriquées en JavaScript

Portée des fonctions imbriquées en JavaScript

Paramètres de la fonction externe en JavaScript

Paramètres des fonctions externes et internes en JavaScript

Paramètres homonymes en JavaScript

Fonction retournant une fonction en JavaScript

N'importe quel niveau d'imbrication en JavaScript

Paramètres des fonctions de retour en JavaScript

Fonctions de rappel en JavaScript

Subtilités des callbacks en JavaScript

Fonctions fléchées en JavaScript

Application des fonctions fléchées en JavaScript

Fermetures

Accès aux variables externes des fonctions en JavaScript

Environnement lexical des fonctions en JavaScript

Application de l'environnement lexical des fonctions en JavaScript

Fermetures en JavaScript

Compteur avec des fermetures en JavaScript

Variable locale de compteur en JavaScript

Variable globale de compteur en JavaScript

IIFE

Invocation de fonction immédiate en JavaScript

Affectation d'une fonction à une variable en JavaScript

Application de l'appel de fonction immédiat en JavaScript

Parenthèses dans les IIFE en JavaScript

Paramètres de fonction lors de l'appel immédiat en JavaScript

Appels multiples de IIFE en JavaScript

Pièges des IIFE en JavaScript

Point-virgule pour la sécurité dans les IIFE

Fermetures et invocation de fonction immédiate en JavaScript

Récursion

Travailler avec la récursivité en JavaScript

Exemple avec paramètre via récursivité en JavaScript

Somme des éléments d'un tableau en récursion en JavaScript

Récursion et structures multidimensionnelles en JavaScript

Somme des éléments d'un tableau via la récursivité en JavaScript

Manipulations d'éléments en JavaScript

Méthodes itératives

La méthode map pour parcourir un tableau en JavaScript

La méthode forEach pour parcourir un tableau en JavaScript

La méthode filter pour filtrer un tableau en JavaScript

La méthode every pour vérifier un tableau en JavaScript

Méthode some pour vérifier un tableau en JavaScript

Recherche dans un tableau via une fonction de rappel en JavaScript

Réduction de tableau en JavaScript

Opérateur spread

L'opérateur spread en JavaScript

Utilisation de spread en JavaScript

Valeurs extrêmes d'un tableau via spread en JavaScript

Opérateur spread et fusion de tableaux

L'opérateur spread pour les chaînes de caractères en JavaScript

Opérateur spread et nombres en JavaScript

Opérateur rest

L'opérateur rest en JavaScript

Fonction calculant la somme de nombres à l'aide des opérateurs rest et spread en JavaScript

Fonction fusionnant des tableaux en bi-dimensionnel en JavaScript

Fonction fusionnant des tableaux en un seul en JavaScript

Déstructuration

Déstructuration des tableaux en JavaScript

Déstructuration d'un tableau retourné par une fonction en JavaScript

Sauter des éléments d'un tableau lors de la déstructuration en JavaScript

Valeurs supplémentaires lors de la déstructuration d'un tableau en JavaScript

Le reste d'un tableau lors de la déstructuration en JavaScript

Valeurs par défaut lors de la déstructuration de tableau en JavaScript

Fonctions par défaut lors de la déstructuration d'un tableau en JavaScript

Déclaration de variables lors de la déstructuration d'un tableau en JavaScript

Déstructuration d'objets en JavaScript

Noms des variables lors de la déstructuration d'objets en JavaScript

Valeurs par défaut lors de la déstructuration d'objets en JavaScript

Variables et valeurs par défaut en JavaScript

Déclaration de variables lors de la déstructuration d'objets en JavaScript

Déstructuration des paramètres de fonctions en JavaScript

Déstructuration des objets paramètres des fonctions en JavaScript

Temps

Travailler avec l'objet Date en JavaScript

Formatage des dates en JavaScript

Changer le format de date en JavaScript

Obtenir le jour de la semaine en JavaScript

Afficher les parties d'une date en toutes lettres en JavaScript

Définir l'heure dans un objet Date en JavaScript

Obtention du temps au format timestamp en JavaScript

Différence entre les dates au format timestamp en JavaScript

Différence entre les objets de date en JavaScript

Correction automatique des dates en JavaScript

Trouver le dernier jour du mois en JavaScript

Détermination de l'année bissextile en JavaScript

Vérification de la validité d'une date en JavaScript

Obtenir le jour de l'année en cours en JavaScript

Jour du mois suivant ou précédent

Jour de l'année suivante ou précédente

Différence entre les moments

Moment de la journée

Début de journée en JavaScript

Fin du jour en JavaScript

Vérification cyclique des moments temporels en JavaScript

Pratique sur l'obtention d'instants temporels en JavaScript

Comparaison de dates sous forme de chaînes en JavaScript

Comparaison de date sans année en JavaScript

Vérifier si une date est dans un intervalle

Comparaison d'objets Date en JavaScript

Introduction au DOM

Bases du travail avec le DOM en JavaScript

Éléments DOM en JavaScript

Obtention d'un élément DOM en JavaScript

Sélecteurs DOM complexes d'un élément en JavaScript

Liaison des gestionnaires d'événements aux éléments en JavaScript

Gestionnaires d'événements nommés en JavaScript

Un gestionnaire pour plusieurs éléments en JavaScript

Gestionnaires multiples pour un événement en JavaScript

Gestionnaires de différents événements en JavaScript

Travailler avec le texte des éléments en JavaScript

Travailler avec le code HTML des éléments en JavaScript

Attributs des balises en tant que propriétés en JavaScript

Travailler avec les champs de texte en JavaScript

Focus des champs de texte en JavaScript

Exceptions lors de l'utilisation d'attributs en JavaScript

Chaînage de méthodes et propriétés en JavaScript

Avantages et inconvénients du chaînage en JavaScript

L'objet this en JavaScript

L'avantage de this en JavaScript

Obtention d'un groupe d'éléments en JavaScript

Ajout de gestionnaires dans une boucle en JavaScript

Ajout de gestionnaires anonymes dans une boucle en JavaScript

Détacher les événements en JavaScript

Détacher les gestionnaires d'événements dans une boucle en JavaScript

Détacher les fonctions anonymes en JavaScript

Conseils pour écrire du code avec l'exemple du DOM en JavaScript

Recherche d'erreurs dans le code avec le DOM en JavaScript

Mise en pratique des connaissances acquises sur le travail avec le DOM

Attributs

Obtention d'attributs en JavaScript

Définition d'attributs en JavaScript

Suppression d'attributs en JavaScript

Vérification de la présence d'attributs en JavaScript

Attributs personnalisés en JavaScript

Noms d'attributs avec des traits d'union en JavaScript

Accéder aux attributs via les méthodes en JavaScript

Manipulation du tableau de classes CSS en JavaScript

Ajout de classes CSS en JavaScript

Suppression de classes CSS en JavaScript

Vérification des classes CSS en JavaScript

Alternance de classes CSS en JavaScript

Stylisation

Stylisation des éléments via l'attribut style en JavaScript

Stylisation des propriétés avec un trait d'union en JavaScript

Exception lors du style des éléments en JavaScript

Stylisation à l'aide de classes CSS en JavaScript

Avantage de la stylisation avec des classes CSS en JavaScript

Application du style en JavaScript

Recherche

Recherche des éléments descendants en JavaScript

Trouver les parents des éléments en JavaScript

Recherche de tous les parents des éléments en JavaScript

Recherche des éléments voisins en JavaScript

Recherche d'un élément par id en JavaScript

Recherche d'élément par nom de balise en JavaScript

Recherche d'élément par nom de classe en JavaScript

Recherche d'éléments à l'intérieur d'un autre élément en JavaScript

Nœuds

Travail avec les nœuds en JavaScript

Parcours des nœuds en boucle en JavaScript

Noms des nœuds en JavaScript

Type de nœuds en JavaScript

Texte des nœuds en JavaScript

Formulaires

Travailler avec textarea en JavaScript

L'attribut disabled en JavaScript

Travailler avec les cases à cocher en JavaScript

Alternance d'attributs sans valeurs

Travailler avec les boutons radio en JavaScript

L'événement change en JavaScript

L'événement input en JavaScript

Méthodes focus et blur en JavaScript

Recherche d'erreurs dans le code avec des formulaires en JavaScript

Listes déroulantes

Travailler avec les listes déroulantes en JavaScript

L'attribut value dans les listes déroulantes en JavaScript

Modification de l'élément sélectionné dans une liste en JavaScript

Numéro de l'élément sélectionné d'une liste déroulante

Obtention des éléments d'une liste déroulante en JavaScript

Tableau d'éléments de liste déroulante en JavaScript

Travailler avec les éléments de liste déroulante en JavaScript

Sélection d'un élément de liste en JavaScript

Obtention de l'option sélectionnée en JavaScript

Objet Event

Bases du travail avec l'objet Event en JavaScript

Coordonnées de l'événement en JavaScript

Type d'événement dans l'objet Event en JavaScript

Élément d'événement dans l'objet Event en JavaScript

Obtention des touches pressées en JavaScript

Suivi des touches modificateurs en JavaScript

Annulation du comportement par défaut en JavaScript

Propagation d'événements en JavaScript

Obtention de l'élément cible lors du bouillonnement des événements

Arrêt de la propagation d'événements en JavaScript

Gestionnaires multiples sur un élément en JavaScript

Arrêt immédiat de la propagation en JavaScript

Application de l'arrêt de la propagation d'événements en JavaScript

Propagation des événements en JavaScript

Attacher des gestionnaires d'événements aux nouveaux éléments en JavaScript

Délégation d'événements en JavaScript

Délégation d'événements universelle en JavaScript

Contexte

Bases du travail avec le contexte en JavaScript

Contexte d'une fonction non liée en JavaScript

Perte de contexte en JavaScript

Solution au problème de contexte en JavaScript

Contexte via une variable en JavaScript

Contexte via paramètre en JavaScript

Contexte via la fonction fléchée en JavaScript

Liaison de contexte via la méthode call en JavaScript

La méthode call avec paramètres en JavaScript

Liaison de contexte via la méthode apply en JavaScript

Liaison de contexte via la méthode bind en JavaScript

Minuteries

Bases de l'utilisation de la fonction setInterval en JavaScript

Compteur via la fonction setInterval en JavaScript

Arrêt d'un minuteur JavaScript

Bouton pour démarrer un minuteur en JavaScript

Clics multiples sur un bouton pour démarrer un minuteur en JavaScript

Boutons pour démarrer et arrêter un minuteur en JavaScript

Pratique sur les temporisateurs et le travail avec le DOM en JavaScript

Minuteurs et perte de contexte en JavaScript

Pratique sur les temporisateurs et le travail avec le DOM en JavaScript

Délai avant exécution en JavaScript

Démarrage d'un minuteur en JavaScript

Manipulation des éléments

Création et insertion d'éléments en JavaScript

Liaison d'événements lors de l'insertion d'éléments

Création d'éléments en boucle en JavaScript

Attacher des gestionnaires d'événements en boucle en JavaScript

Suppression d'éléments en JavaScript

Insertion d'éléments au début ou à la fin en JavaScript

Insertion d'éléments avant d'autres éléments en JavaScript

Insertion adjacente d'éléments en JavaScript

Insertion adjacente de balises en JavaScript

Clonage d'éléments en JavaScript

Vérification d'éléments en JavaScript

Pratique

Création d'éléments à partir d'un tableau en JavaScript

Pratique sur la création de listes ul en JavaScript

Création de tableaux HTML en JavaScript

Remplissage séquentiel de tableaux HTML

Création d'un tableau HTML à partir d'un tableau en JavaScript

Création d'un tableau HTML à partir d'un tableau d'objets

Ajout de lignes et de colonnes dans un tableau HTML

Modification des cellules d'un tableau HTML en JavaScript

Auto-suppression de nouveaux éléments en JavaScript

Lien de suppression d'élément en JavaScript

Création de liens pour supprimer des éléments en JavaScript

Édition d'un élément individuel en JavaScript

Masquer le texte lors de la modification d'un élément en JavaScript

Édition dans un groupe d'éléments en JavaScript

Édition et suppression simultanées d'éléments

Stylisation d'éléments en JavaScript

Boutons pour masquer et afficher un élément en JavaScript

De nombreux éléments avec des boutons d'affichage en JavaScript

Activation d'éléments en JavaScript

Alternance de styles d'activation en JavaScript

Pratique sur la modification d'éléments en JavaScript

Fonctions et DOM

Fonctions pour travailler avec un élément DOM en JavaScript

Fonctions pour travailler avec un groupe d'éléments DOM

Passage d'un callback pour travailler avec le DOM en JavaScript

Transmission du numéro d'ordre dans le callback en JavaScript

Passer un élément DOM en paramètre d'une fonction

Passer un groupe d'éléments DOM en paramètres de fonctions

Fonction pour créer des tableaux HTML en JavaScript

Retour d'un tableau depuis une fonction en JavaScript

Fonction pour créer un tableau à partir d'un tableau

Modules par fermetures

Conflits de variables en JavaScript

Modules par fermetures en JavaScript

Application pratique

Passage de paramètres dans un module via des fermetures en JavaScript

Passage d'un élément parent à un module via des fermetures en JavaScript

Transmission des paramètres de module via les fermetures en JavaScript

Paramètres par défaut

Export de variables et de fonctions dans les modules via les fermetures en JavaScript

Export d'un objet dans les modules via les fermetures en JavaScript

Bibliothèques via les fermetures en JavaScript