Projets JavaScript
Ce guide est destiné aux personnes qui cherchent à travailler sur des projets pour acquérir une expérience de l'apprentissage pratique mais hors des idées. JavaScript est très facile à implémenter. Tout ce que vous avez à faire est de mettre votre code dans le document HTML et de dire au navigateur qu'il est javascript. Il fonctionne sur les ordinateurs des utilisateurs Web - même lorsqu'ils sont hors ligne et vous permet de créer des interfaces très réactives qui améliorent l'expérience utilisateur et fournissent des fonctionnalités dynamiques, sans avoir à attendre que le serveur réagisse et affiche une autre page.
Projets pour les débutants
- Faire une carte Tic Tac Toe
- Faire une calculatrice basée sur le Web
- Faire une liste de TODO avec un stockage de navigateur persistant à l'aide de l'API localstorage
- Faire un convertisseur unitaire (temps, distance, devise, etc.)
- Générateur de labyrinthe aléatoire comme jeu en ligne
- Faire une horloge numérique basée sur le Web
- Mettre à jour les variables CSS avec JS
- Faites un papillon à changement de couleur volant avec JS en utilisant l'API Canavas.
- Faire un tambour basé sur le Web avec des sons et une entrée de clavier à l'aide de JS
- Faire un carrousel produit
- Faites du jeu XO.
- Créer un éditeur de pixels
- Créez un site Web simple à l'aide de HTML, CSS et JavaScript
- Créer des autocollants de robot amusants
Projets de niveau intermédiaire
- Faire un script qui automatique des champs d'inscription communs à l'aide de données aléatoires
- Utilisez Yahoo! API météo pour construire un widget météo
- Intégrez SoundCloud sur une page Web pour jouer une chanson selon l'humeur de l'utilisateur
- Utilisez Starwars-API pour générer un profil de tous les personnages et leurs armes / véhicules
- Utilisez UNSPLASH-API pour créer un carrousel d'image
- Utilisez Paper.js pour créer des graphiques incroyables.
- Utilisez des parallaxjs pour créer des plaques de chaudières parallax pleine page
- Utilisez l'API de données de football pour créer une page Web qui vous permettra de récupérer toutes les tableaux de ligues libres.
- Créer un commutateur de nuit et de jour
- Créer une application TODO
- Créer une application Notes
Projets de niveau avancé
- Utilisez l'API Gene Lab de la NASA pour créer un outil pour visualiser et afficher les données de manière interactive
- Utilisez l'API de l'USGS pour visualiser les données héritées des tremblements de terre avec divers filtres (magnitude, date, zones touchées, lieu d'origine)
- Utilisez l'API Google Map et l'API des données climatiques de la Banque mondiale pour créer un outil interactif pour visualiser les données climatiques historiques par pays, régions, etc.
- Utilisez l'API de Twitter avec un exemple de bibliothèque d'analyse des sentiments pour visualiser les tweets par des célébrités et des politiciens et trouver des tendances.
- Construisez le jeu de la vie
- Tracer le marché boursier
- Créer une application de vote
Inspiration
Une collection de projets en direct déployés avec du code.
- Tissu de tissu javascript
- Fireworks Animation Génératorfireworls in toivas
- Création de particules performantes Animation 30K Particules en toile
- Animation aléatoire cool basée sur le ver de Cursordraw
- Jeu de tir de spatial
Contributif
- Ceux qui sont nouveaux à Open Source et ne savent pas comment envoyer la demande de pull, voient le fichier contribution.md.
