• Visão Geral
  • O desafio
  • Captura de tela
  • Links
• Meu processo
  • Construído com
  • O que aprendi
  • Desenvolvimento contínuo
• Autor
• Agradecimentos

Esse é um desafio de nivel iniciante selecionado no site FrontEnd Mentor.

Os usuários devem ser capazes de:

• Veja os estados de foco para todos os elementos interativos na página
• Receba uma mensagem de erro quando o form for enviado se:
  • Qualquer campo input está vazio. A mensagem para este erro deve dizer "[Nome do campo] não pode ser vazio"
  • O endereço de e-mail não está formatado corretamente (ou seja, o endereço de e-mail correto deve ter esta estrutura: [email protected]). A mensagem para este erro deve dizer "Parece que isso não é um email"

• URL do site ao vivo: (https://formulario-assinatura-trial-html-css-js.vercel.app/)

Demorei cerca de 24h de trabalho para concluir o desafio

• Marcação HTML5 semântica
• Propriedades personalizadas de CSS
• Flexbox
• Grade CSS
• JavaCript

Aprendi sobre mensagens de validação e adição de class pelo Javascript para personalização das mensagens de erro

Para o futuro vou estudar mais a respeito de mensagens de validação e aplicar em novos projetos

• URL no front mentor: (https://www.frontendmentor.io/profile/KatyaPalheta)
• Linkedin: (www.linkedin.com/in/katyapalheta)

Agradeço a Alura, escola de programação, por ter sido minha fonte de conhecimento e minha amiga na trajetória de crescimento pessoal. Aos membros da comunidade Code, mentoria que está moldando minha mente para o mercado de trabalho.