5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Nous continuons la série de projets de formation.

Couche

5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer est une communauté où chacun peut dessiner un pixel sur un « tableau » partagé. L'idée originale est née sur Reddit. La communauté r/Layer est une métaphore de la créativité partagée, où chacun peut être créateur et contribuer à une cause commune.

Ce que vous apprendrez en créant votre propre projet Layer :

  • Fonctionnement du canevas JavaScript Savoir comment utiliser un canevas est une compétence essentielle dans de nombreuses applications.
  • Comment coordonner les autorisations des utilisateurs. Chaque utilisateur peut dessiner un pixel toutes les 15 minutes sans avoir à se connecter.
  • Créez des sessions de cookies.

Squoosh

5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh est une application de compression d'images dotée de nombreuses options avancées.

GIF 20 Mo5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)

En créant votre propre version de Squoosh, vous apprendrez :

  • Comment travailler avec les tailles d'image
  • Apprenez les bases de l'API Drag'n'Drop
  • Comprendre le fonctionnement de l'API et des écouteurs d'événements
  • Comment télécharger et exporter des fichiers

Note: Le compresseur d'image est local. Il n'est pas nécessaire d'envoyer des données supplémentaires au serveur. Vous pouvez avoir le compresseur chez vous ou l'utiliser sur un serveur, à votre choix.

Calculatrice

Allez? Sérieusement? Calculatrice? Oui, exactement, une calculatrice. Comprendre les bases des opérations mathématiques et la façon dont elles fonctionnent ensemble est une compétence essentielle pour simplifier vos applications. Tôt ou tard, vous devrez composer avec des chiffres et le plus tôt sera le mieux.

5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

En créant votre propre calculatrice, vous apprendrez :

  • Travailler avec des nombres et des opérations mathématiques
  • Entraînez-vous avec l'API des écouteurs d'événements
  • Comment organiser les éléments, comprendre les styles

Robot d'exploration (moteur de recherche)

Tout le monde a utilisé un moteur de recherche, alors pourquoi ne pas créer le vôtre ? Les robots d'exploration sont nécessaires pour rechercher des informations. Tout le monde les utilise quotidiennement et la demande pour cette technologie et ces spécialistes ne fera qu'augmenter avec le temps.

5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Moteur de recherche Google

Ce que vous apprendrez en créant votre propre moteur de recherche :

  • Comment fonctionnent les robots d'exploration
  • Comment indexer les sites et comment les classer par note et réputation
  • Comment stocker des sites indexés dans une base de données et comment travailler avec la base de données

Lecteur de musique (Spotify, Apple Music)

Tout le monde écoute de la musique – elle fait simplement partie intégrante de nos vies. Créons un lecteur de musique pour mieux comprendre comment fonctionnent les mécanismes de base d'une plateforme de streaming musical moderne.

5 projets de formation plus audacieux pour le développeur (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Ce que vous apprendrez en créant votre propre plateforme de streaming musical :

  • Comment travailler avec l'API. utiliser l'API de Spotify ou Apple Music
  • Comment lire, mettre en pause ou revenir à la piste suivante/précédente
  • Comment changer le volume
  • Comment gérer le routage des utilisateurs et l'historique du navigateur

PS

Quels projets proposeriez-vous de « reproduire » par vous-même pour améliorer vos compétences ?

Source: habr.com

Ajouter un commentaire