Intermédiaire · code exécutable ES2015+

JavaScript avancé

Tu connais les bases du JS ? On passe au niveau supérieur : la POO avec les classes, le vrai fonctionnement de this et des prototypes, les modules, et les super-pouvoirs du navigateur (Web APIs, Canvas).

FR EN

Le prérequis

Ce cours suppose les bases de JavaScript (variables, fonctions, DOM, fetch), vues dans le cours JavaScript. La partie classes gagne aussi à être lue après le cours « La POO expliquée simplement », qui pose les concepts indépendamment du langage.

1

Les classes en JavaScript

class, constructor, champs privés #, extends et super, méthodes statiques. La POO appliquée en JS.

POO
10 min
2

this et les prototypes

Le grand piège de JavaScript : à quoi se réfère this, pourquoi il « se perd », et ce que sont vraiment les classes (du sucre sur les prototypes).

Cœur JS
11 min
3

Les ES Modules

export / import : découper son code en fichiers réutilisables, exports nommés et par défaut. La base du JS moderne.

Structure
9 min
4

Les Web APIs du navigateur

Le navigateur est plein de super-pouvoirs : Geolocation, Notifications, Clipboard, et la notion de permission. Plus WebSockets pour le temps réel.

APIs
10 min
5

Dessiner avec Canvas

Le pixel sous contrôle : dessiner formes, texte et images, et la boucle d'animation requestAnimationFrame.

Graphique
10 min
Commencer la leçon 1

Gratuit · Sans inscription · Code exécutable