2-X64-PWF

Session 2 : STITI

Stocker, Transformer, Interagir, Tester, Iterer

Objectif (partie 3)

Mettre en place un environnement de travail


1 — Explorateur de ficher (Finder, Explorer…)

Dans votre repertoire de dev (ici nomme dev), creer l’arborescence suivante :

dev
└── pwf
    └── session_2
        └── index.html

2 — Ouvrir le dossier session_2 dans votre editeur

Copier le contenu suivant dans index.html

<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>STITI — Partie 2</title>
  </head>
  <body>
    <main>
      <h1>STITI — Partie 2</h1>
      <p>Ouvrez la console (F12 → Console) pour voir le résultat.</p>
    </main>
    <script>
      console.log("UI STITI");
    </script>
  </body>
</html>

3 — Ouvrir et vérifier

  1. Ouvrir index.html dans le navigateur (Chrome, Firefox…).
  2. Ouvrir la console (F12 → onglet Console ou Clic droit inspecter → onglet Console ).
  3. Vérifier que le message UI STITI s’affiche.
  4. Agrandir la console pour etre a l’aise.