B01 | PHP à partir de zéro : créez votre première page dynamique

Choisissez votre langue

Sélectionnez un drapeau pour ouvrir cette leçon dans votre langue.

EnglishFrançaisالعربيةKiswahiliPortuguêsEspañol

Avis de traduction automatique : cette version a été préparée par traduction automatique et peut contenir des imprécisions. Le code et les exercices sont équivalents à la source espagnole. Les graphiques sont indépendants de la langue.

Niveau de base · Leçon B01 · 60–90 minutes

PHP from scratch : créez votre première page dynamique

Découvrez comment PHP génère du HTML sur le serveur et crée une page qui change lorsque ses données sont modifiées.

Résultat: créer une page dont le contenu change lors de la modification des données en PHP, sans réécrire sa structure HTML.

Le problème : une page qui peut changer

Une page écrite uniquement en HTML affiche un contenu fixe. Si nous voulons personnaliser un message d'accueil, présenter différentes informations ou répondre aux données reçues, nous devons générer une partie du HTML sur le serveur. PHP vous permet de faire ce travail avant d'envoyer la page au navigateur.

Dans ce premier article, nous allons créer une page simple avec un nom et un titre de cours stockés sous forme de données. En les modifiant, le contenu visible sera mis à jour sans modifier la structure de la page.

Cette entrée démarre l'itinéraire

Avant de commencer, consultez l’introduction au niveau débutant. Il suffit de reconnaître les balises HTML de base. La prochaine leçon abordera les variables et les types de données.

Notions essentielles

PHP s'exécute sur le serveur

Le navigateur demande un fichier .php. Le serveur interprète les instructions PHP, génère généralement une réponse HTML et l'envoie. Le navigateur affiche le résultat ; Vous ne devriez pas recevoir le code PHP original.

Le navigateur reçoit le résultat généré, pas les instructions PHP.

Blocs PHP

Les instructions sont écrites entre <?php et ?>. Ici nous combinerons PHP et HTML pour distinguer la fonction de chaque langage.

echo

echo envoyer un texte à la réponse. Chaque instruction se termine par un point-virgule.

<?php echo "Hola desde PHP"; ?>

Variables

Une variable conserve les données pour les réutiliser. En PHP, ça commence par $.

<?php
$studentName = "Amina";
?>

Décision : données et présentation séparées

Nous définirons les données au début et les afficherons dans le HTML. Les données pourront changer sans nous obliger à dupliquer la structure visuelle.

Exercice guidé

1. Préparer l'environnement

Vous avez besoin d'un éditeur, d'un navigateur et d'un serveur local avec PHP. Enregistrez le fichier dans le dossier public configuré et ouvrez-le à l'aide d'une adresse de serveur local.

2. Créer index.php

<?php
$studentName = "Amina";
$course = "Panafrikan PHP";
?>
<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mi primera página PHP</title>
</head>
<body>
  <h1>Hola, <?php echo $studentName; ?>.</h1>
  <p>Bienvenida al curso <?php echo $course; ?>.</p>
  <p>Esta página fue generada por PHP.</p>
</body>
</html>

3. Courez et regardez

Ouvrez l'URL locale correspondante. Vous devriez voir le message d'accueil et le cours, mais pas les balises PHP.

4. Modifiez les données

Remplace Amina sous un autre nom et actualisez le navigateur. Puis ça change $course. La structure HTML reste la même tandis que le contenu change.

Vérifiez le résultat

• Le fichier s'appelle index.php.
• Vous l'ouvrez via le serveur local.
• Le navigateur n'affiche pas le code PHP brut.
• Le nom et le cours apparaissent.
• La modification d'une variable et la mise à jour modifient le résultat.

Vérifiez ce que vous avez appris

1. Où fonctionne PHP ?
2. Que reçoit normalement le navigateur ?
3. Comment reconnaître une variable en PHP ?
4. Quel avantage avons-nous obtenu en enregistrant le nom dans une variable ?

Défi 01 : profil étudiant dynamique

Créez une page avec des données factices qui incluent :

• Quatre variables : nom, pays, objectif et heures disponibles par semaine.
• Un titre et au moins trois paragraphes ou une liste.
• Une structure HTML qui ne change pas lors de l'essai d'un autre profil.
• Deux tests avec des ensembles de données différents.
• HTML lisible et correctement fermé.

N'incluez pas de numéros de téléphone, de documents, d'adresses, de mots de passe ou d'autres données sensibles.

Que devez-vous livrer ?

1. Le dossier index.php.
2. Une capture d'écran de la page qui fonctionne.
3. Une explication de trois à cinq phrases.
4. Les deux changements testés et ce qui a été observé.
5. Une question spécifique pour le Tuteur Virtuel.

Construisez votre profil dynamique, testez-le avec deux ensembles de données et soumettez votre solution au tuteur virtuel PHP Panafrikan.

Canal provisoire : Partagez dans les commentaires un résumé de votre solution, des deux tests effectués et de votre question. Conservez le dossier index.php pour l'envoyer lorsque nous activerons le Tuteur Virtuel.

PARTAGEZ MON RÉSULTAT

Continuer à apprendre

Article suivant : B02 — Variables et types de données. Le lien sera activé lors de la publication de la leçon.