Todas as aulas da Semana JS Expert 5.0 - Google Drive Clone
Google Drive Clone - Semana JS Expert 5.0
Seja bem vindo(a) à quinta Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada.
Marque esse projeto com uma estrela 🌟
Preview
Checklist Features
Web API
[] Deve listar arquivos baixados
[] Deve receber stream de arquivos e salvar em disco
[] Deve notificar sobre progresso de armazenamento de arquivos em disco
[] Deve permitir upload de arquivos em formato image, video ou audio
[] Deve atingir 100% de cobertura de código em testes
Web App
[] Deve listar arquivos baixados
[] Deve permitir fazer upload de arquivos de qualquer tamanho
[] Deve ter função de upload via botão
[] Deve exibir progresso de upload
[] Deve ter função de upload via drag and drop
Desafios para alunos pós projeto
Backend: Salvar o arquivo na AWS ou qualquer serviço de storage
Nosso projeto hoje armazena arquivos em disco. o desafio é você via Stream, fazer upload para algum serviço na nuvem
Como plus, manter 100% de code coverage, ou seja, crie testes para sua nova feature
Frontend: Adicionar testes no frontend e alcançar 100% de code coverage
Você aprendeu como fazer testes no backend. Usar o mesmo processo para criar testes unitários no frontend com Jest
Caso tenha duvidas, acesse o exemplo e deixe uma estrela!
Infraestrutura: Publicar aplicação com seu SSL customizado em máquina virtual
Você aprendeu a gerar SSL local, o desafio é você criar um certificado (pode ser com o Let's Encrypt) e adicionar na sua aplicação
Considerações
Tire suas dúvidas sobre os desafios em nossa comunidade, o objetivo é você aprender de forma divertida. Surgiu dúvidas? Pergunte por lá!
Ao completar qualquer um dos desafios, envie no canal #desafios da comunidade no Discord
Créditos ao Layout <3
O Layout foi adaptado a partir do projeto do brasileiro Leonardo Santo disponibilizado no codepen.
FAQ
NODE_OPTIONS não é um comando reconhecido pelo sistema, o que fazer?
Se você estiver no Windows, a forma de criar variáveis de ambiente é diferente. Você deve usar a palavra set antes do comando.
Ex: "test": "set NODE_OPTIONS=--experimental-vm-modules && npx jest --runInBand",
Certificado SSL é inválido, o que fazer?
Esse erro acontece porque gerei um certificado atrelado ao usuário da minha máquina.
Você pode clicar em prosseguir no browser e usar o certificado invalido que o projeto vai continuar funcionando, mas se quiser gerar o seu próprio, escrevi o passo a passo em ./certificates
Rodei npm test mas nada acontece, o que fazer?
Verifique a versão do seu Node.js. Estamos usando na versão 16.8. Entre no site do node.js e baixe a versão mais recente.