codelynx.dev
🇫🇷🇬🇧

Retour 30/11/2024

6 types de projets pour devenir développeur web

Écris par Melvyn Malherbe le 30/11/2024


Tu veux devenir développeur web mais tu ne sais pas par où commencer ? Dans cet article, je vais te présenter 6 types de projets qui vont t'aider à progresser concrètement. Que tu sois débutant ou que tu aies déjà quelques bases, tu trouveras forcément des idées qui correspondent à ton niveau.

1. Les projets pour débuter

Pour bien commencer ton apprentissage, il te faut des projets simples et rapides que tu peux réaliser en un week-end. L'objectif est de te concentrer sur une compétence précise à la fois.

Chaque fois que tu apprends des compétences comme HTML / CSS : boom tu passes à un projet !

Tu apprends JavaScript : boom, un nouveau projet qui a besoin de JavaScript.

Voici quelques exemples concrets :

  • Markdown Previewer : Crée un éditeur qui convertit du texte Markdown en HTML en temps réel. Tu apprendras à manipuler le DOM et à utiliser des bibliothèques JavaScript.
  • Random Quote Generator : Développe une application qui affiche des citations aléatoires. C'est parfait pour apprendre à faire des requêtes API et à manipuler des données JSON.
  • Calculatrice JavaScript : Un classique qui te permettra de maîtriser les bases de JavaScript et la gestion des événements.
  • API de chats : Crée une petite application qui affiche des images de chats aléatoires. Tu apprendras à utiliser fetch et à gérer les promesses.

2. Les applications full-stack

Dès que tu as assez de compétences, il faut passer à la vitesse supérieure pour faire des projets full-stack qui vont te demander un back-end et un front-end avec des API.

De cette manière, tu vas apprendre à créer une application complète avec :

  • de l'authentification
  • de la gestion de la base de données
  • de l'API

Le but est de faire une application CRUD (Create, Read, Update, Delete), quelques idées :

  • E-commerce : Développe une boutique en ligne avec React en front-end et AdonisJS en back-end.
  • Gestionnaire de tickets : Crée un système de support client avec gestion des utilisateurs et des tickets.
  • Tracker de finances : Conçois une application pour suivre tes dépenses et revenus avec des graphiques.

3. Les jeux vidéo

Si tu veux t'améliorer du côté algorithmique et développer ta manière de penser en tant que développeur, faire de petits jeux, c'est vraiment le cheat code dont tu as besoin.

Le but avec ces projets, c'est de réfléchir au moyen intelligent de reproduire des petits jeux et souvent ils font appel à beaucoup de notions de logique.

Voici des classiques à recréer :

  • Tetris : Parfait pour comprendre les matrices et les animations.
  • Memory Game : Idéal pour la gestion d'état et les événements utilisateur.
  • Snake : Excellent pour apprendre la programmation orientée objet.
  • Pong : Pour maîtriser les collisions et la physique basique.

4. Les projets qui résolvent des problèmes réels

Le meilleur moyen d'avoir des projets intéressants pour un recruteur et de trouver un job, c'est de créer des projets qui résolvent un vrai problème. Peut-être que tes problèmes peuvent être résolus avec un simple script JavaScript ou avec une énorme application full-stack.

Le but ici n'est pas de développer des compétences techniques mais de développer la compétence la plus importante au monde : la résolution de problèmes.

Comme tout le monde, tu as sûrement des problèmes, si tu arrives à les résoudre avec le code, tu vas impressionner un recruteur et ça va de toute évidence jouer en ta faveur. Voici quelques exemples :

  • YouTube MP3 Downloader : Un script qui automatise le téléchargement de playlists YouTube en MP3.
  • Bulk AI Corrector : Outil utilisant l'IA pour corriger et découper automatiquement des textes.
  • Plateforme de formation : Système complet pour vendre et gérer des formations en ligne.
  • Planificateur LinkedIn : Application pour programmer et automatiser des posts LinkedIn.
  • Générateur d'images IA : Interface pour générer des images avec l'IA.

5. Les clones de SaaS

Si tu veux passer au niveau supérieur et que tu souhaites créer un SaaS qui intègre la possibilité de payer pour ton service, c'est une super idée et c'est super formateur.

Ma méthode pour ça, c'est de cloner des SaaS existants mais en modifiant certaines fonctionnalités pour le rendre unique et monétisable sans copier.

La marche à suivre c'est :

  1. Trouve un SaaS qui te plaît mais qui a un gros problème (prix, trop de features, etc...)
  2. Tu vas créer ton propre produit similaire mais avec des fonctionnalités qui te plaisent
  3. Tu vas le lancer et le partager avec tes contacts
  4. Tu vas le faire grandir en ajoutant des features qu'aiment les utilisateurs

Quelques idées inspirantes :

  • Analytics + Stripe : Clone de Plausible avec tracking des revenus (comme DataFa.st).
  • Système de reviews : Alternative à TrustPilot avec des intégrations modernes (style Senja).
  • Newsletter minimaliste : Version simplifiée de Mailchimp focalisée sur le markdown.
  • Gestionnaire de feedback : Clone de Canny avec système de paiement pour prioriser les features.

6. Les applications mobiles B2C

Si tu souhaites apprendre à faire du mobile, il est intéressant de créer une application mobile. Souvent les applications mobiles sont B2C, c'est-à-dire vendues pour des clients finaux. Comme toi ou moi.

Créer des applications qui peuvent t'aider dans ta vie ou des applications qui utilisent l'IA, voici quelques idées à moi :

  • Habit Tracker : Application de suivi d'habitudes avec un design inspiré des contributions GitHub.
  • Journal IA : App qui utilise l'IA pour organiser tes notes et photos quotidiennes.
  • Clipboard History : Solution pour sauvegarder et retrouver facilement ton historique de copier-coller.

Conclusion

Tu l'as compris, il existe de nombreux types de projets pour progresser en développement web. Le plus important est de commencer par des projets simples et d'augmenter progressivement la difficulté. N'hésite pas à personnaliser ces idées selon tes intérêts et à les ajouter à ton portfolio.

La clé est de rester motivé en choisissant des projets qui t'intéressent vraiment. Commence dès aujourd'hui avec un petit projet et construis pas à pas ton parcours de développeur !

Personnellement, dans mes formations, on code plus de 25 projets dont des projets simples, full-stack ou même des SaaS. Si tu veux rejoindre ma formation HTML/CSS pour débutant c'est juste ici..

Si tu es plus avancé, tu pourrais aimer rejoindre ma formation React..

BeginWeb

Cours HTML / CSS / JS gratuit

Maîtrise le web rapidement avec cette formation.