-[B.2. Compiler avec Babel](#b2-compiler-avec-babel)
-[B.2. Compiler avec Babel](#b2-compiler-avec-babel)
-[B.3. La classe Component](#b3-la-classe-component)
-[B.3. La classe Component](#b3-la-classe-component)
-[B.4. *Héritage :* La classe Img](#b4-héritage--la-classe-img)
-[B.4. Héritage : La classe Img](#b4-héritage--la-classe-img)
-[Étape suivante](#Étape-suivante)
-[Étape suivante](#Étape-suivante)
***NB* : Dans ce TP vous coderez dans un premier temps vos classes directement dans le fichier `main.js` sans passer par des fichiers (modules) séparés.** Dans la suite du TP on organisera notre code plus proprement en séparant les classes dans des modules différents mais pour le moment on va simplifier la mise en place en remettant ça à plus tard.
***NB* : Dans ce TP vous coderez dans un premier temps vos classes directement dans le fichier `main.js` sans passer par des fichiers (modules) séparés.** Dans la suite du TP on organisera notre code plus proprement en séparant les classes dans des modules différents mais pour le moment on va simplifier la mise en place en remettant ça à plus tard.
...
@@ -149,7 +149,7 @@ Pour pouvoir utiliser ces syntaxes, nous allons modifier la configuration de Bab
...
@@ -149,7 +149,7 @@ Pour pouvoir utiliser ces syntaxes, nous allons modifier la configuration de Bab
*Pour ne pas alourdir trop le code de la méthode render() je vous recommande de créer une nouvelle méthode `renderAttribute()` -appelée dans la méthode `render()`- qui va être en charge du rendu de l'attribut html.*
*Pour ne pas alourdir trop le code de la méthode render() je vous recommande de créer une nouvelle méthode `renderAttribute()` -appelée dans la méthode `render()`- qui va être en charge du rendu de l'attribut html.*
Testez ce nouveau code, le rendu devra cette fois être :<br><a href="images/readme/pizzaland-03.jpg"><img src="images/readme/pizzaland-03.jpg" width="80%"></a>
Testez ce nouveau code, le rendu devra cette fois être :<br><a href="images/readme/pizzaland-03.jpg"><img src="images/readme/pizzaland-03.jpg" width="80%"></a>
## B.4. *Héritage :* La classe Img
## B.4. Héritage : La classe Img
1.**Créez maintenant une nouvelle classe `Img`** qui hérite de `Component` et dont le constructeur s'utilise comme ceci :
1.**Créez maintenant une nouvelle classe `Img`** qui hérite de `Component` et dont le constructeur s'utilise comme ceci :
```js
```js
constimg=newImg('images/regina.jpg');
constimg=newImg('images/regina.jpg');
...
@@ -161,4 +161,4 @@ Pour pouvoir utiliser ces syntaxes, nous allons modifier la configuration de Bab
...
@@ -161,4 +161,4 @@ Pour pouvoir utiliser ces syntaxes, nous allons modifier la configuration de Bab
Le rendu doit être identique à la capture précédente : <br><ahref="images/readme/pizzaland-03.jpg"><imgsrc="images/readme/pizzaland-03.jpg"width="80%"></a>
Le rendu doit être identique à la capture précédente : <br><ahref="images/readme/pizzaland-03.jpg"><imgsrc="images/readme/pizzaland-03.jpg"width="80%"></a>
## Étape suivante
## Étape suivante
Si vous avez terminé cette partie sur la POO, il est l'heure de mettre en place les modules dans la partie suivante : [Les modules](C-modules.md).
Si vous avez terminé cette partie sur la POO, il est l'heure de mettre en place les modules dans la partie suivante : [C. Les modules](C-modules.md).