Formation front-end: création de clones de Discord, Jira, SoundCloud, Apple Stock, échecs, doublage et taux de change

Nous portons à votre attention des idées / tâches (et non des solutions) pour l'auto-apprentissage et le perfectionnement des compétences.



image



Clone SoundCloud



SoundCloud est une plateforme de distribution audio et de partage de musique en ligne. Le site vous permet de télécharger des chansons, de les aimer et de les partager.



image



Ce que vous apprendrez en créant un clone SoundCloud:



  • Comment charger et stocker des chansons dans la base de données.
  • Toutes les bases du travail avec un lecteur multimédia - comment lire des pistes, rembobiner, mettre en pause, etc.
  • Comment partager des morceaux avec des amis.
  • Comment afficher un graphique montrant la durée et la progression d'une chanson.


Clone de Jira



Jira est utilisé pour le suivi des bogues, le suivi des problèmes et la gestion de projet. Le nom "Jira" vient en fait du mot japonais "Gojira" qui signifie "Godzilla".



image



Ce que vous apprendrez en créant un clone Jira:



  • Faites glisser et déposez l'API en HTML .
  • La formation des rôles et des droits des utilisateurs.
  • Attribuer et réaffecter des tâches entre différents utilisateurs.
  • Marquer les tâches comme terminées et archiver, supprimer et modifier diverses tâches.


Clone de Apple Stocks



Apple Stocks permet de suivre facilement les actions et le marché boursier. Affichez les citations et la dynamique quotidienne dans une liste personnalisable, puis cliquez sur n'importe quel élément pour voir un graphique interactif et des détails clés.



image



Ce que vous apprendrez en créant un clone d'Apple Stocks:



  • Comment obtenir les cours des actions de manière asynchrone via l'API.
  • Comment créer des graphiques de prix des actions.
  • Envoi de notifications de prix. Ainsi, par exemple, si le cours de l'action augmente ou baisse de 10%, envoyez une alerte.
  • Une liste de vos actions préférées que vous suivez activement.


Utilisez cette API pour obtenir des informations sur les cours des actions. Si vous connaissez une API gratuite et publique pour le marché boursier, veuillez la publier dans les commentaires ci-dessous.



Clone d'échecs



Chess est un jeu de stratégie à deux joueurs sur un plateau à damier de 64 cases disposées en grille 8x8.



image



Qu'allez-vous apprendre en construisant un clone d'échecs:





Voix sur texte



Une application de synthèse vocale pour les personnes ayant des troubles de la parole. Les solutions de synthèse vocale rendent vos produits et services plus attrayants pour différents groupes d'utilisateurs.



image



Ce que vous apprendrez en créant un clone d'un lecteur de texte:



  • Comment utiliser l' API Web Speech .
  • Comment créer une interface utilisateur réactive.
  • Comment basculer entre différentes voix et accents.


Calculateur de taux de change



Le calculateur de taux de change calcule la différence entre deux ou plusieurs devises et leurs taux.



image



Ce que vous apprendrez en créant un clone de calculatrice de devises:



  • Comment obtenir des taux de change à partir de l'API - utilisez cette API .
  • Comment afficher les coûts et les taux de change pour les deux devises.
  • Comment mettre à jour les valeurs en temps réel en fonction de l'évolution de la valeur d'une devise.


Clone de discorde



Discord est un chat vocal et texte tout-en-un pour les joueurs, mais il est gratuit, sécurisé et fonctionne sur les ordinateurs de bureau et les smartphones. Discord est extrêmement populaire pour la communication entre les développeurs, les joueurs et les utilisateurs occasionnels.



image



Ce que vous apprendrez en construisant un clone Discord:



  • API Websocket . Les Websockets sont utilisés dans les salles de discussion pour une communication en temps réel.
  • La formation de divers rôles et autorisations d'utilisateur (par exemple, administrateurs, modérateurs de contenu et utilisateurs réguliers).
  • Activez les microphones et démarrez la communication vocale.
  • Créer plusieurs chats et utiliser plusieurs Websockets.


image


Apprenez en détail comment obtenir un métier recherché à partir de zéro ou passer au niveau supérieur en compétences et en salaire en suivant les cours en ligne payés de SkillFactory:












All Articles