Entrenamiento front-end: haciendo clones de Discord, Jira, SoundCloud, Apple Stock, ajedrez, actuaci贸n de voz y tasas de cambio

Traemos a su atenci贸n ideas / tareas (no soluciones) para el autoestudio y las habilidades de perfeccionamiento.



imagen



SoundCloud clon



SoundCloud es una plataforma de distribuci贸n de audio en l铆nea y para compartir m煤sica. El sitio le permite descargar canciones, darles me gusta y compartirlas.



imagen



Lo que aprender谩 al crear un clon de SoundCloud:



  • C贸mo cargar y almacenar canciones en la base de datos.
  • Todo lo b谩sico para trabajar con un reproductor multimedia: c贸mo reproducir pistas, rebobinar, pausar, etc.
  • C贸mo compartir pistas con amigos.
  • C贸mo mostrar un gr谩fico que muestra la duraci贸n y el progreso de una canci贸n.


Clon de Jira



Jira se utiliza para el seguimiento de errores, seguimiento de problemas y gesti贸n de proyectos. El nombre "Jira" en realidad proviene de la palabra japonesa "Gojira" que significa "Godzilla".



imagen



Lo que aprender谩 al crear un clon de Jira:



  • Arrastrar y soltar API en HTML .
  • La formaci贸n de roles y derechos de usuario.
  • Asignaci贸n y reasignaci贸n de tareas entre diferentes usuarios.
  • Marcar tareas como completadas y archivar, eliminar y editar varias tareas.


Clon de Apple Stocks



Apple Stocks facilita el seguimiento de las acciones y el mercado de valores. Vea las cotizaciones y la din谩mica diaria en una lista personalizable, y haga clic en cualquier elemento para ver un gr谩fico interactivo y detalles clave.



imagen



Lo que aprender谩 al crear un clon de Apple Stocks:



  • C贸mo obtener precios de acciones de forma asincr贸nica a trav茅s de API.
  • C贸mo crear gr谩ficos de precios de acciones.
  • Env铆o de notificaciones de precios. Entonces, por ejemplo, si el precio de las acciones sube o baja un 10%, env铆e una alerta.
  • Una lista de tus acciones favoritas que sigues activamente.


Use esta API para obtener informaci贸n sobre los precios de las acciones. Si conoce una API gratuita y p煤blica para el mercado de valores, publ铆quela en los comentarios a continuaci贸n.



Clon de ajedrez



El ajedrez es un juego de estrategia de dos jugadores que se juega en un tablero a cuadros con 64 casillas dispuestas en una cuadr铆cula de 8x8.



imagen



驴Qu茅 aprender谩s construyendo un clon de ajedrez?



  • C贸mo mostrar una cuadr铆cula de 8x8.
  • Cada pieza tiene ciertas reglas que dictan c贸mo puede moverse por el tablero de ajedrez. Por lo tanto, es necesario implementar una l贸gica que sea cr铆tica para el juego para que el juego se ajuste a las reglas tradicionales del ajedrez. Aqu铆 est谩n las reglas para jugar ajedrez .
  • Arrastrar y soltar API en HTML .
  • C贸mo hacer un seguimiento de los puntos, realizar un seguimiento de las ganancias, p茅rdidas y empates. C贸mo almacenar resultados en una base de datos PostgreSQL .


Voz sobre texto



Una aplicaci贸n de texto a voz para personas con discapacidades del habla. Las soluciones de texto a voz hacen que sus productos y servicios sean m谩s atractivos para diferentes grupos de usuarios.



imagen



Lo que aprender谩 construyendo un clon de un lector de texto:



  • C贸mo usar la API de Web Speech .
  • C贸mo crear una interfaz de usuario receptiva.
  • C贸mo cambiar entre diferentes voces y acentos.


Calculadora de tasa de cambio



La Calculadora de tasa de cambio calcula la diferencia entre dos o m谩s monedas y sus tasas.



imagen



Lo que aprender谩 construyendo un clon de calculadora de moneda:



  • C贸mo obtener tasas de cambio de la API: use esta API .
  • C贸mo mostrar el costo y los tipos de cambio para ambas monedas.
  • C贸mo actualizar valores en tiempo real dependiendo de los cambios en el valor de una moneda.


Clon discordia



Discord es un chat de voz y texto todo en uno para jugadores, pero es gratis, seguro y funciona tanto en computadoras de escritorio como en tel茅fonos inteligentes. Discord es extremadamente popular para la comunicaci贸n entre desarrolladores, jugadores y usuarios casuales.



imagen



Lo que aprender谩s construyendo un clon de Discord:



  • API de Websocket . Websockets se utilizan en salas de chat para la comunicaci贸n en tiempo real.
  • La formaci贸n de varios roles y permisos de usuario (por ejemplo, administradores, moderadores de contenido y usuarios habituales).
  • Active los micr贸fonos y comience la comunicaci贸n de voz.
  • Crear m煤ltiples chats y usar m煤ltiples sockets web.


imagen


Descubra los detalles de c贸mo obtener una profesi贸n de alto perfil desde cero o subir de nivel en habilidades y salario tomando los cursos en l铆nea pagos de SkillFactory:












All Articles