Para fazer este desafio, você precisa de um conhecimento básico de HTML, CSS e JavaScript.
Neste desafio, eu desenvolvi uma Landing Page com um CountDown e fiz parecer o mais próximo possível do design, sendo também responsivo em diferentes tamanhos de telas como Desktop, Tablet e celular.
Funcionalidades que seu projeto deve ter:
- Acessar a página inicial, na área da esquerda deve ter um contador funcional contando uma data em tempo real para o lançamento.
- Na área da direita deve ter as informações conforme o layout e um formulario para caso usuário queira saber mais.
- Seção andamento do projeto onde deve ter a listagem com as fotos mostrando andamento da "construção do prédio".
- Seu layout deve ser responsivo a diferentes tamanhos de telas e tentando deixar o mais parecido possível com nosso layout fornecido.
Desafio DevMentor (Clique Aqui)
No site você baixou os arquivos iniciais para começar o projeto com HTML, CSS e JavaScript
Na área deste desafio você tem o botão para acessar o layout completo no FIGMA, onde tem acesso a todo design, desktop, mobile e tablet, incluindo também um helper para te ajudar com cores, fontes, e componentes que precisa criar.
Dúvida: Posso desenvolver esse desafio e publicar no meu portfólio ou até publicar em uma hospedagem e seguir com esse projeto?
Sim você pode sem problemas. Quer reproduzir esse site? Nesse site contém inúmeros desafios pra você praticar
Sinta-se à vontade para usar qualquer fluxo de host, com o qual se sinta confortável. Abaixo está um processo sugerido, mas você não precisa seguir estas etapas:
- Inicialize seu projeto como um repositório público no GitHub. A criação de um repositório facilitará o compartilhamento de seu código com a comunidade se você precisar de ajuda. Se você não tiver certeza de como fazer isso, leia este recurso do Try Git.
- Configure seu repositório para publicar seu código em um endereço da web. Isso também será útil se você precisar de ajuda durante um desafio, pois pode compartilhar a URL do seu projeto com a URL do repositório. Existem várias maneiras de fazer isso e fornecemos algumas recomendações abaixo.
Como mencionado acima, existem muitas maneiras de hospedar seu projeto gratuitamente. Recomendamos algumas hospedagens (100% gratuitas):
Há vários lugares onde você pode compartilhar sua solução:
- Compartilhe seu desafio como ficou lá dentro da nossa comunidade comunidade DevMentor.
- Compartilhe sua solução em outros canais sociais como o LinkedIn.
Este desafio é totalmente gratuito. Por favor, compartilhe-o com qualquer pessoa que está querendo evoluir como dev, compartilhe nosso portal DevMentor Brasil.
Hora de codar! 🚀