Introduction aux objets en JavaScript

En JavaScript, la plupart des valeurs manipulées sont des objets, qu'ils proviennent des fonctionnalités natives du langage, comme les tableaux, ou qu'ils soient fournis par les API du navigateur. Il est aussi possible de créer ses propres objets qui contiendront des propriétés avec des données ou des fonctions. JavaScript est un langage orienté objet et la compréhension de cette notion est nécessaire pour approfondir ses connaissances dans ce langage. Nous avons donc construit un module pour vous aider, où nous vous apprendrons la théorie du modèle objet et les détails de la syntaxe JavaScript associée. Nous verrons ensuite comment créer ses propres objets.

Vous souhaitez devenir développeuse ou développeur web ?

Nous avons construit un cursus contenant toutes les informations essentielles pour parvenir à cet objectif.

Commencer

Prérequis

Avant de commencer ce module, vous devriez connaître les bases de HTML et de CSS. Nous vous conseillons de réaliser les modules Introduction à HTML et Introduction à CSS avant de commencer celui-ci sur JavaScript.

Vous devriez également connaître les notions de bases sur JavaScript avant d'étudier les objets JavaScript en détails. Avant de démarrer ce module, lisez Premiers pas en JavaScript et Blocs de construction de JavaScript.

Note : Si vous travaillez depuis un appareil où vous ne pouvez pas créer vos propres fichiers, vous pouvez essayer la plupart des exemples de code dans un outil de programmation en ligne tel que JSBin ou Glitch.

Guides

Notions de base sur les objets: Dans ce premier article consacré aux objets en JavaScript, nous verrons les fondamentaux de la syntaxe objet en JavaScript et reverrons certaines des fonctionnalités abordées précédemment dans le cours et qui manipulaient déjà des objets.
Prototypes d'objets: Les prototypes sont le mécanisme par lequel les objets JavaScript héritent des fonctionnalités d'autres objets. Il s'agit d'un mécanisme différent de l'héritage basé sur les classes. Dans cet article, nous verrons comment la chaîne de prototypes fonctionne.
Programmation orientée objet: Dans cet article, nous décrirons certaines notions de base sur la programmation orientée objet à l'aide de classes et verrons en quoi cela diffère du modèle JavaScript qui utilise les prototypes.
Classes en JavaScript: JavaScript fournit certaines fonctionnalités pour les personnes qui souhaitent implémenter des programmes utilisant des classes. Dans cet article, nous décrirons ces fonctionnalités.
Manipuler des données en JSON: JSON (JavaScript Object Notation) est un format textuel standardisé de représentation des données, utilisant la syntaxe objet de JavaScript. Il est utilisé pour la représentation et la transmission de données sur le Web (par exemple transmettre des données d'un serveur à un client afin qu'elles puissent être affichées sur une page web). Ce format étant fréquemment utilisé, nous aborderons dans cet article les outils pour manipuler des données JSON en JavaScript et notamment l'analyse de texte JSON et l'écriture de données en JSON.
Construire des objets en pratique: Dans les articles qui précèdent, nous avons étudié la théorie objet et la syntaxe JavaScript, fournissant ainsi les notions de bases nécessaires. Dans cet article, nous verrons un exercice concret, vous permettant de mettre en pratique la construction d'objets afin de produire une démo colorée avec des balles rebondissantes.

Évaluations

Ajouter des fonctionnalités à notre démo de balles rebondissantes: Dans cette évaluation, nous vous demandons de repartir de la démo construite précédemment et d'y ajouter certaines fonctionnalités intéressantes.

Voir aussi

JavaScript de Zéro - Module débutant: Un module de formation en ligne en français avec des leçons vidéo et des exercices et quiz.