Python Academy · Leçon

Créer une application web simple

Créez votre première application web avec Flask.

Créer une application web simple est une leçon Python Academy 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 Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Python Academy comprend 4 leçons au total.

Créer une application web simple

Maintenant que vous connaissez les bases de Flask, il est temps de créer une application web simple. Cette app comprendra plusieurs routes, des modèles HTML et quelques éléments interactifs.

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

Créer 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’app

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 fichiers CSS et les images.

Étape 3 : définir les routes

Dans app.py, définissez les routes de la page home et d’une page about :

# 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 : 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 : utiliser render_template

Modifiez 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 : ajouter des fichiers statiques

Créez un fichier style.css dans le dossier static/ et associez-le à home.html :

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

Étape 7 : exécuter l’app

Exécutez votre application Flask :

python app.py

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

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

Voici quelques erreurs à éviter :

ne pas organiser la structure de l’app, par exemple en oubliant les dossiers templates/ et static/ ;
inscrire directement les URL au lieu d’utiliser url_for() ;
ne pas tester l’app en mode de débogage.

Qu’avons-nous appris ?

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 des fichiers CSS, dans votre app ;
comment exécuter votre application Flask et l’afficher dans un navigateur.

Excellent travail ! Passons au sujet suivant.

Créer une application web simple — illustration 11

Questions Fréquemment Posées

La leçon « Créer une application web simple » est-elle gratuite ?

Oui — le texte complet de « Créer 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 Academy, passe à CoddyKit PRO. Le cours Python Academy comprend 4 leçons au total.

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

Créez votre première application web avec Flask. Tu pratiques Python Academy 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 Academy ?

Aucune expérience préalable n'est requise. Python Academy 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 « Créer 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 Academy ?

Oui. Chaque leçon Python Academy 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

← Retour à Python Academy