Cours de maîtrise JavaScript: 100+ projets du débutant à l'expert
Dans ce référentiel, vous trouverez une liste organisée de plus de 100 idées de projet pour les développeurs JavaScript. Ces projets vont des niveaux débutants aux niveaux avancés, offrant des possibilités de pratique et d'améliorer vos compétences en JavaScript. Chaque idée de projet comprend une brève description pour vous aider à démarrer. N'hésitez pas à utiliser ces idées pour votre prochain projet ou à inspirer vos créations.
Instructeur
Description du cours
JavaScript est l'un des langages de programmation les plus populaires au monde, utilisés pour créer des sites Web interactifs, des applications Web et des applications mobiles. Ce cours couvre plus de 100 idées de projet pour les développeurs JavaScript, allant du débutant au niveau d'experts. Que vous commenciez simplement ou que vous cherchiez à vous mettre au défi, ces idées de projet vous aideront à améliorer vos compétences en JavaScript et à créer des applications réelles.
Commencer
Pour commencer avec ces idées de projet, choisissez simplement un projet qui vous intéresse et commencez à le construire. Vous pouvez utiliser n'importe quel framework JavaScript ou bibliothèque que vous préférez, comme React, Angular ou Vue.js. Vous pouvez également utiliser Vanilla Javascript si vous préférez. L'objectif est de pratiquer vos compétences en JavaScript et de créer des applications réelles.
Tableau des idées de projet
Projets débutants
- Hello World Alert : Affichez une boîte d'alerte "Hello World". | Tâche
- Calculatrice simple : opérations arithmétiques de base. Tâche | Démo en direct
- Liste de tâches : ajouter et supprimer les tâches. | Tâche | Démo en direct
- Générateur de devis aléatoire : afficher des citations aléatoires. | Tâche | Démo en direct
- Countdown Timer : Fonctionnalité simple à compte à rebours. | Tâche | Démo en direct
- Devinez le jeu numéro : numéro de devinettes. | Tâche | Démo en direct
- Calculateur de pourboire : Calculez les conseils en fonction du pourcentage. | Tâche | Démo en direct
- Changeur de couleurs : modifiez l'arrière-plan de la couleur sur le bouton CLIC. | Tâche | Démo en direct
- Validation du formulaire : valider les entrées utilisateur dans un formulaire. | Tâche | Démo en direct
- Horloge numérique : afficher l'heure actuelle. | Tâche | Démo en direct
- Palindrome Checker : Vérifiez si une chaîne est un palindrome. | Tâche | Démo en direct
- Compteur de caractère : compter les caractères dans une TextArea. | Tâche | Démo en direct
- Application météo : récupérer et afficher les informations météorologiques. | Tâche | Démo en direct
- Convertisseur de devises : convertir les taux de devise. | Tâche | Démo en direct
- Calculatrice d'IMC : calculer l'indice de masse corporelle. | Tâche | Démo en direct
- Validation de formulaire simple : valider les entrées de formulaire. | Tâche | Démo en direct
- Convertisseur de température : Convertir entre Celsius et Fahrenheit. | Tâche | Démo en direct
- Changeur de couleur d'arrière-plan dynamique : modifiez la couleur d'arrière-plan en fonction du temps. | Tâche | Démo en direct
- GAME HANGMAN : jeu de devinettes de mots classiques. | Tâche | Démo en direct
- Kit de tambour : jouez aux sons de tambour sur la presse de touches. | Tâche | Démo en direct
- Liste d'épicerie : ajouter et supprimer les éléments d'une liste. | Tâche | Démo en direct
Projets intermédiaires
- Application Quiz : Questions à choix multiples avec suivi des scores. | Tâche | Démo en direct
- Tracker des dépenses : suivez les dépenses et catégorisez-les. | Tâche | Démo en direct
- Application de recherche de film : Recherchez des films à l'aide d'une API. | Tâche | Démo en direct
- Curseur d'image : créez un carrousel d'image simple. | Tâche | Démo en direct
- Application de recette : afficher les recettes en fonction de la recherche d'utilisateurs. | Tâche | Démo en direct
- Scroll infini : implémentez le défilement infini.
- Pomodoro Timer : minuteur de productivité avec intervalles de travail et de rupture.
- Aperçu de Markdown : Convertir Markdown en HTML.
- Système de gestion des tâches : opérations CRUD pour les tâches.
- Test de vitesse de frappe : mesure la vitesse de typage.
- Profils GitHub : Profils de github récupérés et affichez.
- Tableau de bord météorologique : affichage d'informations météorologiques avancé.
- Raccourcisseur d'URL : raccourcir les URL comme bit.ly.
- Lecteur de musique : Play et contrôle des morceaux de musique.
- Chariot de commerce électronique : fonctionnalité simple de panier d'achat.
- Application de chat : chat en temps réel avec WebSockets.
- Site Web de portefeuille : Portfolio personnel avec projets et contact.
- Téléchargement de fichiers : téléchargez et gérez les fichiers.
- Plateforme de blog : plateforme de blogs simple avec opérations CRUD.
- SPIRTTEUR DE COMPRÉCOUR : FRAISSEMENTS EXPÉRIEURES ENTRE EMPRES.
- Jeu de mémoire : jeu de correspondance de cartes classiques.
- Rock, Paper, Game Scissors : Play contre l'ordinateur.
- Application FlashCard Quiz : Étude avec des cartes flash.
- Liste de TODO avec stockage local : stocker les tâches dans le stockage local.
- Application météo avec intégration de l'API : affichez les données météorologiques à l'aide d'une API.
- Générateur de mèmes : créer et partager des mèmes.
- Clavier virtuel : clavier à l'écran pour la saisie.
- Tic-Tac-Toe Game : jeu classique tic-tac-toe.
- Livre de contacts : Gérer les contacts avec les opérations CRUD.
- Page du produit du commerce électronique : afficher les détails et les avis du produit.
- Blog de Markdown : Écrivez et publiez des articles de blog dans Markdown.
- Fitness Tracker : Track Workouts and Progress.
- Board d'emploi : publier et rechercher des listes d'emplois.
- Kanban Board : outil de gestion de projet avec colonnes.
Projets avancés
- Tableau de bord des médias sociaux : afficher les statistiques des médias sociaux.
- Magasin électronique : Site de commerce électronique complet avec intégration de paiement.
- Outil de gestion de projet : Kanban Board pour la gestion de projet.
- Board d'emploi : publier et rechercher des listes d'emplois.
- Éditeur de code en ligne : éditeur de code HTML, CSS et JS.
- Chatbot : chatbot alimenté par AI.
- Collaboration en temps réel : collaboration de type Google.
- Fitness Tracker : Track Workouts and Progress.
- Plateforme de streaming vidéo : diffusez des vidéos comme YouTube.
- Plateforme de partage de recettes : partager et rechercher des recettes.
- Jeu d'animal virtuel : animal de compagnie virtuel de type Tamagotchi.
- Tableau de bord boursier : afficher les données boursières.
- Système de gestion de l'apprentissage : plate-forme de gestion des cours.
- Système de sondage en ligne : créer et voter sur les sondages.
- Application d'apprentissage des langues : Apprenez de nouvelles langues avec des exercices.
- Système de gestion des événements : gérer les événements et les RSVP.
- Tableau de bord personnalisable : widgets pour diverses données.
- Système de billetterie du support client : gérer les billets de support client.
- Plateforme de quiz : créez et prenez des quiz.
- Station météorologique avancée : données météorologiques détaillées et prévisions.
- Système de recommandation de recettes : Recommander des recettes basées sur les ingrédients.
- Interactive Story App : Créer et lire des histoires interactives.
- Tableau de bord Smart Home : Contrôlez les appareils Smart Home.
- Système de réservation de classes de fitness : Cours de fitness de livres.
- Planificateur d'itinéraire de voyage : Itinéraires de voyage PLAN.
- Traducteur de langue : traduire le texte entre les langues.
- Trading d'actions en temps réel : simulez le trading d'actions.
- AGLÉGATEURS DE NOUVELLES : Articles de presse agrégés et afficher.
- Portfolio de projet : présentez plusieurs projets avec des détails.
- Application de vidéoconférence : Conférence vidéo en temps réel.
- Outil de collaboration en temps réel : collaborez sur des projets en temps réel.
- Lecteur vidéo avec playlist : lisez des vidéos avec une fonction de playlist.
- Outil de gestion des tâches avec calendrier : gérer les tâches avec une vue de calendrier.
- Visualisation des données interactives : créer des visualisations interactives des données.
- Bourse du marché boursier : suivi des données boursières en temps réel.
- Moteur de recherche de recettes : Recherche de recettes basées sur les ingrédients.
- Galerie de photos : Afficher et organiser des photos.
- Dépenses Tableau de bord avec graphiques : visualisez les dépenses avec les graphiques.
- Habit Tracker : Track and Visualisez les habitudes.
- Plateforme de commerce électronique avec recommandations d'IA : site de commerce électronique avec recommandations alimentées par l'IA.
Projets d'experts
- Réseau social à part entière : site de réseautage social complet.
- Plateforme d'apprentissage en ligne : similaire à Udemy ou Coursera.
- Tracker des applications d'emploi : suivi des applications et des statuts de travail.
- Gestion des finances personnelles : budgétisation et suivi des dépenses.
- Recommandations basées sur l'IA : recommandations utilisant l'apprentissage automatique.
- Commerce électronique avec recommandations de l'IA : recommandations de produits basées sur le comportement de l'utilisateur.
- Jeu multijoueur en temps réel : expérience de jeu multijoueur.
- Visualisation avancée des données : tableaux de bord de visualisation des données complexes.
- Application de reconnaissance vocale : application de commande à l'aide de la reconnaissance vocale.
- Virtual Reality Tour : VR Tours Using WebVR.
- Cryptocurrency Tracker : Track et analyser les crypto-monnaies.
- Système d'examen en ligne : passer et noter les examens en ligne.
- Application de fitness avec intégration portable : intégrer avec les vêtements de fitness.
- Assistant personnel alimenté par AI : comme Google Assistant.
- Plateforme d'apprentissage automatique : créez et déployez des modèles ML.
- Collaborative Whiteboard : Dessin collaboratif en temps réel.
- Système domestique : contrôler à distance les appareils domestiques.
- Application de réalité augmentée : AR Expériences dans le navigateur.
- Système de gestion de contenu : CMS complet.
- Plateforme de travail à distance : gérez des équipes et des projets distants.
- Système d'enchères en temps réel : Enchérissez sur les articles en temps réel.
- Marketplace en ligne : achetez et vendez des marchandises en ligne.
- Plateforme de financement participatif : collecter des fonds pour les projets.
- Liste des achats intelligents : liste de magasins intelligents avec suggestions.
- Système de réservation de voyage : vols de livres, hôtels et activités.
- AGLÉGATEURS DE NOUVELLES POLORÉS AI : Actualités agrégées utilisant l'IA.
- Recette Ingrédient Reconnaître : Reconnaître les ingrédients des images.
- Tableau de bord IoT : Contrôler et surveiller les appareils IoT.
- Tableau de bord de santé personnel : surveiller les mesures de santé personnelles.
- Salle de classe virtuelle : organiser des cours en ligne avec une interaction en temps réel.
Contributif
Nous accueillons les contributions de la communauté! Si vous avez une idée de projet ou si vous souhaitez améliorer un projet existant, veuillez soumettre une demande de traction. Assurez-vous que votre code suit les normes de codage du projet et comprend une documentation appropriée.
Licence
Ce référentiel est concédé sous licence MIT. Voir le fichier de licence pour plus d'informations.
Contact
Pour toute question ou suggestion, n'hésitez pas à contacter l'instructeur:
- Ajay Dhangar
- Liendin
- Gazouillement
Ressources
Voici quelques ressources supplémentaires pour vous aider avec vos projets:
- Docs Web MDN
- Informations JavaScript
- Javascript éloquent
- Freecodecamp
- Codécade
- Codeharborhub