Pagina-Desafio-Labenu

Página desenvolvida como parte do processo seletivo do bootcamp da Labenu. A escola forneceu o layout e a tarefa foi criar a página o mais próximo possível do layout. A página também deveria ser responsiva. Utilizei HTML, CSS e JavaScript.

As orientações recebidas para odesenvolvimento da página foram as seguintes: ### 1.3 Projeto base Esse é o pilar fundamental da sua entrega. O projeto consiste na criação de um site utilizando HTML, CSS e Javascript. O site deve ter apenas uma página, o arquivo index.html (outros arquivos css e js podem ser criados separadamente). O participante deve seguir, da melhor forma que conseguir, o layout que está no arquivo wireframe.png. As cores não estão especificadas e o participante deve escolher a melhor forma de descobrí-las. Esse repositório contém a imagem necessária para construir essa página. Existe um campo de input de texto no final da página e um botão com o texto "Enviar". Ao clicar nesse botão, um alerta deve ser apresentado na página com o texto "O email usuario@labenu.com.br foi enviado", sendo que o email deve conter o texto digitado pelo usuário da página. Esse alerta deve ser apresentado utilizando a função alert do javascript (é só um detalhezinho de Javascript - você vai encontrar um tutorial para isso no final deste documento). Sabemos que esses termos podem não fazer parte do seu dia-a-dia, mas fique tranquil@, daremos mais detalhes abaixo. :)

#### 1.3.1 Desafios Para deixar o seu projeto mais completo e versátil, trouxemos alguns desafios! Eles fazem parte da sua entrega e esperamos que vocês tentem trabalhar neles. Mas não se preocupe, não fazer eles não vai te tirar da Labenu! Como já falamos, a nossa avaliação final está diretamente relacionada ao engajamento e resiliência demonstrados durante o curso. Mas, para quem terminar o Projeto Base antes da data limite, queremos muito ver as soluções de vocês para essas questões :)

  • Desafio 1: Preparar o site para ser apresentado em telas mobile. Fica a critério do participante a melhor forma de ajustar o conteúdo do site para plataformas mobile. Para avaliar esse desafio extra, nossa equipe vai abrir o mesmo arquivo index.html em um iphoneX. (exemplo no arquivo responsive.png)
  • Desafio 2: Realizar a verificação de email válido no texto digitado pelo usuário no campo "email". Essa verificação deve ser realizada utilizando javascript. Se o email for inválido a mensagem "Email inválido" deve ser apresentada no site utilizando a função alert() do javascript.
  • Desafio 3: Incluir um texto de boas vindas quando o usuário enviar seu email. Quando o usuário clicar no botão enviar, a página deve ser atualizada para incluir um texto no formato "Bem vindo !".

LAYOUT DA LABENU - RESPONSIVO
download

LAYOUT DA LABENU - WEB
layoutweb

RESULTADO DO DESAFIO - WEB
resultweb

RESULTADO DO DESAFIO - RESPONSIVO resultResponsivo