Essa é a solução para o Manage landing page challenge da plataforma Frontend Mentor, realizado a fim de testar minhas habilidades com HTML e CSS e JavaScript.
Seu desagio é construir uma página inicial, e deixa-lo o mais próximo possível do design original.
Você pode usar qualquer ferramenta para conclusão do desafio. Então se você tiver algo que queira praticar, sinta-se livre em utilizar.
O usuário deve ser capaz de:
- Visualizar o conteudo de acordo com o tamanho da tela.
- Observar os estados de Hover nos elementos interativos.
- Ver os depoimentos em um slider horizontal.
- Receber uma mensagem de erro quando o formulário para avisos enviado estiver:
- Com o campo vazio
- Com o e-mail formatador de uma forma inválida
- Funcinalidade adicional: Adicinado o modo escuro a página, tentando respeitar ao máximo as cores originais apresentadas.
Modo Claro:
Modo Escuro:
- Link do Site-solução: https://manage-landing-page-d19u.vercel.app/
Com essa atividade, consegui reforçar apectos das ferramentas abaixo:
- Mobile First
- Estrutura HTML 5
- Elementos CSS, como Display Grid e Flex
- Responsividade
- Carrossel JS, com a biblioteca SwiperJS
- Validação de formulários com JavaScript
- Manipulação do DOM: ouvindo eventos, capturando elementos.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent