Programme du DS

 


this

Qui est this ?

Class

Exemple

+ Dessin

Map, .map, .reduce, .filter, some,evry

Cours

Exemple

Grid

Placement








this ?

 Mais qui est this ?

Nous avons vu l'importance du this et des problèmes récurrents à résoudre (vidéo)

This



Code

Cours avec lien sur les codes

Class

Code 

Trouver un code pour établir à la fin de la journée le nombre de clients et le bilan des recettes. Chaque client présente une liste d'achats.

  1. Client (49.99);
  2. Client (239.99, 229.99);
  3. Client (9.9, 120.99);
  4. Client (239.99, 19.99, 19.99, 19.99, 59.99);

Résultats

"clients" : 4

"somme" : 1.010,81 €


Discussion

Nous proposons une solution ( lien )

Il faut cependant corriger un bug 🐛 !



Solutions finale avec saisie du partron


Class en action


Création d'une forme

Nous créons des points sans les afficher.

Nous traçons des lignes reliant les points

 Nous allons dessiner des formes



Nous allons détaillé la mise en place de cette classe permettant de créer des formes aléatoires.


Création d'un rectangle

Pour créer un rectangle, on a besoin de quatre points.

Les quatre points se déduisent facilement à partir d'un point origine et de la largeur et hauteur du rectangle.


Un rectangle se dessine à partir d'une forme à quatre point. La présence de l'héritage est démontré.


Cours en ligne

Retrouver l'ensemble des vidéos sur class 💣 lien

Document

Voici le code associé aux vidéos :  lien


Class : template

Nous avons vu dans le projet calendrier l'importance de l'utilisation d'un template (⥲lien). Nous allons reprendre le code en introduisant la notion de classe


code

Voici le code en détail  (👉lien)

Code commenté

Et voici les commentaires sur la mise en place de la classe template



Code en action

Voici un exemple d'instanciation de la classe Template.

 

Class

 

Les dessous de JS

Episode 1 : __proto__

Episode 2 : Object.create

Episode 3 : prototype

Episode 4 : new