0Pricing
Python For Kids · Leçon

Construire une application web simple

Créez votre première application web avec Flask

Construire une application web simple est une leçon Python For Kids gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Python For Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Python For Kids comprend 4 leçons au total.

Construire une application web simple

Maintenant que vous avez appris les bases de Flask, il est temps de construire une application web simple. Cette application comportera plusieurs routes, des modèles HTML et quelques éléments interactifs.

Dans cette leçon, nous allons créer une application web de base étape par étape.

Construire une application web simple — illustration 1

Étape 1 : configurer le projet

Créez un nouveau dossier pour votre projet et initialisez un environnement virtuel :

python -m venv venv

Activez l’environnement virtuel et installez Flask :

pip install flask
# Setting up the project
from flask import Flask

app = Flask(__name__)
print("Project setup complete")

Étape 2 : créer la structure de l’application

Créez les dossiers et fichiers suivants :

  • app.py : fichier principal de l’application.
  • templates/ : dossier contenant les modèles HTML.
  • static/ : dossier contenant les fichiers statiques comme les feuilles CSS et les images.

Étape 3 : définition des routes

Dans app.py, définissez les routes de la page d’accueil et d’une page « à propos » :

# Defining routes
from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return '<h1>Welcome to My Web App</h1>'

@app.route('/about')
def about():
    return '<h1>About This App</h1>'

if __name__ == '__main__':
    app.run(debug=True)

Étape 4&nbsp;: ajouter des modèles

Créez un fichier HTML nommé home.html dans le dossier templates/ :

<!-- home.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>
<body>
    <h1>Welcome to My Web App</h1>
    <a href="/about">About</a>
</body>
</html>

Étape 5&nbsp;: utiliser render_template

Mettez à jour les routes home et about pour utiliser les modèles :

# Using templates
from flask import render_template

@app.route('/')
def home():
    return render_template('home.html')

@app.route('/about')
def about():
    return render_template('about.html')

Étape 6&nbsp;: ajout de fichiers statiques

Créez un fichier style.css dans le dossier static/ et ajoutez-y un lien dans home.html :

/* style.css */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
}

Étape 7&nbsp;: exécuter l’application

Exécutez votre application Flask :

python app.py

Ouvrez votre navigateur et accédez à http://127.0.0.1:5000/ pour voir votre application web en action.

Erreurs courantes lors de la création d’applications web

Voici quelques erreurs à éviter :

  • Ne pas organiser la structure de l’application (par exemple, si les dossiers templates/ et static/ manquent).
  • Inscrire les URL en dur au lieu d’utiliser url_for().
  • Ne pas tester l’application en mode débogage.

Qu’avons-nous appris&nbsp;?

Dans cette leçon, vous avez appris :

  • Comment configurer la structure d’un projet Flask.
  • Comment définir des routes et utiliser des modèles.
  • Comment inclure des fichiers statiques comme CSS dans votre application.
  • Comment exécuter votre application Flask et l’afficher dans un navigateur.

Excellent travail ! Passons au prochain sujet.

Construire une application web simple — illustration 11

Questions Fréquemment Posées

La leçon « Construire une application web simple » est-elle gratuite ?

Oui — le texte complet de « Construire une application web simple » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Python For Kids, passe à CoddyKit PRO. Le cours Python For Kids comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Construire une application web simple » ?

Créez votre première application web avec Flask Tu pratiques Python For Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Python For Kids ?

Aucune expérience préalable n'est requise. Python For Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.

Combien de temps prend la leçon « Construire une application web simple » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Python For Kids ?

Oui. Chaque leçon Python For Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Principes fondamentaux des frameworks web
  2. Introduction à Flask
  3. Construire une application web simple
  4. Connecter Python aux bases de données
← Retour à Python For Kids