Treinamento front-end: criação de clones de Discord, Jira, SoundCloud, Apple Stock, xadrez, dublagem e taxas de câmbio

Trazemos à sua atenção idéias / tarefas (não soluções) para auto-estudo e aprimoramento de habilidades.



imagem



Clone do SoundCloud



O SoundCloud é uma plataforma de distribuição de áudio e compartilhamento de música on-line. O site permite que você baixe músicas, curta e compartilhe.



imagem



O que você aprenderá criando um clone do SoundCloud:



  • Como carregar e armazenar músicas no banco de dados.
  • Todos os princípios básicos do trabalho com um media player - como reproduzir faixas, retroceder, pausar etc.
  • Como compartilhar faixas com os amigos.
  • Como exibir um gráfico mostrando a duração e o andamento de uma música.


Jira clone



O Jira é usado para rastreamento de erros, rastreamento de problemas e gerenciamento de projetos. O nome "Jira" na verdade vem da palavra japonesa "Gojira", que significa "Godzilla".



imagem



O que você aprenderá criando um clone do Jira:



  • Arraste e solte a API em HTML .
  • A formação de papéis e direitos do usuário.
  • Atribuindo e reatribuindo tarefas entre diferentes usuários.
  • Marcar tarefas como concluídas e arquivar, excluir e editar várias tarefas.


Clone de ações da Apple



O Apple Stocks facilita o acompanhamento das ações e do mercado de ações. Veja cotações e dinâmica diária em uma lista personalizável e clique em qualquer item para ver um gráfico interativo e detalhes importantes.



imagem



O que você aprenderá criando um clone do Apple Stocks:



  • Como obter preços das ações de forma assíncrona via API.
  • Como criar gráficos de preços das ações.
  • Enviando notificações de preços. Portanto, por exemplo, se o preço das ações estiver acima ou abaixo de 10%, envie um alerta.
  • Uma lista de suas ações favoritas que você segue ativamente.


Use esta API para obter informações sobre os preços das ações. Se você conhece uma API pública e gratuita para o mercado de ações, publique-a nos comentários abaixo.



Clone de xadrez



O xadrez é um jogo de estratégia para dois jogadores, jogado em um tabuleiro de xadrez com 64 quadrados dispostos em uma grade de 8x8.



imagem



O que você aprenderá construindo um clone do xadrez:





Voz sobre texto



Um aplicativo de conversão de texto em fala para pessoas com deficiência de fala. As soluções de conversão de texto em fala tornam seus produtos e serviços mais atraentes para diferentes grupos de usuários.



imagem



O que você aprenderá construindo um clone de um leitor de texto:



  • Como usar a API do Web Speech .
  • Como criar uma interface de usuário responsiva.
  • Como alternar entre diferentes vozes e sotaques.


Calculadora da taxa de câmbio



A Calculadora da Taxa de Moeda calcula a diferença entre duas ou mais moedas e suas taxas.



imagem



O que você aprenderá criando um clone da calculadora de moedas:



  • Como obter taxas de câmbio da API - use esta API .
  • Como exibir custos e taxas de câmbio para as duas moedas.
  • Como atualizar valores em tempo real, dependendo das alterações no valor de uma moeda.


Clone da discórdia



O Discord é um bate-papo por voz e texto completo para jogadores, mas é gratuito, seguro e funciona em computadores e smartphones. O Discord é extremamente popular para comunicação entre desenvolvedores, jogadores e usuários casuais.



imagem



O que você aprenderá construindo um clone do Discord:



  • API Websocket . Os Websockets são usados ​​em salas de bate-papo para comunicação em tempo real.
  • A formação de várias funções e permissões de usuário (por exemplo, administradores, moderadores de conteúdo e usuários regulares).
  • Ative os microfones e inicie a comunicação por voz.
  • Criando vários chats e usando vários websockets.


imagem


Descubra os detalhes de como obter uma profissão de alto nível do zero ou subir de nível em habilidades e salário fazendo os cursos on-line pagos do SkillFactory:












All Articles