Template string (nouveauté ES6) | codeconcept

Autoplay
Autocomplete

Vidéo précédente Terminer et continuer

JavaScript par la pratique

Préambule

Présentation (2:33)
Les cinq types fondamentaux en JavaScript (4:34)
Opérations courantes sur les nombres (1:33)
Template string (nouveauté ES6) (2:58)
Conversion en booléen à l'aide de l'opérateur '!!' (2:24)
Différence entre 'double égal et triple égal (2:19)
le mot clé "typeof" (1:30)
Configurer son environnement de développement (6:00)

Les fonctions

"function declaration" et "function expression" (8:18)
Le callback : passer une fonction à une fonction (3:18)
Portée des variables jusqu'en ES5 puis en ES6 (via let et const) (10:49)
IIFE (Immediatly Invoked Function Expression) (5:40)
Arrow function (ES6) (2:03)
Arguments et paramètres (2:02)
Paramètres par défaut (ES6) (2:29)
Fonction utilisée comme un constructeur (2:33)

Les objets

Quand créer un objet ? (2:50)
Les propriétés d'un objet (2:43)
Object.keys() (3:41)
Getter (3:55)
Setter (4:23)
Copie d'objet (9:23)
Imposer une structure à des objets à l'aide d'un constructeur (4:13)

Les prototypes ES5 et les classes ES6

Prototype d'une fonction et __proto__ d'un objet (11:03)
Ajouter une fonction à un prototype (4:37)
Occulter une propriété du prototype en ajoutant une propriété à un objet (3:58)
Modifier le prototype d'une fonction après coup (3:32)
Consulter le __proto__ d'un objet pour éviter certains pièges (3:15)
Chaîne d'héritage prototypal (9:54)
instanceof (0:44)
Les classes ES6 (9:03)

Les possibles valeurs de this en JavaScript

Les valeurs de this + le problème de this depuis une inner function (12:45)
Solution 1 : capturer this dans self (3:10)
Solution 2 : utiliser une arrow fonction (1:56)
Choisir ce que doit être this à l'aide de call() (8:23)
Choisir ce que doit être this à l'aide de bind() (3:44)

Les tableaux (Array)

Quand faut-il utiliser un tableau ? (3:02)
Array.of() et Array.from() (ES6) (9:06)
map(), filter() et sort() (ES6) (8:50)
Introduction à reduce() (ES6) (7:43)
Utiliser reduce() pour créer un objet à partir d'un tableau (6:49)
Recréer map() à l'aide de reduce() (4:03)
Recréer filter() à l'aide de reduce() (3:00)
Quatre façons de cloner un tableau (en ES5 et ES6) (7:43)

Les closures

Qu’est-ce qu’une closure ? (5:54)
Rendre une variable privée grâce aux closures (12:15)
Capturer des arguments passés à la “outer function” (3:09)

Les événements

Qu'est-ce qu'un événement ? (event) (1:57)
Ecouter les événements du clavier (11:27)
Diverses façons de prendre en compte uniquement certaines touches du clavier (11:23)
Création d'un captcha - Choisir une question aléatoirement (11:25)
Création d'un captcha - Gestion des saisies du clavier (5:23)
Création d'un captcha - S'assurer d'un nombre précis de saisies (3:43)
Création d'un captcha - Comparer deux tableaux (6:10)
Création d'un captcha - Validation (16:12)
Création d'un player vidéo - Initialisation du projet (10:06)
Création d'un player vidéo - Play, pause et contrôle de la vitesse de la vidéo (11:47)
Création d'un player vidéo - Implémentation du slider de recherche (12:06)

Les requêtes AJAX

Les promises (ES6) (7:10)
Les promises (suite) : la gestion du "reject" (ES6) (4:14)
Utiliser fetch() et les promises pour effectuer une requête asynchrone (ES6) (15:16)

Template string (nouveauté ES6)

Terminer et continuer

Discussion

0 commentaires