|
|
@@ -68,17 +68,23 @@
|
|
|
<h5 class="header">1. D'abord, un peu de HTML</h5>
|
|
|
<p>Ouvre le fichier <code>empty.html</code>.</p>
|
|
|
<p>Tu n'y verras pas grand chose. C'est normal, ça va être à toi de jouer !</p>
|
|
|
- <p>Commence par ajouter du contenu entre les tags <code><body></code> et <code></body></code>, sous la section "CONTENU", puis recharge cette page.</p>
|
|
|
+ <p>Commence par ajouter du contenu entre les tags <code><body></code> et <code></body></code>, sous la section "CONTENU". Un bouton par exemple. Si tu veux un exemple, regarde <a target="_blank" href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/Button#Exemples">ici</a>. Après l'ajout, recharge cette page.</p>
|
|
|
<p>Tu verras normalement tes ajouts s'afficher sur la moitié droite de l'écran ! Passe à l'étape suivante.</p>
|
|
|
|
|
|
<h5 class="header">2. Du JavaScript maintenant !</h5>
|
|
|
+
|
|
|
+ <h6>Hello World!</h6>
|
|
|
<p>Dans <code>empty.html</code>, ajoute ceci, sous la section "SCRIPTS" :</p>
|
|
|
<pre>
|
|
|
<script>
|
|
|
alert("Hello World!");
|
|
|
</script></pre>
|
|
|
|
|
|
- <p>Puis recharge.</p>
|
|
|
+ <p>Puis recharge. Tu as forcément déjà vu ce genre de "popup". Ça le mérite d'exister, même si c'est pas vraiment le top en matière d'UX !</p>
|
|
|
+
|
|
|
+ <h6>Les variables en JavaScript</h6>
|
|
|
+
|
|
|
+ <p>Tu connais Java ! Tu sais donc qu'en Java, les variables sont <strong>typées</strong>.</p>
|
|
|
|
|
|
</div>
|
|
|
|