Module intermédiaire
Acheter maintenant
En savoir plus
Discussions
Fiche de synthèse
Fiche de synthèse
Les bases du JavaScript (suite)
Les littéraux de gabarits (template strings) : interpolation d'expressions
Raccourcis d'opérateurs, opérateurs puissance et modulo
Les types primitifs
La conversion de types
Quiz #1
Structures conditionnelles else if et switch
L'opérateur conditionnel '?'
Déclarer des variables avec const, let et var
La portée des variables avec let et const
La portée des variables avec var
Quiz final
Les objets
Introduction
Différences entre classes et prototypes
Que se passe-t-il dans la mémoire de l'ordinateur ?
Imbrication d'objets, exemple avec l'API de Twitter
Quiz final
La POO : Programmation Orientée Objet
Les fonctions de première classe
Les méthodes : des fonctions dans des objets
Pourquoi apprendre la POO ?
Quiz final
Les projets : objectifs et fonctionnement
Objectifs des projets
Créer un site web de zéro depuis Visual Studio Code
Lien entre HTML et JavaScript
Introduction au DOM et différences entre NodeJS et Chrome
Qu'est-ce que le DOM ? Que contient-il ?
Sélection d'éléments du DOM
Modification d'éléments du DOM
Création et insertion d'éléments dans le DOM
Déplacer et supprimer des éléments du DOM
Traverser les éléments du DOM
Projet #1 : Compteur de clics
Présentation du compteur de clics
Les évènements (+ énoncé exercice incrémentation)
Solution incrémentation et comment déboguer dans Chrome (instruction debugger)
Solution décrémentation et bouton reset
Détecter un clic droit
Solution zone de clic
Lire la valeur d'un élément input
Solution incrémenter et décrémenter le compteur des valeurs des inputs
Comment afficher temporairement une notification ?
Solution gestion des limites et notifications
Conclusion et conseils
Les tableaux
Introduction
Lecture et itération via une boucle
Modifier un élément et rappels
Documentation du MDN : l'exploiter efficacement
Tableaux multidimensionnels
Quiz final
Les types d'objets standards en JavaScript
String et les objets "enveloppeurs" (wrappers)
Number
Boolean
Date
RegExp (expression régulières)
Object
La librairie Math
BONUS Projet #2 : Animation changement d'ordre
Démo de l'animation et explications
Phase de décollage
Phase de déplacement 1/6
Phase de déplacement 2/6
Phase de déplacement 3/6
Phase de déplacement 4/6
Phase de déplacement 5/6
Phase de déplacement 6/6
Déplacement des items de la liste 1/4
Déplacement des items de la liste 2/4
Déplacement des items de la liste 3/4
Déplacement des items de la liste 4/4
Remaniement du code
Mise à jour du DOM 1/4
Mise à jour du DOM 2/4
Mise à jour du DOM 3/4
Mise à jour du DOM 4/4
Sauvegarde et remaniement
Projet #2 : Liste de courses
Présentation du projet
Fonctionnement des exercices
Ajout d'un nouvel item
Template nouvel item
Template nouvel item (fin)
Correction des espaces
Majuscule première lettre
Validation valeur filtrée
Messages d'erreurs 1/2
Messages d'erreurs 2/2
Minimum 2 lettres 1/2
Minimum 2 lettres 2/2
Insertion intelligente 1/5
Insertion intelligente 2/5
Insertion intelligente 3/5
Insertion intelligente 4/5
Insertion intelligente 5/5
Refactoring
Réduire la maintenance
Sauvegarder les données 1/2
Sauvegarder les données 2/2
Chargement des données 1/2
Chargement des données 2/2
Modification du nom de l'item 1/4
Modification du nom de l'item 2/4
Modification du nom de l'item 3/4
Modification du nom de l'item 4/4
Modification de la quantité de l'item
Sauvegarde automatique des données 1/4
Sauvegarde automatique des données 2/4
Sauvegarde automatique des données 3/4
Sauvegarde automatique des données 4/4
target VS currentTarget
Supprimer un item 1/2
Supprimer un item 2/2
Exportation des données
Changement de l'ordre des items 1/5
Changement de l'ordre des items 2/5
Changement de l'ordre des items 3/5
Changement de l'ordre des items 4/5
Changement de l'ordre des items 5/5
Affichage de l'indicateur 1/11
Affichage de l'indicateur 2/11
Affichage de l'indicateur 3/11
Affichage de l'indicateur 4/11
Affichage de l'indicateur 5/11
Affichage de l'indicateur 6/11
Affichage de l'indicateur 7/11
Affichage de l'indicateur 8/11
Affichage de l'indicateur 9/11
Affichage de l'indicateur 10/11
Affichage de l'indicateur 11/11
Module algorithmique
Que faire après le module intermédiaire ?
Programmes
Cours
Module intermédiaire
Module intermédiaire
Module intermédiaire
Acheter maintenant
En savoir plus
Discussions
Fiche de synthèse
Fiche de synthèse
Les bases du JavaScript (suite)
Les littéraux de gabarits (template strings) : interpolation d'expressions
Raccourcis d'opérateurs, opérateurs puissance et modulo
Les types primitifs
La conversion de types
Quiz #1
Structures conditionnelles else if et switch
L'opérateur conditionnel '?'
Déclarer des variables avec const, let et var
La portée des variables avec let et const
La portée des variables avec var
Quiz final
Les objets
Introduction
Différences entre classes et prototypes
Que se passe-t-il dans la mémoire de l'ordinateur ?
Imbrication d'objets, exemple avec l'API de Twitter
Quiz final
La POO : Programmation Orientée Objet
Les fonctions de première classe
Les méthodes : des fonctions dans des objets
Pourquoi apprendre la POO ?
Quiz final
Les projets : objectifs et fonctionnement
Objectifs des projets
Créer un site web de zéro depuis Visual Studio Code
Lien entre HTML et JavaScript
Introduction au DOM et différences entre NodeJS et Chrome
Qu'est-ce que le DOM ? Que contient-il ?
Sélection d'éléments du DOM
Modification d'éléments du DOM
Création et insertion d'éléments dans le DOM
Déplacer et supprimer des éléments du DOM
Traverser les éléments du DOM
Projet #1 : Compteur de clics
Présentation du compteur de clics
Les évènements (+ énoncé exercice incrémentation)
Solution incrémentation et comment déboguer dans Chrome (instruction debugger)
Solution décrémentation et bouton reset
Détecter un clic droit
Solution zone de clic
Lire la valeur d'un élément input
Solution incrémenter et décrémenter le compteur des valeurs des inputs
Comment afficher temporairement une notification ?
Solution gestion des limites et notifications
Conclusion et conseils
Les tableaux
Introduction
Lecture et itération via une boucle
Modifier un élément et rappels
Documentation du MDN : l'exploiter efficacement
Tableaux multidimensionnels
Quiz final
Les types d'objets standards en JavaScript
String et les objets "enveloppeurs" (wrappers)
Number
Boolean
Date
RegExp (expression régulières)
Object
La librairie Math
BONUS Projet #2 : Animation changement d'ordre
Démo de l'animation et explications
Phase de décollage
Phase de déplacement 1/6
Phase de déplacement 2/6
Phase de déplacement 3/6
Phase de déplacement 4/6
Phase de déplacement 5/6
Phase de déplacement 6/6
Déplacement des items de la liste 1/4
Déplacement des items de la liste 2/4
Déplacement des items de la liste 3/4
Déplacement des items de la liste 4/4
Remaniement du code
Mise à jour du DOM 1/4
Mise à jour du DOM 2/4
Mise à jour du DOM 3/4
Mise à jour du DOM 4/4
Sauvegarde et remaniement
Projet #2 : Liste de courses
Présentation du projet
Fonctionnement des exercices
Ajout d'un nouvel item
Template nouvel item
Template nouvel item (fin)
Correction des espaces
Majuscule première lettre
Validation valeur filtrée
Messages d'erreurs 1/2
Messages d'erreurs 2/2
Minimum 2 lettres 1/2
Minimum 2 lettres 2/2
Insertion intelligente 1/5
Insertion intelligente 2/5
Insertion intelligente 3/5
Insertion intelligente 4/5
Insertion intelligente 5/5
Refactoring
Réduire la maintenance
Sauvegarder les données 1/2
Sauvegarder les données 2/2
Chargement des données 1/2
Chargement des données 2/2
Modification du nom de l'item 1/4
Modification du nom de l'item 2/4
Modification du nom de l'item 3/4
Modification du nom de l'item 4/4
Modification de la quantité de l'item
Sauvegarde automatique des données 1/4
Sauvegarde automatique des données 2/4
Sauvegarde automatique des données 3/4
Sauvegarde automatique des données 4/4
target VS currentTarget
Supprimer un item 1/2
Supprimer un item 2/2
Exportation des données
Changement de l'ordre des items 1/5
Changement de l'ordre des items 2/5
Changement de l'ordre des items 3/5
Changement de l'ordre des items 4/5
Changement de l'ordre des items 5/5
Affichage de l'indicateur 1/11
Affichage de l'indicateur 2/11
Affichage de l'indicateur 3/11
Affichage de l'indicateur 4/11
Affichage de l'indicateur 5/11
Affichage de l'indicateur 6/11
Affichage de l'indicateur 7/11
Affichage de l'indicateur 8/11
Affichage de l'indicateur 9/11
Affichage de l'indicateur 10/11
Affichage de l'indicateur 11/11
Module algorithmique
Que faire après le module intermédiaire ?
En savoir plus
Acheter maintenant
Apprends à maîtriser le DOM et les concepts clés du JavaScript pour créer des applications web de plus en plus évoluées.
Fiche de synthèse
1 Leçon
Fiche de synthèse
Les bases du JavaScript (suite)
11 Leçons
Les littéraux de gabarits (template strings) : interpolation d'expressions
Raccourcis d'opérateurs, opérateurs puissance et modulo
Les types primitifs
La conversion de types
Quiz #1
Structures conditionnelles else if et switch
L'opérateur conditionnel '?'
Déclarer des variables avec const, let et var
La portée des variables avec let et const
La portée des variables avec var
Quiz final
Les objets
5 Leçons
Introduction
Différences entre classes et prototypes
Que se passe-t-il dans la mémoire de l'ordinateur ?
Imbrication d'objets, exemple avec l'API de Twitter
Quiz final
La POO : Programmation Orientée Objet
4 Leçons
Les fonctions de première classe
Les méthodes : des fonctions dans des objets
Pourquoi apprendre la POO ?
Quiz final
Les projets : objectifs et fonctionnement
2 Leçons
Objectifs des projets
Créer un site web de zéro depuis Visual Studio Code
Lien entre HTML et JavaScript
7 Leçons
Introduction au DOM et différences entre NodeJS et Chrome
Qu'est-ce que le DOM ? Que contient-il ?
Sélection d'éléments du DOM
Modification d'éléments du DOM
Création et insertion d'éléments dans le DOM
Déplacer et supprimer des éléments du DOM
Traverser les éléments du DOM
Projet #1 : Compteur de clics
11 Leçons
Présentation du compteur de clics
Les évènements (+ énoncé exercice incrémentation)
Solution incrémentation et comment déboguer dans Chrome (instruction debugger)
Solution décrémentation et bouton reset
Détecter un clic droit
Solution zone de clic
Lire la valeur d'un élément input
Solution incrémenter et décrémenter le compteur des valeurs des inputs
Comment afficher temporairement une notification ?
Solution gestion des limites et notifications
Conclusion et conseils
Les tableaux
6 Leçons
Introduction
Lecture et itération via une boucle
Modifier un élément et rappels
Documentation du MDN : l'exploiter efficacement
Tableaux multidimensionnels
Quiz final
Les types d'objets standards en JavaScript
7 Leçons
String et les objets "enveloppeurs" (wrappers)
Number
Boolean
Date
RegExp (expression régulières)
Object
La librairie Math
BONUS Projet #2 : Animation changement d'ordre
18 Leçons
Démo de l'animation et explications
Phase de décollage
Phase de déplacement 1/6
Phase de déplacement 2/6
Phase de déplacement 3/6
Phase de déplacement 4/6
Phase de déplacement 5/6
Phase de déplacement 6/6
Déplacement des items de la liste 1/4
Déplacement des items de la liste 2/4
Déplacement des items de la liste 3/4
Déplacement des items de la liste 4/4
Remaniement du code
Mise à jour du DOM 1/4
Mise à jour du DOM 2/4
Mise à jour du DOM 3/4
Mise à jour du DOM 4/4
Sauvegarde et remaniement
Projet #2 : Liste de courses
52 Leçons
Présentation du projet
Fonctionnement des exercices
Ajout d'un nouvel item
Template nouvel item
Template nouvel item (fin)
Correction des espaces
Majuscule première lettre
Validation valeur filtrée
Messages d'erreurs 1/2
Messages d'erreurs 2/2
Minimum 2 lettres 1/2
Minimum 2 lettres 2/2
Insertion intelligente 1/5
Insertion intelligente 2/5
Insertion intelligente 3/5
Insertion intelligente 4/5
Insertion intelligente 5/5
Refactoring
Réduire la maintenance
Sauvegarder les données 1/2
Sauvegarder les données 2/2
Chargement des données 1/2
Chargement des données 2/2
Modification du nom de l'item 1/4
Modification du nom de l'item 2/4
Modification du nom de l'item 3/4
Modification du nom de l'item 4/4
Modification de la quantité de l'item
Sauvegarde automatique des données 1/4
Sauvegarde automatique des données 2/4
Sauvegarde automatique des données 3/4
Sauvegarde automatique des données 4/4
target VS currentTarget
Supprimer un item 1/2
Supprimer un item 2/2
Exportation des données
Changement de l'ordre des items 1/5
Changement de l'ordre des items 2/5
Changement de l'ordre des items 3/5
Changement de l'ordre des items 4/5
Changement de l'ordre des items 5/5
Affichage de l'indicateur 1/11
Affichage de l'indicateur 2/11
Affichage de l'indicateur 3/11
Affichage de l'indicateur 4/11
Affichage de l'indicateur 5/11
Affichage de l'indicateur 6/11
Affichage de l'indicateur 7/11
Affichage de l'indicateur 8/11
Affichage de l'indicateur 9/11
Affichage de l'indicateur 10/11
Affichage de l'indicateur 11/11
Module algorithmique
1 Leçon
Que faire après le module intermédiaire ?