Web Development Practice Projects

July 1, 2026 · View on GitHub

Langues: English · 简体中文 · 日本語 · Español · Français · Deutsch · Русский · 한국어 · Português

Web Development

Apprenez le développement web grâce à ce parcours d'apprentissage complet conçu pour les débutants. Ces cours structurés de développement web offrent une feuille de route claire pour maîtriser les technologies front-end et back-end, des fondamentaux comme HTML, CSS et JavaScript aux frameworks populaires. Grâce à des modules pratiques sans vidéo et à des exercices de codage concrets, vous construirez des sites web et des applications web réels dans un environnement interactif.

Explorer les projets sur LabEx

Projets

Explorez 100 projets Web Development adaptés aux débutants et appliquez les notions clés dans de petits programmes complets. Chaque projet s'ouvre dans LabEx avec un environnement prêt à l'emploi, afin que vous puissiez vous concentrer sur la réalisation.

IndexProjetDifficultéPratique
001HTML pour débutantsDébutantCommencer le projet
002JavaScript pour débutantsDébutantCommencer le projet
003CSS pour DébutantsDébutantCommencer le projet
004React pour débutantsDébutantCommencer le projet
005Construire une application web Tic-Tac-ToeDébutantCommencer le projet
006Maîtrise des vulnérabilités webDébutantCommencer le projet
007Créer une application de notes avec ReactDébutantCommencer le projet
008Défis interactifs en développement webDébutantCommencer le projet
009Création d'un jeu web de Tapez - le - taupeDébutantCommencer le projet
010Énumération HTTP et Traversée de RépertoireDébutantCommencer le projet
011Création d'une API REST avec Flask et SQLiteDébutantCommencer le projet
012Créer un raccourcisseur d'URL simple avec Flask et MySQLAvancéCommencer le projet
013Création d'un générateur de liste de souhaits de Noël avec ReactIntermédiaireCommencer le projet
014Création d'une application web de minuteur de tâchesDébutantCommencer le projet
015Création d'un jeu de puzzle de glisser-déposer avec ReactDébutantCommencer le projet
016Création d'une application web moderne de partage de dépensesDébutantCommencer le projet
017Développement d'une salle de chat en ligne simple avec FlaskDébutantCommencer le projet
018Construire un traducteur simple en utilisant l'API Google TranslateDébutantCommencer le projet
019Créer un raccourcisseur d'URL avec Python et FlaskDébutantCommencer le projet
020Conception d'une page d'accueil simple et belleDébutantCommencer le projet
021Création d'un scanner de ports avec PythonDébutantCommencer le projet
022Création d'une application web de tableau de dessinDébutantCommencer le projet
023Création d'une heatmap des contributions GitHub avec ReactIntermédiaireCommencer le projet
024Créer une application web de carrousel SwiperDébutantCommencer le projet
025Navigation Responsive avec un Hook React PersonnaliséIntermédiaireCommencer le projet
026Création d'une API RESTful de gestion d'utilisateurs avec Node.jsDébutantCommencer le projet
027Construire un jeu de Taquin avec JavaScriptDébutantCommencer le projet
028Jeu web 2048 utilisant jQueryDébutantCommencer le projet
029Disposition des sièges d'un cinémaDébutantCommencer le projet
030Application de commutation de thème ReactIntermédiaireCommencer le projet
031Construire des composants React interactifsDébutantCommencer le projet
032Créer une carte de visite responsive avec ReactIntermédiaireCommencer le projet
033Création d'un jeu web de dodge blockIntermédiaireCommencer le projet
034Créer un animateur d'art pixel avec ReactDébutantCommencer le projet
035Création d'un jeu de Démineur avec JavaScriptDébutantCommencer le projet
036Implémenter une barre d'onglets collante dynamiqueDébutantCommencer le projet
037Mise en page responsive de dés avec FlexboxDébutantCommencer le projet
038Conception Web Responsive pour Tous les ÉcransDébutantCommencer le projet
039Basculer entre le mode clair et le mode sombreDébutantCommencer le projet
040Création d'une API d'actualités avec Node.jsDébutantCommencer le projet
041Création d'un proxy inverse Node.jsDébutantCommencer le projet
042Jeu de puzzle jQuery FlipDébutantCommencer le projet
043Construire un éditeur Markdown simple avec aperçu en directDébutantCommencer le projet
044Recherche de phrases en temps réel avec Vue.jsDébutantCommencer le projet
045Développement de la fonctionnalité de recherche Vue.jsDébutantCommencer le projet
046Réparation des problèmes d'affichage de site webDébutantCommencer le projet
047Disparu dans les nuagesDébutantCommencer le projet
048Mise en œuvre des fonctionnalités de navigation ReactIntermédiaireCommencer le projet
049Construire un jeu web de carte gratte - gagnantDébutantCommencer le projet
050Application Web de Gestion des AdressesDébutantCommencer le projet
051Système de réservation de billets de cinémaDébutantCommencer le projet
052Création d'une page d'accueil de site web d'actualités responsiveDébutantCommencer le projet
053Conception créative d'affiche avec des textures de boisDébutantCommencer le projet
054Création d'une animation de l'orbite terrestre avec CSSDébutantCommencer le projet
055Conception de mise en page de légumes avec FlexboxDébutantCommencer le projet
056Donnez un coup de jeune à votre pageDébutantCommencer le projet
057Application de filtre de couleurs ReactIntermédiaireCommencer le projet
058Jeu de correspondance de fruits avec HTML, CSS, JavaScriptIntermédiaireCommencer le projet
059Application Web de Simulation du Problème de Monty HallDébutantCommencer le projet
060Effet d'animation au survol en forme de ventilateur en CSSDébutantCommencer le projet
061Une bonne critique pour les commandes à emporterDébutantCommencer le projet
062Échelle d'humeur de Bing Dwen DwenDébutantCommencer le projet
063Création d'un système de feux de signalisation avec JavaScriptIntermédiaireCommencer le projet
064Créer des boîtes modales responsivesDébutantCommencer le projet
065Écrire un avenirDébutantCommencer le projet
066Générateur de présentations HTML basé sur le webDébutantCommencer le projet
067Mise en page de cartes flexibles et responsivesDébutantCommencer le projet
068Disposition de fruits avec CSS FlexboxDébutantCommencer le projet
069Assiette de fruits esthétiquement attrayanteDébutantCommencer le projet
070Voyage vers l'Ouest CélesteDébutantCommencer le projet
071Vérification du numéro de téléphone mobileDébutantCommencer le projet
072Visualisation de données avec Echarts et JSONDébutantCommencer le projet
073Système de gestion des autorisations utilisateur avec JavaScriptDébutantCommencer le projet
074Implémenter un effet de loupe à l'aide de CanvasDébutantCommencer le projet
075Ne marchez pas sur les tuiles blanchesDébutantCommencer le projet
076La Mer Illimitée de l'ApprentissageDébutantCommencer le projet
077Générateur de cartes de vœux aléatoiresDébutantCommencer le projet
078Validation de formulaire personnalisée avec Vue.jsDébutantCommencer le projet
079Chemin de correspondance vide pour un calcul correct du cheminDébutantCommencer le projet
080Liste de produits avec changement de mise en pageDébutantCommencer le projet
081Boutons Vue.js et mise à jour de valeursDébutantCommencer le projet
082Mettre en œuvre un défilement virtuel efficace avec Vue.jsDébutantCommencer le projet
083Implémenter une mise en page flexible atomique avec CSSDébutantCommencer le projet
084Profondeur de champ dans les imagesDébutantCommencer le projet
085Création d'un visage de koala avec la grille CSSDébutantCommencer le projet
086Conception Web Responsive avec GulpDébutantCommencer le projet
087Créer une carte de visite visuellement attrayanteDébutantCommencer le projet
088Mise en forme et visualisation de données avec Vue.jsDébutantCommencer le projet
089Avertir correctement sur l'utilisation incorrecte de v-SlotDébutantCommencer le projet
090Création d'une fonctionnalité de connexion avec Vue.js et VuexDébutantCommencer le projet
091Application Web de Collection de Films InteractifsDébutantCommencer le projet
092Temps passé sur votre téléphoneDébutantCommencer le projet
093Graphique de tendance météorologique avec Vue et EchartsDébutantCommencer le projet
094Accès au pool de connexions de base de données DruidDébutantCommencer le projet
095Projet d'intégration de base de données MyBatisDébutantCommencer le projet
096Transformation de fonctions asynchrones basées sur des callbacks en PromessesDébutantCommencer le projet
097Construire un outil de rognage d'images avec HTML5DébutantCommencer le projet
098Création d'une fonctionnalité de recherche simpleDébutantCommencer le projet
099Implémentation de la pagination avec AxiosDébutantCommencer le projet
100Échapper au Double Vecteur de FeuilleDébutantCommencer le projet

Voir plus sur LabEx

About LabEx

LabEx is a hands-on learning platform for beginners.

Explore Linux, DevOps, Cybersecurity, and more — all directly in your browser.

Learn step by step through interactive labs, guided exercises, and real-world projects. 🌱
No setup, no stress — just practice and grow your skills by doing.


Download on the App Store Download on the Mac App Store


📖 Need help? Visit our Help Center or email info@labex.io