En JavaScript, la plupart des choses sont des objets, des éléments du cœur de JavaScript,  comme les chaînes de caractères et les tableaux, les interfaces de programmation (APIs) des navigateurs construites sur la base de JavaScript .Vous  pouvez même créer vos propres objets pour encapsuler des fonctions liées et des variables au sein de paquets  efficaces, et se comportant comme de pratiques conteneurs de données. Il est important de comprendre la nature orientée objet du JavaScript  si vous souhaitez aller loin dans votre connaissance du langage, aussi, avons-nous fourni ce module afin de vous aider. Ici, nous enseignons la théorie de l’objet et sa syntaxe en détail , ensuite, ce sera à vous de voir comment vous souhaitez créer vos propres objets.     

Prérequis

Avant de commencer ce module, vous devriez avoir quelques familiarités avec le HTML et le CSS. Il serait raisonnable de travailler sur  les modules  Introduction au HTML et  Introduction au CSS avant de commencer avec le JavaScript.

Vous devriez également être familiarisé avec les bases du JavaScript avant de poursuivre en détails  avec les objets JavaScript. Avant de commencer ce module, travaillez sur Premiers pas avec JavaScript et Les blocs de construction en JavaScript.

Remarque: Si vous travaillez sur un ordinateur, une tablette ou un autre appareil où vous n’avez pas la possibilité de créer vos propres fichiers, vous pouvez essayer les (la plupart des)   exemples de code grâce à un programme en ligne comme  JSBin ou Thimble

Guides

Les bases de JavaScript orienté objet
Dans le premier article concernant les objets JavaScript, nous découvrirons la syntaxe fondamentale d’un objet JavaScript, et nous revisiterons certaines fonctionnalités du JavaScript que nous avions vues précédemment dans le cours, en insistant sur le fait que beaucoup des éléments abordés sont en fait des objets.
JavaScript orienté objet pour les débutants

Après avoir vu les notions de base, nous nous pencherons sur le JavaScript orienté objet (JSOO) — cet article présente une vue basique de la théorie de la programmation orientée objet (POO), et explore ensuite comment le JavaScript émule les classes d’objet via les fonctions des constructeurs et comment créer des instances d’objet.

Objets prototypes

Les prototypes sont des mécanismes par lesquels les objets JavaScript héritent les fonctionnalités d’un autre objet, et ils fonctionnent différemment  des mécanismes d’héritage des langages classiques de  programmation orientée objet. Dans cet article, nous explorons cette différence, expliquant comment les chaînes de prototypes fonctionnent et jetant un regard sur comment  la propriété prototype peut être utilisée pour ajouter des méthodes  aux constructeurs  existants.

L’héritage au sein de JavaScript

Avec la plupart des redoutables détails du  JSOO maintenant expliqués, cet article montre comment créer les classes (constructeurs) d’objet “enfant”  qui héritent des fonctionnalités de leur classes  “parents”. De plus, nous présentons  certains conseils sur où et comment utiliser le JSOO.

Manipuler des données JSON

JavaScript Object Notation (JSON) est un format standard pour la représentation de données structurées comme les objets JavaScript , qui est communément utilisé pour représenter et transmettre les données sur les sites web (ex. : Envoyer certaines données du serveur au client , afin d’être affichées sur une page web). Vous le rencontrerez assez souvent. Aussi, dans cet article, nous vous donnons tout ce dont vous avez besoin pour travailler avec le format JSON utilisant le JavaScript, incluant l’accès aux éléments des données dans un objet JSON et l’écriture de votre propre JSON .

Pratiques sur la construction d’objet

Dans l’article précédent  nous avons fait le tour de l’essentiel de  la théorie de l’objet JavaScript et les détails de sa syntaxe, vous donnant ainsi une solide base sur laquelle débuter. Dans cet article  nous plongeons  dans un exercice, vous donnant plus de pratique dans la construction d’objets JavaScript personnalisés, qui produisent quelque chose d’amusant et de plus coloré— quelques balles colorées et bondissantes.

Auto-évaluation

Ajoutez des fonctionnalités  à notre  démo des ballons bondissants
Dans cette évaluation , vous devrez utiliser la démo des balles bondissantes de l’article précédent comme un point de départ et y ajouter quelques nouvelles et intéressantes fonctionnalités.

 

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : loella16, breizhrunner, manuwhat, chrisdavidmills
 Dernière mise à jour par : loella16,