Orsys

JavaScript, maîtriser la Programmation Orientée Objet

Par Orsys

Objectifs

À l’issue de la formation, le participant sera en mesure de :

  • Comprendre les particularités de la Programmation Orientée Objet avec JavaScript
  • Créer des classes avec leurs constructeurs et leurs propriétés
  • Mettre en œuvre le principe de l'héritage
  • Articuler le TypeScript avec la syntaxe JavaScript

Programme

Vision d'ensemble des classes

  • Rappels sur la POO.
  • Le mécanisme des classes.
  • Définition des propriétés et méthodes public, private.
  • Création de classe Template.
  • Comprendre le mécanisme de prototype, proto.
  • Objet et typage des objets TypeOf, instanceOf.

Constructeur et propriétés

  • Comprendre les mécanismes de constructeur.
  • Constructeur basé sur Object.create.
  • Constructeur literal.
  • Principe de scope safe.
  • Création par singleton, pattern.
  • Méthodes de création des propriétés, portée (private, public, static) des propriétés.
  • Portée des méthodes, mécanismes de polymorphisme.
  • Préserver et gérer le Context this.

Travaux pratiques
Mise en œuvre des différentes méthodes de création de classe.

Les concepts d'héritage

  • Comprendre les mécanismes d'héritage en JavaScript.
  • Héritage simple, multiple.
  • Héritage par prototype.

Travaux pratiques
Création d'une classe héritée simple avec et sans les prototypes.

Comprendre le type Object

  • Création Object literal, avec un constructeur.
  • Création de propriétés et méthodes.
  • Duplication d'objet par valeur, référence.
  • Gestion du context this avec Object.apply et Object.call.
  • Démystifier les propriétés de Object.
  • Modules : Object, AMD.

Travaux pratiques
Construction d'une classe, factory à base de Object.

Mécanismes JavaSript avancés

  • Déclaration des variables, typage, nomenclature, accès au DOM.
  • Comprendre le mécanisme de Hoisting.
  • Promises et la Programmation asynchrone.
  • Echange Ajax d'objets structurés et serialization de multiples formats (texte, image, JSON).
  • Création d'un Namespace static, Namespace objet, module pattern, namespace proxy.
  • Fonctions anonymes, closures.
  • Comprendre les principes du callback.

Travaux pratiques
Gestion des solutions de stockage localstorage pour conserver image, objets...

Pourquoi utiliser TypeScript ?

  • Typage de données.
  • Constructeurs, instances (méthode et propriété), interfaces.
  • Création de Class, Objects (private, public, static...).
  • Getters, Setters.
  • Héritage, surcharge.
  • Gestion du context.
  • Polymorphisme.

Travaux pratiques
Création d'un projet en programmation objet en Typescript, usage de solution Node.js.

Pédagogie

Vision d'ensemble des classes

  • Rappels sur la POO.
  • Le mécanisme des classes.
  • Définition des propriétés et méthodes public, private.
  • Création de classe Template.
  • Comprendre le mécanisme de prototype, proto.
  • Objet et typage des objets TypeOf, instanceOf.

Constructeur et propriétés

  • Comprendre les mécanismes de constructeur.
  • Constructeur basé sur Object.create.
  • Constructeur literal.
  • Principe de scope safe.
  • Création par singleton, pattern.
  • Méthodes de création des propriétés, portée (private, public, static) des propriétés.
  • Portée des méthodes, mécanismes de polymorphisme.
  • Préserver et gérer le Context this.

Travaux pratiques
Mise en œuvre des différentes méthodes de création de classe.

Les concepts d'héritage

  • Comprendre les mécanismes d'héritage en JavaScript.
  • Héritage simple, multiple.
  • Héritage par prototype.

Travaux pratiques
Création d'une classe héritée simple avec et sans les prototypes.

Comprendre le type Object

  • Création Object literal, avec un constructeur.
  • Création de propriétés et méthodes.
  • Duplication d'objet par valeur, référence.
  • Gestion du context this avec Object.apply et Object.call.
  • Démystifier les propriétés de Object.
  • Modules : Object, AMD.

Travaux pratiques
Construction d'une classe, factory à base de Object.

Mécanismes JavaSript avancés

  • Déclaration des variables, typage, nomenclature, accès au DOM.
  • Comprendre le mécanisme de Hoisting.
  • Promises et la Programmation asynchrone.
  • Echange Ajax d'objets structurés et serialization de multiples formats (texte, image, JSON).
  • Création d'un Namespace static, Namespace objet, module pattern, namespace proxy.
  • Fonctions anonymes, closures.
  • Comprendre les principes du callback.

Travaux pratiques
Gestion des solutions de stockage localstorage pour conserver image, objets...

Pourquoi utiliser TypeScript ?

  • Typage de données.
  • Constructeurs, instances (méthode et propriété), interfaces.
  • Création de Class, Objects (private, public, static...).
  • Getters, Setters.
  • Héritage, surcharge.
  • Gestion du context.
  • Polymorphisme.

Travaux pratiques
Création d'un projet en programmation objet en Typescript, usage de solution Node.js.

PDF

Imprimer

Envoyer

Envoyer la page à :

Formations de la même catégories (5)

Ambient IT
Vue.JsPar Ambient IT

Créé et propulsé par les développeurs d’alibaba.com, Vue.js est un framework évolutif pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.

Vue.js est connu pour avoir rendu le développement front amusant ! Il est sans conteste le framework web moderne à la foi productif et accessible. Dans cette formation vous apprendrez à créer des interfaces web riches en utilisant Vue.js 2 : templating, composants de vue, découverte de son écosystème.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 2.6).

Tanit Formation
Exploiter la puissance javascript pour dynamiser les applications webPar Tanit Formation

Dans cette formation, vous apprendrez à développer des applications Web côté client en écrivant des scripts JavaScript pour interagir dynamiquement avec le contenu de la page Web, soit en lien avec des actions de l'utilisateur et/ou suite à un échange de données avec un service Web.

Ziggourat
JavaScript PerfectionnementPar Ziggourat

Cette formation vous permet de découvrir les différentes approches de la programmation orientée objet en JavaScript.

ENI SERVICE
Vue.js – Développer des applications WebPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework Vue.js.

Orsys
JavaScript, maîtriser la Programmation Orientée ObjetPar Orsys

Vous maitriserez les mécanismes de la programmation Objet en JavaScript. Vous étudierez en détail son modèle Objet en mettant en œuvre notamment le concept de classes et d'héritage. Vous découvrirez également les mécanismes avancés du JavaScript et l'intérêt de l'intégrer avec du TypeScript.