Continuamos a série de projetos para treinamento.
Camada
Layer é uma comunidade onde todos podem desenhar um pixel em um “quadro” compartilhado. A ideia original nasceu no Reddit. A comunidade r/Layer é uma metáfora para a criatividade compartilhada, onde todos podem ser criadores e contribuir para uma causa comum.
O que você aprenderá ao criar seu próprio projeto Layer:
- Como funciona o canvas JavaScript Saber como operar um canvas é uma habilidade crítica em muitas aplicações.
- Como coordenar as permissões do usuário. Cada usuário pode desenhar um pixel a cada 15 minutos sem precisar fazer login.
- Crie sessões de cookies.
squoosh
Squoosh é um aplicativo de compactação de imagens com muitas opções avançadas.
GIF 20MB
Ao criar sua própria versão do Squoosh você aprenderá:
- Como trabalhar com tamanhos de imagem
- Aprenda os fundamentos da API Drag'n'Drop
- Entenda como funcionam a API e os ouvintes de eventos
- Como fazer upload e exportar arquivos
Nota: O compressor de imagem é local. Não é necessário enviar dados adicionais ao servidor. Você pode ter o compressor em casa ou usá-lo em um servidor, à sua escolha.
Калькулятор
Vamos? Seriamente? Calculadora? Sim, exatamente, uma calculadora. Compreender os conceitos básicos das operações matemáticas e como elas funcionam juntas é uma habilidade crítica para simplificar suas aplicações. Mais cedo ou mais tarde você terá que lidar com números e quanto mais cedo melhor.
Ao criar sua própria calculadora você aprenderá:
- Trabalhar com números e operações matemáticas
- Pratique com API de ouvintes de eventos
- Como organizar elementos, entender estilos
Rastreador (mecanismo de pesquisa)
Todo mundo já usou um mecanismo de busca, então por que não criar o seu próprio? Os rastreadores são necessários para pesquisar informações. Todos os utilizam todos os dias e a procura por esta tecnologia e especialistas só aumentará com o tempo.
Motor de busca Google
O que você aprenderá criando seu próprio mecanismo de pesquisa:
- Como funcionam os rastreadores
- Como indexar sites e como classificá-los por classificação e reputação
- Como armazenar sites indexados em um banco de dados e como trabalhar com o banco de dados
Leitor de música (Spotify, Apple Music)
Todo mundo ouve música – é simplesmente parte integrante de nossas vidas. Vamos criar um reprodutor de música para entender melhor como funciona a mecânica básica de uma plataforma moderna de streaming de música.
Spotify
O que você aprenderá ao criar sua própria plataforma de streaming de música:
- Como trabalhar com a API. use API do Spotify ou Apple Music
- Como reproduzir, pausar ou retroceder para a faixa seguinte/anterior
- Como alterar o volume
- Como gerenciar o roteamento do usuário e o histórico do navegador
PS
Que projetos você sugeriria “replicar” por conta própria para melhorar suas habilidades?
Fonte: habr.com