<i class="fa-solid fa-thumbs-up"></i>

                
<ul>
    <li>banane</li>
    <li>pastèque</li>
    <li>abricot</li>
</ul>
<ol>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ol>

                
ul {
    list-style-type: square;
}

/* On peut aussi affecter 
les list item en remplaçant 
ul par li directement */

                
<table>
<thead>
    <tr>
        <th>Numéro</th>
        <th colspan='2'>Combinaison</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>Fraise</td>
        <td>Banane</td>
    </tr><tr>
        <td>2</td>
        <td>Amande</td>
        <td>Noisette</td>
    </tr>
</tbody>
</table>

                
table td, table th , table  {
    border: solid;
    border-collapse:collapse;
    padding: 5px;
}

                
<img src="img/roller_jump.jpg" alt="roller" width=200px />

résultat :

                
<a href ="https://github.com/PyGaVS" target='_blank'>Mon github</a>

                
<form method="GET" action="docs.html">
   <label for="nom"> Nom </label>
   <input type="string" name="nom">
   <label for="fruit"> Fruit </label>
   <select name="fruit">
       <option> Fraise </option>
       <option> Kiwi </option>
       <option> Melon </option>
   </select>
   <input type="submit">
</form>

                
<p><input type="button" value="bouton"></p>

<p><input type="checkbox"></p>

<p><input type="color"></p>

<p><input type="date"></p>

<p><input type="time"></p>

<p><input type="file"></p>

<p><input type="hidden" value="texte caché pouvant être récupéré lors d'un POST"></p>

<p><input type="number" step="9"></p>

<p><input type="password" value="mdp"></p>

<p><input type="radio" name="fruit" id="fraise">
<label for="fraise">Fraise</label></p>
<p><input type="radio" name="fruit" id="banane" checked>
<label for="banane">Banane</label></p>

<p><input type="range"></p>

<p><input type="text" value="texte"></p>

        
div {
    border: solid black;
    min-height: 60px;
    min-width: 60px;
    padding: 5px;
    margin: 5px;
}

.container {
    background-color: gray;
    height: 150px;

    display: flex;
    flex-direction: row;    /* Direction de la Flexbox */
    flex-wrap: wrap;    /* Gérer le débordement de la Flexbox*/
    flex-flow: row wrap;    /* Un raccourci qui rassemble les deux propriétés si-dessus*/
    justify-content: center;    /* Position des éléments par rapport à la flex-direction */
    align-items: flex-start;    /* Alignement des éléments */
    gap : 20px;     /* Espace entre les éléments */
}

.item1, .item2{
    background-color: lightblue;
}

                
function additionner(v1, v2){
    console.log(v1 + v2)
}
additionner(5,6)

                
let liste0: number[] = [3, 7, 4.9, 3+6]
//le type indique que la liste doit contenir uniquement des nombres

let liste1: any[] = [5, "t"]
//Cette liste peut contenir n'importe quelle type

let liste2: [number, string, boolean] = [3, "a", false]
//Les types indiqués doivent être respectés dans l'ordre et cette liste doit obligatoirement contenir 3 éléments

let liste3: (number | string)[] = ["a", 4, 5]
//Cette liste peut contenir uniquement des nombres et des chaîne de caractères

console.log(liste0[0])   //Affiche le premier élément de liste0


//Parcourir une liste :

for(let i in liste1){
    console.log(n°${i} : ${liste1[i]})
}

for(let i of liste1){
    console.log(i)
}

        
let x: number = 4;

if (x > 4){
    console.log('x est plus grand que 4')
} else if (x==4){
    console.log('x est égal à 4')
} else {
    console.log('x est plus petit que 4')
}

while(x >= 0){
    console.log(x)
    x -= 1
}

        
let age:number = 18

const check = (age: number): string => age >= 18 ? "majeur" : age > 0 ? "mineur" : "invalid"
console.log(check(age));

        
let fruit: string = 'ba'

//ALTERNATIVE 1

switch (fruit){
    case 'ba':
        console.log('banane')
        break

    case 'ki':
        console.log('kiwi')
        break

    case 'ma':
        console.log('mango')
        break

    default:
        console.log('fruit inconnu')
}


//ALTERNATIVE 2

//Créer un type pour la variable fruits
type Switch = {
    [key: string]: (...params: unknown[]) => void
    default:  (...params: unknown[]) => void
}

const fruits: Switch = {
    ba: () => console.log('banane'),
    ki: () => console.log('kiwi'),
    ma: () => console.log('mango'),
    default: console.log
}

//Utiliser le switch avec une constante
const fruit2: (...params: unknown[]) => void = fruits['kidfgh'] ?? fruits.default
fruit2('des', 'paramètres', 'aléatoires', 4, 'fruit inconnu');

//Utiliser le switch sans intermédiaire
(fruits['ki'] ?? fruits.default)('fruit inconnu')

        
function additionner<T extends number | string | unknown[]>(v1: T, v2: T): T {

    if (typeof v1 == "string"){
        return v1 + v2 as T
    } else if (typeof v1 == "number" && typeof v2 == "number"){
        return v1 + v2 as T
    } else if (v1 instanceof Array && v2 instanceof Array){
        return [...v1, ...v2] as T
    } else {
        return "params not valid" as T
    }
}

console.log(additionner<(string | number)[]>([1, 2, 3], ["a", "u"]))
console.log(additionner<string>("hello ", "world"))
console.log(additionner<number>(6, 4))
// On est pas obligé de mettre un type générique à l'appel de la fonction 
// mais les deux paramètres doivent avoir le même type :
console.log(additionner(6, 4))

        
<h1>Test</h1>
<?php
$a = 'Hello ';
$b = 'world'; 
$c = '';
$c .= $a.$b.' !';    // On ajoute à $c les chaines &a, &b et ' !'

echo $c;            // Afficher $c sur la page web
?>
<?= '<p>'.$c.'</p>'; ?>

        
<?php
$semaine = ['lundi','mardi','mercredi','jeudi','vendredi','samedi']; 
$semaine[] = 'dimanche';

echo '<p>';
foreach($semaine as $jour){
    echo $jour.' ';
}
echo '</p>';

echo '<p>';

// en utilisant la méthode range($start, $end, $step)
foreach( range(1, count($semaine), 2) as $numero){
    echo $numero.' '.$semaine[$numero-1].' / ';
}
echo '</p>';

        
var_dump($semaine);

        
$fruits = ['pomme', 'orange'];

if(in_array('orange', $fruits)){    //in_array($string, $list)
    echo '"orange" est bien présent dans la liste <br>';
    echo 'Clé : '.array_search('orange', $fruits);    //array_search($string, $list)
}

        
$player = [
    'hp'    => 200,
    'atk'   => 90,
    'def'   => 85,
];

$player['spd'] = 70;

foreach($player as $clef => $valeur){
	echo '<p>le joueur possède '.$valeur.' en '.$clef.'</p>';
    }

        
Route::prefix('pre')->group(function () {
    //Route::ressource('nom de la fonctionnalité', le contrôleur correspondant)
    Route::resource('category', Controllers\CategoryController::class);
});

        
public function up(): void
{
    Schema::create('trios', function (Blueprint $table) {
        $table->id();
        $table->string('name');
        $table->float('score')->default(0.00);
        $table->foreignId('player1')->constrained('players');
        $table->foreignId('player2')->constrained('players');
        $table->foreignId('player3')->constrained('players');
        $table->foreignId('coach_id')->constrained();
        $table->timestamps();
    });
}