Ao iniciar este projeto, você concorda com as diretrizes do Código de Ética e Conduta e do Manual da Pessoa Estudante da Trybe.
Você já usa o GitHub diariamente para desenvolver os exercícios, certo? Agora, para desenvolver os projetos, você deverá seguir as instruções a seguir. Fique atento a cada passo, e se tiver qualquer dúvida, nos envie por Slack! #vqv 🚀
Aqui você vai encontrar os detalhes de como estruturar o desenvolvimento do seu projeto a partir desse repositório, utilizando uma branch específica e um Pull Request para colocar seus códigos.
- Habilidades
- Entregáveis
- Instruções para entregar seu projeto
- Como desenvolver
- Requisitos do projeto
- Lista de requisitos obrigatórios:
- 1. Crie uma barra verde na parte superior da página
- 2. Adicione o logotipo da Trybewarts com a classe
trybewarts-header-logono canto esquerdo da barra superior - 3. Acrescente um formulário de autenticação no canto direito da barra superior contendo os inputs de login, de senha e um botão de entrar
- 4. Crie um título com o texto 'Trybewarts' centralizado dentro do 'Header'
- 5. Adicione um formulário no corpo da página, posicionado ao lado esquerdo
- 6. Crie um id para o formulário do requisito 5
- 7. Adicione a logo da Trybewarts no lado direito da página
- 8.Acrescente no formulário os inputs de 'Nome:', 'Sobrenome:' e 'Email:'
- 9. Crie um select 'Casa' contendo quatro options
- 10. Alinhe os campos de 'Nome' e 'Sobrenome' para que fiquem em linha
- 11. Alinhe os campos de 'Email' e 'Casa' para que fiquem em linha
- 12. Crie um campo de entrada para qual família a pessoa estudante se identifica
- 13. Crie campos de entrada do tipo 'checkbox' contendo seis opções
- 14. Crie campo de entrada para avaliar de 1 a 10 o nível de satisfação com a Trybewarts
- 15. Crie uma textarea com o id 'textarea' contendo o número máximo de caracteres igual à 500
- 16. Crie um campo de entrada do tipo 'checkbox' com o id 'agreement' para validar as informações
- 17. Crie um botão de Enviar para submeter o formulário
- 18. Faça com que o botão 'Enviar' seja habilitado somente após a checkbox do requisito 16 ser selecionada
- 19. Crie um rodapé no final da página
- Lista de requisitos bônus:
- 20. Crie um contador com o ID 'counter' contendo o número de caracteres disponíveis no textarea, variando de 500 até 0, que deverá ser atualizado a medida que algo for digitado na textarea
- 21. Faça com que ao clicar no botão 'Enviar', o conteúdo do formulário seja substituído pelas informações preenchidas
- Lista de requisitos não avaliativos:
- Lista de requisitos obrigatórios:
- Depois de terminar o desenvolvimento (opcional)
- Avisos finais
Neste projeto, verificamos se você é capaz de:
-
Criar formulários em HTML;
-
Utilizar CSS Flexbox para criar layouts flexíveis;
-
Criar regras CSS específicas para serem aplicadas a dispositivos móveis;
-
Construir páginas que alteram o seu layout de acordo com a orientação da tela;
Para entregar o seu projeto você deverá criar um Pull Request neste repositório.
Lembre-se que você pode consultar nosso conteúdo sobre Git & GitHub sempre que precisar!
Neste projeto, você irá desenvolver uma página de formulário da Escola de Magia de Trybewarts, em que as pessoas estudantes poderão enviar seus feedbacks sobre a escola. O tema desse projeto é baseado na obra 'Harry Potter', de J. K. Rowling, já que programar é o mais próximo que podemos chegar de algo verdadeiramente mágico! Mas não se preocupe se não tiver conhecimento sobre o universo da obra original, pois criamos nossa própria versão da Escola de Bruxaria e você terá todas as informações necessárias para a construção do projeto nesse readme!