theopaolo

Challenger — Mini jeu texte en console

Tu vas fabriquer un mini jeu de donjon jouable directement dans la console du navigateur en appliquant les concepts suivants :

• variables
• conditions (if / else)
• boucles (while)
• fonctions
• hasard

À la fin, le joueur devra survivre à 3 salles et sortir du donjon.

theopaolo

Checklist Audit ORM

---

1. État des lieux

Question	Oui	Non	Partiel
Mon projet utilise un ORM
Toutes mes requêtes passent par l'ORM

theopaolo

Grille de Scoring — Challenges HTML/CSS

Utilisez la grille suivante pour vous auto-évaluer : l’idée n’est pas d’avoir le maximum de points, mais d’être le plus honnête possible afin de clarifier vos zone de doute et sujets à retravailler ultérieurement.

Si certains critères vous semblent flous, ne vous bloquez pas, commentez le critère et passez aux prochains.

Comment utiliser la grille

• Copier le contenu dans un fichier score.md.
• Ouvrir le fichier dans VS Code, Obsidian ou Notion.
• Remplir la grille.
• Créer un gist avec votre grille https://gist.github.com/

theopaolo

HTML et CSS

Le HTML et CSS sont deux langages essentiels pour le développement web. Le HTML permet de structurer le contenu d'une page web, tandis que le CSS permet de le styliser. Souvent on utilise l'image de la maison : le HTML c'est la structure, les fondations, la charpente et les murs ; le CSS c'est la peinture, le papier peint, la décoration, les finitions. Cela permet de séparer clairement la structure du contenu de sa présentation, facilitant ainsi la maintenance et la mise à jour du site web.

---

Aujourd'hui nous allons apprendre les bases du HTML et du CSS. Vous allez créer votre première page web en utilisant ces deux langages.

theopaolo

CSS Moderne 2025 - Cheat Sheet

Guide complet des fonctionnalités CSS modernes disponibles en 2025.

---

Cascade Layers (@layer)

Les Cascade Layers permettent de contrôler explicitement l'ordre de priorité du CSS, indépendamment de la spécificité.

theopaolo

Qu'est-ce que CUBE CSS ?

CUBE CSS est une méthodologie CSS (pas un framework), créée par Andy Bell qui privilégie la simplicité, la composition et la cascade CSS naturelle.

CUBE est un acronyme qui définit l'ordre dans lequel nous pensons et écrivons notre CSS, du plus générique au plus spécifique :

• Composition (Mise en page macro)
• Utility (Classes utilitaires globales)
• Block (Composants isolés)
• Exception (Variations d'état)

theopaolo

1. L'Anatomie de base

Pour créer une balise HTML personnalisée (ex: <app-card>), il faut toujours suivre ces 3 étapes.

// 1. La Classe qui fabrique le composant
class AppCard extends HTMLElement {

  // 2. La Méthode qui se lance quand la balise est monté dans le DOM ( mounted )
 connectedCallback() {

theopaolo

  <?php
  $items = $site->index()->filterBy('template', 'book')->visible(); // selection des page à partir du nom du template
  if($items and $items->count()): ?>
  <?php foreach($items as $item): ?> <!-- fabrication de la liste des pages -->
    <li>
      <!-- récupération du lien avec verification de l'existance du champ ext_url -->
      <a    
      href="<?php e($item->ext_url()->isNotEmpty(), $item->ext_url(), $item->url()) ?>" 
      <?php e($item->ext_url()->isNotEmpty(), 'target="_blank"', '') ?> >