Projet BacPro CIEL - Contributions [fr]

Comment programmer en JavaScript ?

2026-04-17T13:09:00Z

Tomy PELISSOU :

= Les Bases du JavaScript : Guide Complet =

'''JavaScript''' (souvent abrégé '''JS''') est un langage de programmation incontournable pour le développement web. Bien qu'il puisse être utilisé côté serveur (avec Node.js), son rôle principal historique est de rendre les pages web interactives.

Ce guide se concentre exclusivement sur les fondations du langage. Comprendre ces concepts est indispensable avant de passer à la manipulation d'interfaces (DOM) ou aux frameworks modernes (React, Vue, etc.).

== 1. Intégration et Syntaxe de base ==

Avant de coder, il faut savoir où placer son code et comment l'écrire proprement.

=== Où écrire son JavaScript ? ===
Dans le contexte d'une page web, le code JavaScript s'insère dans un fichier HTML de deux manières :
* '''Interne''' : Entre des balises <code><script></code> et <code></script></code>.
* '''Externe''' (Recommandé) : Dans un fichier séparé portant l'extension <code>.js</code>, lié au HTML via <code><script src="app.js"></script></code>.

=== Les Commentaires ===
Les commentaires sont ignorés par l'ordinateur. Ils servent à documenter le code pour les humains.
<syntaxhighlight lang="javascript">
// Ceci est un commentaire sur une seule ligne

/* Ceci est un commentaire
sur plusieurs lignes
*/
</syntaxhighlight>

=== Sensibilité à la casse ===
JavaScript est sensible à la casse (''case-sensitive''). Les mots <code>MaVariable</code> et <code>mavariable</code> désigneront deux choses complètement différentes.
La convention standard en JS est le '''camelCase''' : le premier mot est en minuscules, et chaque mot suivant commence par une majuscule (ex: <code>dateDeNaissance</code>).

== 2. Les Variables ==

Une variable est une boîte dans laquelle on stocke une information pour la réutiliser ou la modifier plus tard.

Il existe trois mots-clés pour déclarer une variable, mais aujourd'hui, on n'en utilise principalement que deux :

* <code>let</code> : Déclare une variable dont la valeur peut changer (être réassignée).
* <code>const</code> : Déclare une constante. Sa valeur ne peut '''jamais''' être modifiée après sa création.
* <code>var</code> : L'ancienne façon de déclarer des variables. À éviter aujourd'hui car elle peut causer des bugs liés à sa "portée" (scope).

<syntaxhighlight lang="javascript">
let age = 25;
age = 26; // Parfaitement valide, l'âge a changé

const anneeDeNaissance = 1998;
// anneeDeNaissance = 1999; // ERREUR ! On ne peut pas modifier une constante
</syntaxhighlight>

== 3. Les Types de Données Primitifs ==

JavaScript est un langage à typage dynamique : vous n'avez pas besoin de préciser si une variable est un nombre ou du texte, le moteur le devine tout seul.

{| class="wikitable"
|-
! Type !! Explication !! Exemples de code
|-
| '''String''' || Chaîne de caractères (texte). S'écrit entre guillemets (simples, doubles ou obliques). || <code>"Bonjour"</code>, <code>'Salut'</code>, <code>`Total: ${prix}`</code>
|-
| '''Number''' || Les nombres, qu'ils soient entiers ou à virgule (on utilise un point, pas une virgule). || <code>42</code>, <code>-3.14</code>, <code>0.5</code>
|-
| '''Boolean''' || Valeur logique qui ne peut être que vraie ou fausse. Très utilisé pour les conditions. || <code>true</code>, <code>false</code>
|-
| '''Undefined''' || Signifie "non défini". C'est la valeur par défaut d'une variable déclarée mais vide. || <code>let test;</code> (test vaut <code>undefined</code>)
|-
| '''Null''' || L'absence intentionnelle de valeur. Vous dites explicitement "cette boîte est vide". || <code>let resultat = null;</code>
|}

== 4. Les Opérateurs ==

Les opérateurs permettent de manipuler nos variables.

=== Opérateurs Arithmétiques ===
<syntaxhighlight lang="javascript">
let a = 10;
let b = 3;

console.log(a + b); // 13 (Addition)
console.log(a - b); // 7 (Soustraction)
console.log(a * b); // 30 (Multiplication)
console.log(a / b); // 3.333... (Division)
console.log(a % b); // 1 (Modulo : le reste de la division euclidienne)
</syntaxhighlight>

=== Opérateurs de Comparaison ===
Ils comparent deux valeurs et renvoient un '''Booléen''' (<code>true</code> ou <code>false</code>).

'''Attention :''' Utilisez toujours la comparaison stricte (<code>===</code> ou <code>!==</code>) qui vérifie la valeur '''ET''' le type de la donnée, contrairement à <code>==</code> qui peut causer des comportements étranges.

<syntaxhighlight lang="javascript">
console.log(5 > 3); // true (Strictement supérieur)
console.log(5 >= 5); // true (Supérieur ou égal)
console.log(10 < 2); // false (Strictement inférieur)

console.log(5 === 5); // true (Égalité stricte)
console.log(5 === "5"); // false (Pas le même type : Nombre vs Texte)
console.log(5 == "5"); // true (Égalité faible : À ÉVITER)
console.log(5 !== 4); // true (Différent de)
</syntaxhighlight>

=== Opérateurs Logiques (ET, OU, NON) ===
Ils permettent de combiner plusieurs conditions.
* '''&& (ET)''' : Toutes les conditions doivent être vraies.
* '''|| (OU)''' : Au moins une condition doit être vraie.
* '''! (NON)''' : Inverse la valeur (vrai devient faux).

<syntaxhighlight lang="javascript">
let estMajeur = true;
let aLePermis = false;

console.log(estMajeur && aLePermis); // false (il a un critère sur deux)
console.log(estMajeur || aLePermis); // true (il a au moins un des deux critères)
console.log(!estMajeur); // false (l'inverse de true)
</syntaxhighlight>

== 5. Les Structures de Contrôle (Conditions) ==

Elles permettent au code de prendre des décisions.

=== if / else if / else ===
<syntaxhighlight lang="javascript">
let heure = 14;

if (heure < 12) {
console.log("C'est le matin.");
} else if (heure < 18) {
console.log("C'est l'après-midi.");
} else {
console.log("C'est le soir.");
}
</syntaxhighlight>

=== Le Switch ===
Pratique quand une variable peut avoir beaucoup de valeurs spécifiques différentes.
<syntaxhighlight lang="javascript">
let couleur = "rouge";

switch (couleur) {
case "bleu":
console.log("Le ciel est bleu.");
break; // Le break est obligatoire pour sortir du switch
case "rouge":
console.log("La pomme est rouge.");
break;
default:
console.log("Couleur inconnue.");
}
</syntaxhighlight>

== 6. Les Boucles ==

Les boucles servent à répéter un bloc de code sans avoir à le réécrire.

=== La boucle For ===
Idéale quand on sait exactement combien de fois on veut répéter l'action.
Elle prend 3 paramètres : l'initialisation (<code>let i = 0</code>), la condition (<code>i < 5</code>), et l'incrémentation (<code>i++</code> qui veut dire i = i + 1).

<syntaxhighlight lang="javascript">
for (let i = 0; i < 5; i++) {
console.log("Tour de piste numéro " + i);
// Affichera 0, puis 1, puis 2, puis 3, puis 4.
}
</syntaxhighlight>

=== La boucle While ===
Idéale quand on ne sait pas à l'avance combien de temps la boucle va durer. Elle tourne "tant que" la condition est vraie.
<syntaxhighlight lang="javascript">
let points = 0;

while (points < 3) {
console.log("Vous avez " + points + " points.");
points++; // Attention à ne pas oublier d'incrémenter, sinon boucle infinie !
}
</syntaxhighlight>

== 7. Les Structures de Données (Tableaux et Objets) ==

Les variables simples ne suffisent pas pour stocker beaucoup d'informations. C'est là qu'interviennent les tableaux et les objets.

=== Les Tableaux (Arrays) ===
Un tableau est une liste d'éléments ordonnés. On y accède grâce à leur position (l'index). '''Attention, le premier élément est toujours à l'index 0.'''

<syntaxhighlight lang="javascript">
let fruits = ["Pomme", "Banane", "Cerise"];

console.log(fruits[0]); // Affiche "Pomme"
console.log(fruits.length); // Affiche 3 (la taille du tableau)

fruits.push("Fraise"); // Ajoute "Fraise" à la fin du tableau
fruits.pop(); // Retire le dernier élément du tableau
</syntaxhighlight>

=== Les Objets (Objects) ===
Un objet permet de regrouper des informations complexes sous forme de paires "Clé - Valeur". C'est comme une fiche d'identité.

<syntaxhighlight lang="javascript">
let utilisateur = {
prenom: "Marie",
age: 30,
estAbonne: true
};

// Pour accéder aux informations, on utilise un point (.)
console.log(utilisateur.prenom); // Affiche "Marie"

// On peut modifier une propriété
utilisateur.age = 31;
</syntaxhighlight>

== 8. Les Fonctions ==

Une fonction est un bloc de code qui effectue une tâche précise. On l'écrit une fois, et on peut l'appeler (l'exécuter) des dizaines de fois avec des paramètres différents.

=== Déclaration classique ===
<syntaxhighlight lang="javascript">
function calculerTVA(prixHorsTaxe) {
let prixTTC = prixHorsTaxe * 1.20;
return prixTTC; // La fonction "renvoie" ce résultat
}

let prixFinal = calculerTVA(100);
console.log(prixFinal); // Affiche 120
</syntaxhighlight>

=== Fonctions Fléchées (Arrow Functions) ===
C'est une syntaxe plus moderne et plus courte, très utilisée aujourd'hui.
<syntaxhighlight lang="javascript">
const additionner = (a, b) => {
return a + b;
};

// Si la fonction est très simple, on peut même l'écrire sur une seule ligne sans le mot "return" :
const multiplier = (a, b) => a * b;

console.log(multiplier(5, 4)); // Affiche 20
</syntaxhighlight>

== Voir aussi ==
* [[HTML]] et [[CSS]] - Les autres piliers du web.
* [https://developer.mozilla.org/fr/docs/Web/JavaScript MDN Web Docs : JavaScript] - La documentation officielle (et gratuite) la plus complète du web.

Comment programmer en JavaScript ?

2026-04-17T13:01:08Z

Tomy PELISSOU : Page créée avec « = Programmation en JavaScript : Le Guide Complet = '''JavaScript''' (JS) est un langage de programmation de haut niveau, souvent décrit comme le langage de programmation du Web. Aux côtés de HTML et CSS, il constitue l'une des trois technologies de base du World Wide Web. == Introduction et Configuration == Contrairement à d'autres langages, JavaScript ne nécessite pas d'installation complexe pour commencer. Il s'exécute directement dans votre... »

= Programmation en JavaScript : Le Guide Complet =

'''JavaScript''' (JS) est un langage de programmation de haut niveau, souvent décrit comme le langage de programmation du Web. Aux côtés de [[HTML]] et [[CSS]], il constitue l'une des trois technologies de base du [[World Wide Web]].

== Introduction et Configuration ==
Contrairement à d'autres langages, JavaScript ne nécessite pas d'installation complexe pour commencer. Il s'exécute directement dans votre navigateur web (Chrome, Firefox, Safari...).

=== Les outils nécessaires ===
* '''Un navigateur web''' pour tester votre code.
* '''Un éditeur de texte''' : Visual Studio Code est la référence actuelle.
* '''La console de développement''' : Accessible via <code>F12</code> ou <code>Clic droit > Inspecter</code> dans votre navigateur.

== Syntaxe de Base ==
Le JavaScript utilise des variables pour stocker des données et des opérateurs pour les manipuler.

=== Déclarer des variables ===
Aujourd'hui, on utilise principalement <code>let</code> et <code>const</code> :
* <code>let</code> : Pour une valeur qui peut changer.
* <code>const</code> : Pour une valeur constante.

<syntaxhighlight lang="javascript">
let score = 10;
const nom = "Alice";
</syntaxhighlight>

=== Types de données ===
{| class="wikitable"
|-
! Type !! Description !! Exemple
|-
| '''String''' || Texte || <code>"Bonjour"</code>
|-
| '''Number''' || Nombres || <code>42</code> ou <code>3.14</code>
|-
| '''Boolean''' || Vrai ou Faux || <code>true</code> ou <code>false</code>
|-
| '''Array''' || Listes || <code>[1, 2, 3]</code>
|-
| '''Object''' || Structures complexes || <code>{age: 25, ville: "Paris"}</code>
|}

== Structures de Contrôle ==
Elles permettent de donner de l'« intelligence » à votre programme en prenant des décisions.

=== Les Conditions (if...else) ===
<syntaxhighlight lang="javascript">
if (score >= 10) {
console.log("Bravo, vous avez gagné !");
} else {
console.log("Essayez encore.");
}
</syntaxhighlight>

=== Les Boucles (for) ===
Idéal pour répéter une action.
<syntaxhighlight lang="javascript">
for (let i = 0; i < 5; i++) {
console.log("Répétition numéro " + i);
}
</syntaxhighlight>

== Les Fonctions ==
Une fonction est un bloc de code réutilisable.

<syntaxhighlight lang="javascript">
function saluer(prenom) {
return "Bonjour " + prenom + " !";
}

console.log(saluer("Marc")); // Affiche: Bonjour Marc !
</syntaxhighlight>

== Manipulation du DOM ==
Le '''[[DOM]]''' (Document Object Model) est l'interface qui permet à JavaScript d'interagir avec le HTML d'une page. C'est ici que la magie opère (boutons cliquables, animations, formulaires).

=== Exemple pratique ===
<syntaxhighlight lang="javascript">
// Sélectionner un élément HTML
const monBouton = document.querySelector("#monBouton");

// Ajouter un événement au clic
monBouton.addEventListener("click", () => {
alert("Vous avez cliqué sur le bouton !");
});
</syntaxhighlight>

== Concepts Avancés à Explorer ==
Une fois les bases acquises, voici les étapes suivantes pour devenir un expert :
* '''L'Asynchrone''' (Promises & Async/Await) : Pour gérer les chargements de données sans bloquer la page.
* '''Les Frameworks''' : [[React]], [[Vue.js|Vue]] ou [[Angular]] pour créer des applications complexes.
* '''Node.js''' : Pour utiliser JavaScript côté serveur (backend).

== Voir aussi ==
* [https://developer.mozilla.org/fr/docs/Web/JavaScript MDN Web Docs : JavaScript] - La documentation officielle de référence.

Site web

2026-02-06T14:14:15Z

Tomy PELISSOU :

'''Comment coder un site en HTML & CSS ? Expliqué par PELISSOU Tomy & Enzo VEAUTE'''
[[Fichier:HTML5.png.png|vignette|Logo HTML & CSS]]

== Déjà, c’est quoi HTML et CSS ? ==
'''HTML''' (HyperText Markup Language) est le langage qui sert à **structurer** une page web : titres, paragraphes, images, boutons, liens…

'''CSS''' (Cascading Style Sheets) est le langage qui sert à **mettre en forme** la page web : couleurs, tailles, polices, alignements, animations, etc.

En résumé :

* '''HTML''' = le squelette (contenu)
* '''CSS''' = le style (design)

---

== De quoi a-t-on besoin pour commencer ? ==

Pour créer un site, il suffit de :

* Un '''éditeur de code''' (ex : Visual Studio Code, Notepad++, Sublime Text…)
* Un '''navigateur''' (Chrome, Firefox, Edge…) pour tester la page
* Deux fichiers :
** <code>index.html</code> (le contenu)
** <code>style.css</code> (le design)

---

== Comment créer le site ? ==

# Créer un dossier (ex : <code>MonSite</code>)

# Dans ce dossier, créer :

#* <code>index.html</code>
#* <code>style.css</code>

# Ouvrir le dossier dans l’éditeur de code

# Ouvrir <code>index.html</code> dans un navigateur pour voir le résultat

---

== Comment coder en HTML ? ==

Dans <code>index.html</code>, on écrit la structure de base :

<code>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon premier site</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<h1>Bienvenue sur mon site</h1>
<p>Ceci est mon premier site en HTML et CSS.</p>

<a href="[https://www.debian.org">Un](https://www.debian.org%22>Un) lien exemple</a>
</body>
</html> </code>

Ce que ça fait :

* <code><h1></code> : un grand titre
* <code><p></code> : un paragraphe
* <code><a></code> : un lien
* <code><link></code> : connecte le CSS au HTML

---

== Comment styliser en CSS ? ==

Dans <code>style.css</code>, on change l’apparence :

<code>
body {
font-family: Arial, sans-serif;
background: #f2f2f2;
padding: 20px;
}

h1 {
color: #d00000;
text-align: center;
}

p {
font-size: 18px;
}

a {
display: inline-block;
margin-top: 10px;
color: white;
background: black;
padding: 10px 15px;
text-decoration: none;
border-radius: 8px;
} </code>

Ce que ça fait :

* change la police
* ajoute un fond gris
* centre le titre
* transforme le lien en “bouton”

---

== Comment organiser son site (bonnes pratiques) ==

* Mettre le texte dans des balises logiques : <code>header</code>, <code>main</code>, <code>footer</code>
* Utiliser des '''classes''' pour cibler des éléments :

HTML : <code>
<div class="carte">Mon contenu</div> </code>

CSS : <code>
.carte {
background: white;
padding: 15px;
border-radius: 10px;
} </code>

---

== Pourquoi apprendre HTML/CSS est utile ? ==

=== Création rapide ===
On peut créer un site vitrine, un portfolio ou une page de présentation facilement.

=== Compatible partout ===
Tous les navigateurs lisent HTML/CSS, donc ça marche sur PC et téléphone.

=== Base obligatoire du web ===
Avant JavaScript, PHP ou autre, il faut maîtriser HTML/CSS.

=== Personnalisation totale ===
On contrôle tout : couleurs, mise en page, animations, design…

---

== Conclusion ==

Une fois les fichiers créés et liés :

* <code>index.html</code> contient le contenu (HTML)
* <code>style.css</code> gère le design (CSS)
* On ouvre le fichier HTML dans un navigateur pour tester

'''Votre premier site web en HTML/CSS est maintenant fonctionnel !'''

Fichier:HTML5.png.png

2026-02-06T14:14:10Z

Tomy PELISSOU :

HTML5.png

Site web

2026-02-06T14:01:57Z

Tomy PELISSOU :

'''Comment coder un site en HTML & CSS ? Expliqué par PELISSOU Tomy & Enzo VEAUTE'''
[[Fichier:HTML5.webp|vignette|Logo HTML & CSS]]

== Déjà, c’est quoi HTML et CSS ? ==
'''HTML''' (HyperText Markup Language) est le langage qui sert à **structurer** une page web : titres, paragraphes, images, boutons, liens…

'''CSS''' (Cascading Style Sheets) est le langage qui sert à **mettre en forme** la page web : couleurs, tailles, polices, alignements, animations, etc.

En résumé :

* '''HTML''' = le squelette (contenu)
* '''CSS''' = le style (design)

---

== De quoi a-t-on besoin pour commencer ? ==

Pour créer un site, il suffit de :

* Un '''éditeur de code''' (ex : Visual Studio Code, Notepad++, Sublime Text…)
* Un '''navigateur''' (Chrome, Firefox, Edge…) pour tester la page
* Deux fichiers :
** <code>index.html</code> (le contenu)
** <code>style.css</code> (le design)

---

== Comment créer le site ? ==

# Créer un dossier (ex : <code>MonSite</code>)

# Dans ce dossier, créer :

#* <code>index.html</code>
#* <code>style.css</code>

# Ouvrir le dossier dans l’éditeur de code

# Ouvrir <code>index.html</code> dans un navigateur pour voir le résultat

---

== Comment coder en HTML ? ==

Dans <code>index.html</code>, on écrit la structure de base :

<code>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon premier site</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<h1>Bienvenue sur mon site</h1>
<p>Ceci est mon premier site en HTML et CSS.</p>

<a href="[https://www.debian.org">Un](https://www.debian.org%22>Un) lien exemple</a>
</body>
</html> </code>

Ce que ça fait :

* <code><h1></code> : un grand titre
* <code><p></code> : un paragraphe
* <code><a></code> : un lien
* <code><link></code> : connecte le CSS au HTML

---

== Comment styliser en CSS ? ==

Dans <code>style.css</code>, on change l’apparence :

<code>
body {
font-family: Arial, sans-serif;
background: #f2f2f2;
padding: 20px;
}

h1 {
color: #d00000;
text-align: center;
}

p {
font-size: 18px;
}

a {
display: inline-block;
margin-top: 10px;
color: white;
background: black;
padding: 10px 15px;
text-decoration: none;
border-radius: 8px;
} </code>

Ce que ça fait :

* change la police
* ajoute un fond gris
* centre le titre
* transforme le lien en “bouton”

---

== Comment organiser son site (bonnes pratiques) ==

* Mettre le texte dans des balises logiques : <code>header</code>, <code>main</code>, <code>footer</code>
* Utiliser des '''classes''' pour cibler des éléments :

HTML : <code>
<div class="carte">Mon contenu</div> </code>

CSS : <code>
.carte {
background: white;
padding: 15px;
border-radius: 10px;
} </code>

---

== Pourquoi apprendre HTML/CSS est utile ? ==

=== Création rapide ===
On peut créer un site vitrine, un portfolio ou une page de présentation facilement.

=== Compatible partout ===
Tous les navigateurs lisent HTML/CSS, donc ça marche sur PC et téléphone.

=== Base obligatoire du web ===
Avant JavaScript, PHP ou autre, il faut maîtriser HTML/CSS.

=== Personnalisation totale ===
On contrôle tout : couleurs, mise en page, animations, design…

---

== Conclusion ==

Une fois les fichiers créés et liés :

* <code>index.html</code> contient le contenu (HTML)
* <code>style.css</code> gère le design (CSS)
* On ouvre le fichier HTML dans un navigateur pour tester

'''Votre premier site web en HTML/CSS est maintenant fonctionnel !'''

Fichier:HTML5.webp

2026-02-06T14:01:39Z

Tomy PELISSOU :

HTML5

Site web

2026-02-06T14:00:16Z

Tomy PELISSOU : Page créée avec « '''Comment coder un site en HTML & CSS ? Expliqué par PELISSOU Tomy & Enzo VEAUTE''' Logo HTML & CSS == Déjà, c’est quoi HTML et CSS ? == '''HTML''' (HyperText Markup Language) est le langage qui sert à **structurer** une page web : titres, paragraphes, images, boutons, liens… '''CSS''' (Cascading Style Sheets) est le langage qui sert à **mettre en forme** la page web : couleurs, tailles, polices, alignements, an... »

'''Comment coder un site en HTML & CSS ? Expliqué par PELISSOU Tomy & Enzo VEAUTE'''

[[Fichier:HTML CSS Logo.png|vignette|Logo HTML & CSS]]

== Déjà, c’est quoi HTML et CSS ? ==
'''HTML''' (HyperText Markup Language) est le langage qui sert à **structurer** une page web : titres, paragraphes, images, boutons, liens…

'''CSS''' (Cascading Style Sheets) est le langage qui sert à **mettre en forme** la page web : couleurs, tailles, polices, alignements, animations, etc.

En résumé :

* '''HTML''' = le squelette (contenu)
* '''CSS''' = le style (design)

---

== De quoi a-t-on besoin pour commencer ? ==

Pour créer un site, il suffit de :

* Un '''éditeur de code''' (ex : Visual Studio Code, Notepad++, Sublime Text…)
* Un '''navigateur''' (Chrome, Firefox, Edge…) pour tester la page
* Deux fichiers :
** <code>index.html</code> (le contenu)
** <code>style.css</code> (le design)

---

== Comment créer le site ? ==

# Créer un dossier (ex : <code>MonSite</code>)

# Dans ce dossier, créer :

#* <code>index.html</code>
#* <code>style.css</code>

# Ouvrir le dossier dans l’éditeur de code

# Ouvrir <code>index.html</code> dans un navigateur pour voir le résultat

---

== Comment coder en HTML ? ==

Dans <code>index.html</code>, on écrit la structure de base :

<code>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon premier site</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<h1>Bienvenue sur mon site</h1>
<p>Ceci est mon premier site en HTML et CSS.</p>

<a href="[https://www.debian.org">Un](https://www.debian.org%22>Un) lien exemple</a>
</body>
</html> </code>

Ce que ça fait :

* <code><h1></code> : un grand titre
* <code><p></code> : un paragraphe
* <code><a></code> : un lien
* <code><link></code> : connecte le CSS au HTML

---

== Comment styliser en CSS ? ==

Dans <code>style.css</code>, on change l’apparence :

<code>
body {
font-family: Arial, sans-serif;
background: #f2f2f2;
padding: 20px;
}

h1 {
color: #d00000;
text-align: center;
}

p {
font-size: 18px;
}

a {
display: inline-block;
margin-top: 10px;
color: white;
background: black;
padding: 10px 15px;
text-decoration: none;
border-radius: 8px;
} </code>

Ce que ça fait :

* change la police
* ajoute un fond gris
* centre le titre
* transforme le lien en “bouton”

---

== Comment organiser son site (bonnes pratiques) ==

* Mettre le texte dans des balises logiques : <code>header</code>, <code>main</code>, <code>footer</code>
* Utiliser des '''classes''' pour cibler des éléments :

HTML : <code>
<div class="carte">Mon contenu</div> </code>

CSS : <code>
.carte {
background: white;
padding: 15px;
border-radius: 10px;
} </code>

---

== Pourquoi apprendre HTML/CSS est utile ? ==

=== Création rapide ===
On peut créer un site vitrine, un portfolio ou une page de présentation facilement.

=== Compatible partout ===
Tous les navigateurs lisent HTML/CSS, donc ça marche sur PC et téléphone.

=== Base obligatoire du web ===
Avant JavaScript, PHP ou autre, il faut maîtriser HTML/CSS.

=== Personnalisation totale ===
On contrôle tout : couleurs, mise en page, animations, design…

---

== Conclusion ==

Une fois les fichiers créés et liés :

* <code>index.html</code> contient le contenu (HTML)
* <code>style.css</code> gère le design (CSS)
* On ouvre le fichier HTML dans un navigateur pour tester

'''Votre premier site web en HTML/CSS est maintenant fonctionnel !'''

Discussion:Composant d’un smartphone

2025-10-17T13:21:46Z

Tomy PELISSOU : Page créée avec « stylé »

stylé

Comment installer et paramétrer Debian?

2025-10-17T13:18:12Z

Tomy PELISSOU : ajout d'images

'''Comment installer et paramétrer Debian? Expliqué par PELISSOU Tomy & Enzo VEAUTE'''

[[Fichier:Debian Logo.png|vignette|Logo Debian]]

== Déjà, Qu'est-ce que c’est ? ==
'''Debian''' est un système d’exploitation basé sur Linux, comme Windows ou macOS, mais '''libre et open-source'''.

Il permet d’utiliser un ordinateur pour naviguer sur Internet, écrire des documents, programmer, gérer un serveur, etc.

'''VirtualBox''' est un logiciel qui permet de :

* Créer un '''ordinateur virtuel''' à l’intérieur d’un vrai ordinateur.
* Tester un autre système d’exploitation (Debian, Windows, Ubuntu, etc.) '''sans l’installer directement sur le disque dur'''.
* Faire des essais '''sans risque''' : il est possible de "casser" la machine virtuelle sans impacter le système principal.

----

== Comment l’installer ? ==

# Ajouter l’image <code>.iso</code> de Debian dans VirtualBox comme disque de démarrage.
# Lancer la VM et sélectionner '''Install''' au démarrage.
# Choisir la '''langue''', le '''pays''' et la '''disposition du clavier''' (ex. : Français et AZERTY).

----

== Comment paramétrer ? ==

# Définir un '''nom pour la machine'''.
# Ignorer la configuration de domaine.
# Définir un mot de passe pour l’utilisateur '''root''' (par exemple : <code>rascol</code>).
# Créer un '''utilisateur <code>admin</code>''' (sous-utilisateur).
# Créer un '''utilisateur <code>user</code>''' avec le mot de passe '''<code>admin</code>'''.
# Choisir '''Assisté – utiliser un disque entier'''.
# Sélectionner le disque virtuel créé précédemment.
# Choisir '''"Tout dans une seule partition"'''.
# Finaliser et '''appliquer les changements'''.
# Lors de la configuration des miroirs :
#* Appuyer sur '''Non''' si une configuration réseau est demandée.
#* Sélectionner '''France''' comme pays du miroir.
#* Choisir le '''premier miroir Debian''' proposé.
#* Laisser le champ de texte vide.
# Patienter pendant l’installation des paquets.
# Appuyer sur '''Non''' lorsqu’il est demandé d’utiliser un disque supplémentaire.
# Lors de la sélection des logiciels :
#* Conserver les options déjà cochées.
#* Cliquer sur '''Continuer'''.
# Patienter pendant l'installation.
# Sélectionner '''Non''' à l’installation du chargeur de démarrage sur un autre disque.
# Sélectionner le disque proposé pour le chargeur GRUB.
# Une fois l’installation terminée, redémarrer la machine virtuelle.
# Au redémarrage, se connecter avec l’utilisateur '''<code>user</code>''' et le mot de passe '''<code>admin</code>'''.

'''Debian 13 est désormais installé dans votre machine virtuelle VirtualBox.'''
----

== Pourquoi est-il plus pratique de tout virtualiser avec Proxmox ou VirtualBox plutôt que d’avoir tout en physique ? ==

=== Optimisation des ressources ===
Avec '''Proxmox''', un seul serveur physique peut faire tourner plusieurs machines virtuelles.

Cela permet de '''regrouper les services''' sur un même matériel, et ainsi éviter le gaspillage de ressources et de matériel.

=== Flexibilité et scalabilité ===
Avec '''VirtualBox''', il est possible de créer rapidement une machine virtuelle pour tester un système sans impacter l’ordinateur principal.

La création, la modification ou la suppression d’une VM se fait en quelques clics, sans avoir à gérer de nouveau matériel physique.

=== Isolation et sécurité ===
Chaque VM dans '''Proxmox''' est '''isolée des autres'''.
[[Fichier:Proxmox VS VirtualBox.png|vignette|Images interprétant Proxmox & Virtual Box]]
En cas de plantage ou de faille de sécurité, cela n'affecte ni les autres VM ni le système hôte.

C’est une méthode idéale pour '''séparer les environnements''' ou tester des applications à risque.

=== Réduction des coûts ===

* Moins de machines physiques à acheter
* Moins de consommation électrique
* Moins de besoins en refroidissement
* Moins de coûts de licences (Proxmox est open-source)

=== Facilité de sauvegarde et restauration ===
Les VM peuvent être '''sauvegardées comme de simples fichiers''' (notamment avec VirtualBox).

Cela permet de revenir rapidement à un état antérieur en cas de besoin.

=== Déploiement rapide ===
Créer une nouvelle VM sous Proxmox prend seulement quelques minutes via son interface web.

Cela réduit les délais de mise en service comparé à une installation physique.

Fichier:Proxmox VS VirtualBox.png

2025-10-17T13:17:26Z

Tomy PELISSOU :

Proxmox VS VirtualBox image

Fichier:Debian Logo.png

2025-10-17T13:10:01Z

Tomy PELISSOU :

debian logo

Comment installer et paramétrer Debian?

2025-10-17T13:02:02Z

Tomy PELISSOU :

'''Comment installer et paramétrer Debian? Expliqué par PELISSOU Tomy & Enzo VEAUTE'''

== Déjà, Qu'est-ce que c’est ? ==
'''Debian''' est un système d’exploitation basé sur Linux, comme Windows ou macOS, mais '''libre et open-source'''.

Il permet d’utiliser un ordinateur pour naviguer sur Internet, écrire des documents, programmer, gérer un serveur, etc.

'''VirtualBox''' est un logiciel qui permet de :

* Créer un '''ordinateur virtuel''' à l’intérieur d’un vrai ordinateur.
* Tester un autre système d’exploitation (Debian, Windows, Ubuntu, etc.) '''sans l’installer directement sur le disque dur'''.
* Faire des essais '''sans risque''' : il est possible de "casser" la machine virtuelle sans impacter le système principal.

----

== Comment l’installer ? ==

# Ajouter l’image <code>.iso</code> de Debian dans VirtualBox comme disque de démarrage.
# Lancer la VM et sélectionner '''Install''' au démarrage.
# Choisir la '''langue''', le '''pays''' et la '''disposition du clavier''' (ex. : Français et AZERTY).

----

== Comment paramétrer ? ==

# Définir un '''nom pour la machine'''.
# Ignorer la configuration de domaine.
# Définir un mot de passe pour l’utilisateur '''root''' (par exemple : <code>rascol</code>).
# Créer un '''utilisateur <code>admin</code>''' (sous-utilisateur).
# Créer un '''utilisateur <code>user</code>''' avec le mot de passe '''<code>admin</code>'''.
# Choisir '''Assisté – utiliser un disque entier'''.
# Sélectionner le disque virtuel créé précédemment.
# Choisir '''"Tout dans une seule partition"'''.
# Finaliser et '''appliquer les changements'''.
# Lors de la configuration des miroirs :
#* Appuyer sur '''Non''' si une configuration réseau est demandée.
#* Sélectionner '''France''' comme pays du miroir.
#* Choisir le '''premier miroir Debian''' proposé.
#* Laisser le champ de texte vide.
# Patienter pendant l’installation des paquets.
# Appuyer sur '''Non''' lorsqu’il est demandé d’utiliser un disque supplémentaire.
# Lors de la sélection des logiciels :
#* Conserver les options déjà cochées.
#* Cliquer sur '''Continuer'''.
# Patienter pendant l'installation.
# Sélectionner '''Non''' à l’installation du chargeur de démarrage sur un autre disque.
# Sélectionner le disque proposé pour le chargeur GRUB.
# Une fois l’installation terminée, redémarrer la machine virtuelle.
# Au redémarrage, se connecter avec l’utilisateur '''<code>user</code>''' et le mot de passe '''<code>admin</code>'''.

'''Debian 13 est désormais installé dans votre machine virtuelle VirtualBox.'''
----

== Pourquoi est-il plus pratique de tout virtualiser avec Proxmox ou VirtualBox plutôt que d’avoir tout en physique ? ==

=== Optimisation des ressources ===
Avec '''Proxmox''', un seul serveur physique peut faire tourner plusieurs machines virtuelles.

Cela permet de '''regrouper les services''' sur un même matériel, et ainsi éviter le gaspillage de ressources et de matériel.

=== Flexibilité et scalabilité ===
Avec '''VirtualBox''', il est possible de créer rapidement une machine virtuelle pour tester un système sans impacter l’ordinateur principal.

La création, la modification ou la suppression d’une VM se fait en quelques clics, sans avoir à gérer de nouveau matériel physique.

=== Isolation et sécurité ===
Chaque VM dans '''Proxmox''' est '''isolée des autres'''.

En cas de plantage ou de faille de sécurité, cela n'affecte ni les autres VM ni le système hôte.

C’est une méthode idéale pour '''séparer les environnements''' ou tester des applications à risque.

=== Réduction des coûts ===

* Moins de machines physiques à acheter
* Moins de consommation électrique
* Moins de besoins en refroidissement
* Moins de coûts de licences (Proxmox est open-source)

=== Facilité de sauvegarde et restauration ===
Les VM peuvent être '''sauvegardées comme de simples fichiers''' (notamment avec VirtualBox).

Cela permet de revenir rapidement à un état antérieur en cas de besoin.

=== Déploiement rapide ===
Créer une nouvelle VM sous Proxmox prend seulement quelques minutes via son interface web.

Cela réduit les délais de mise en service comparé à une installation physique.

Comment installer et paramétrer Debian?

2025-10-17T13:00:45Z

Tomy PELISSOU : edit majeure

== Déjà, Qu'est-ce que c’est ? ==
'''Debian''' est un système d’exploitation basé sur Linux, comme Windows ou macOS, mais '''libre et open-source'''.

Il permet d’utiliser un ordinateur pour naviguer sur Internet, écrire des documents, programmer, gérer un serveur, etc.

'''VirtualBox''' est un logiciel qui permet de :

* Créer un '''ordinateur virtuel''' à l’intérieur d’un vrai ordinateur.
* Tester un autre système d’exploitation (Debian, Windows, Ubuntu, etc.) '''sans l’installer directement sur le disque dur'''.
* Faire des essais '''sans risque''' : il est possible de "casser" la machine virtuelle sans impacter le système principal.

----

== Comment l’installer ? ==

# Ajouter l’image <code>.iso</code> de Debian dans VirtualBox comme disque de démarrage.
# Lancer la VM et sélectionner '''Install''' au démarrage.
# Choisir la '''langue''', le '''pays''' et la '''disposition du clavier''' (ex. : Français et AZERTY).

----

== Comment paramétrer ? ==

# Définir un '''nom pour la machine'''.
# Ignorer la configuration de domaine.
# Définir un mot de passe pour l’utilisateur '''root''' (par exemple : <code>rascol</code>).
# Créer un '''utilisateur <code>admin</code>''' (sous-utilisateur).
# Créer un '''utilisateur <code>user</code>''' avec le mot de passe '''<code>admin</code>'''.
# Choisir '''Assisté – utiliser un disque entier'''.
# Sélectionner le disque virtuel créé précédemment.
# Choisir '''"Tout dans une seule partition"'''.
# Finaliser et '''appliquer les changements'''.
# Lors de la configuration des miroirs :
#* Appuyer sur '''Non''' si une configuration réseau est demandée.
#* Sélectionner '''France''' comme pays du miroir.
#* Choisir le '''premier miroir Debian''' proposé.
#* Laisser le champ de texte vide.
# Patienter pendant l’installation des paquets.
# Appuyer sur '''Non''' lorsqu’il est demandé d’utiliser un disque supplémentaire.
# Lors de la sélection des logiciels :
#* Conserver les options déjà cochées.
#* Cliquer sur '''Continuer'''.
# Patienter pendant l'installation.
# Sélectionner '''Non''' à l’installation du chargeur de démarrage sur un autre disque.
# Sélectionner le disque proposé pour le chargeur GRUB.
# Une fois l’installation terminée, redémarrer la machine virtuelle.
# Au redémarrage, se connecter avec l’utilisateur '''<code>user</code>''' et le mot de passe '''<code>admin</code>'''.

'''Debian 13 est désormais installé dans votre machine virtuelle VirtualBox.'''
----

== Pourquoi est-il plus pratique de tout virtualiser avec Proxmox ou VirtualBox plutôt que d’avoir tout en physique ? ==

=== Optimisation des ressources ===
Avec '''Proxmox''', un seul serveur physique peut faire tourner plusieurs machines virtuelles.

Cela permet de '''regrouper les services''' sur un même matériel, et ainsi éviter le gaspillage de ressources et de matériel.

=== Flexibilité et scalabilité ===
Avec '''VirtualBox''', il est possible de créer rapidement une machine virtuelle pour tester un système sans impacter l’ordinateur principal.

La création, la modification ou la suppression d’une VM se fait en quelques clics, sans avoir à gérer de nouveau matériel physique.

=== Isolation et sécurité ===
Chaque VM dans '''Proxmox''' est '''isolée des autres'''.

En cas de plantage ou de faille de sécurité, cela n'affecte ni les autres VM ni le système hôte.

C’est une méthode idéale pour '''séparer les environnements''' ou tester des applications à risque.

=== Réduction des coûts ===

* Moins de machines physiques à acheter
* Moins de consommation électrique
* Moins de besoins en refroidissement
* Moins de coûts de licences (Proxmox est open-source)

=== Facilité de sauvegarde et restauration ===
Les VM peuvent être '''sauvegardées comme de simples fichiers''' (notamment avec VirtualBox).

Cela permet de revenir rapidement à un état antérieur en cas de besoin.

=== Déploiement rapide ===
Créer une nouvelle VM sous Proxmox prend seulement quelques minutes via son interface web.

Cela réduit les délais de mise en service comparé à une installation physique.

Comment installer et paramétrer Debian?

2025-10-17T13:00:10Z

Tomy PELISSOU :

====== ChatGPT a dit : ======
Voici votre texte corrigé pour un '''wiki''', en supprimant le tutoiement et en adoptant un ton neutre, clair et professionnel :
----

== Qu'est-ce que c’est ? ==
'''Debian''' est un système d’exploitation basé sur Linux, comme Windows ou macOS, mais '''libre et open-source'''.

Il permet d’utiliser un ordinateur pour naviguer sur Internet, écrire des documents, programmer, gérer un serveur, etc.

'''VirtualBox''' est un logiciel qui permet de :

* Créer un '''ordinateur virtuel''' à l’intérieur d’un vrai ordinateur.
* Tester un autre système d’exploitation (Debian, Windows, Ubuntu, etc.) '''sans l’installer directement sur le disque dur'''.
* Faire des essais '''sans risque''' : il est possible de "casser" la machine virtuelle sans impacter le système principal.

----

== Comment l’installer ? ==

# Ajouter l’image <code>.iso</code> de Debian dans VirtualBox comme disque de démarrage.
# Lancer la VM et sélectionner '''Install''' au démarrage.
# Choisir la '''langue''', le '''pays''' et la '''disposition du clavier''' (ex. : Français et AZERTY).

----

== Comment paramétrer ? ==

# Définir un '''nom pour la machine'''.
# Ignorer la configuration de domaine.
# Définir un mot de passe pour l’utilisateur '''root''' (par exemple : <code>rascol</code>).
# Créer un '''utilisateur <code>admin</code>''' (sous-utilisateur).
# Créer un '''utilisateur <code>user</code>''' avec le mot de passe '''<code>admin</code>'''.
# Choisir '''Assisté – utiliser un disque entier'''.
# Sélectionner le disque virtuel créé précédemment.
# Choisir '''"Tout dans une seule partition"'''.
# Finaliser et '''appliquer les changements'''.
# Lors de la configuration des miroirs :
#* Appuyer sur '''Non''' si une configuration réseau est demandée.
#* Sélectionner '''France''' comme pays du miroir.
#* Choisir le '''premier miroir Debian''' proposé.
#* Laisser le champ de texte vide.
# Patienter pendant l’installation des paquets.
# Appuyer sur '''Non''' lorsqu’il est demandé d’utiliser un disque supplémentaire.
# Lors de la sélection des logiciels :
#* Conserver les options déjà cochées.
#* Cliquer sur '''Continuer'''.
# Patienter pendant l'installation.
# Sélectionner '''Non''' à l’installation du chargeur de démarrage sur un autre disque.
# Sélectionner le disque proposé pour le chargeur GRUB.
# Une fois l’installation terminée, redémarrer la machine virtuelle.
# Au redémarrage, se connecter avec l’utilisateur '''<code>user</code>''' et le mot de passe '''<code>admin</code>'''.

'''Debian 13 est désormais installé dans votre machine virtuelle VirtualBox.'''
----

== Pourquoi est-il plus pratique de tout virtualiser avec Proxmox ou VirtualBox plutôt que d’avoir tout en physique ? ==

=== Optimisation des ressources ===
Avec '''Proxmox''', un seul serveur physique peut faire tourner plusieurs machines virtuelles.

Cela permet de '''regrouper les services''' sur un même matériel, et ainsi éviter le gaspillage de ressources et de matériel.

=== Flexibilité et scalabilité ===
Avec '''VirtualBox''', il est possible de créer rapidement une machine virtuelle pour tester un système sans impacter l’ordinateur principal.

La création, la modification ou la suppression d’une VM se fait en quelques clics, sans avoir à gérer de nouveau matériel physique.

=== Isolation et sécurité ===
Chaque VM dans '''Proxmox''' est '''isolée des autres'''.

En cas de plantage ou de faille de sécurité, cela n'affecte ni les autres VM ni le système hôte.

C’est une méthode idéale pour '''séparer les environnements''' ou tester des applications à risque.

=== Réduction des coûts ===

* Moins de machines physiques à acheter
* Moins de consommation électrique
* Moins de besoins en refroidissement
* Moins de coûts de licences (Proxmox est open-source)

=== Facilité de sauvegarde et restauration ===
Les VM peuvent être '''sauvegardées comme de simples fichiers''' (notamment avec VirtualBox).

Cela permet de revenir rapidement à un état antérieur en cas de besoin.

=== Déploiement rapide ===
Créer une nouvelle VM sous Proxmox prend seulement quelques minutes via son interface web.

Cela réduit les délais de mise en service comparé à une installation physique.

Comment installer et paramétrer Debian?

2025-10-17T12:56:55Z

Tomy PELISSOU : Page vide créée

Tomy

2025-09-19T13:33:15Z

Tomy PELISSOU :

Tomy

2025-09-19T13:32:56Z

Tomy PELISSOU :

Salut! Moi c'est Tomy, j'ai 16ans, Actuellement en classe de 1ere Bac Pro CIEL (Cybersécurité, Informatique et Réseaux, Électronique ) au lycée Louis Rascol. Je suis passionné par l'informatique depuis longtemps. J'ai déjà dans l'expérience comme crée des sites webs (Héberger avec le le logiciel Plesk, coder en HTML & CSS), Crée des serveurs de jeux vidéos (Minecraft) et bien plus encore.[[Fichier:Goat.jpg|gauche|vignette|Avatar]]Mes passions: Le basketball, l'informatique & la musique. 😁

Je sais très bien parler français : la preuve:

Je Ordinateur

Tu ordinateur

il ordinateur

nous ordinateur

vous ordinateur

ils ordinateur

La photo, il s'agit de la photo de classe de l'année dernière donc ne faisais pas gaffe !

BREF! J'ai des projets en cours dans le domaine de l'informatique comme l'un : Une sonde stratosphérique. Cela n'as pas de but concret mais c'est aussi pour apprendre le bon fonctionnement de Raspberry tout en faisant un gros projet.

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Enzo

2025-09-19T13:29:00Z

Tomy PELISSOU :

[[Fichier:Un chat Suspicieux.jpg|gauche|vignette]]
Bonjour je me nomme Enzo j'ai 15 ans je suis en 1ère Bac pro CIEL au Lycée Louis Rascol. J'aime bien l'informatique, les chats et le sport.

Mais ce que je préfère plus que tout c'est la nourriture pour moi les meilleurs kinder sont les kinder Bueno White, Kinder Cards et enfin les kinder joys 😎

·−−− · ··· ··− ·· ··· − ·−· ·−··− ··· −··· · ·− ··− · ···· · ····

·−−− ·−−−−· ·− −·· −−− ·−· · ·−·· · ··· −·− ·· −· −·· · ·−· −·−· ·−−−−· · ··· − ···− ·−· ·− ·· −− · −· − − ·−· −−− ·−−· −··· · ·− ··−

J'ai gagner la course contre un CM2 en 2016

Enzo

2025-09-19T13:28:46Z

Tomy PELISSOU :

Enzo

2025-09-19T13:27:16Z

Tomy PELISSOU :

Tomy

2025-09-19T13:22:18Z

Tomy PELISSOU :

Tomy

2025-09-19T13:19:44Z

Tomy PELISSOU :

Tomy

2025-09-19T13:10:52Z

Tomy PELISSOU :

Tomy

2025-09-19T13:08:49Z

Tomy PELISSOU :

Tomy

2025-09-19T13:08:16Z

Tomy PELISSOU : edit1

Tomy

2025-09-19T12:45:13Z

Tomy PELISSOU : Page créée avec « Avatar »

[[Fichier:Goat.jpg|gauche|vignette|Avatar]]

Fichier:Goat.jpg

2025-09-19T12:42:48Z

Tomy PELISSOU :

Chevre (logo Tomy)
Image tirée de Pixabay