Skip to content

Survey web forms for developers

Notifications You must be signed in to change notification settings

gianmalfate/formulario_dev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Cadastro de DEVs - Formulário Simples

Este projeto é uma página web simples para cadastro de desenvolvedores, utilizando HTML e CSS. Ele permite que o usuário insira informações básicas, escolha seu nível de senioridade, suas tecnologias de preferência e descreva brevemente sua experiência. Abaixo estão os detalhes sobre cada seção do formulário.

Estrutura do Projeto

  • HTML: Define a estrutura do formulário e dos elementos na página.
  • CSS: Controla o estilo da página, incluindo o design e layout dos campos de entrada.

Funcionalidades

  1. Campos de Informações Pessoais:

    • Nome: Campo obrigatório para inserir o primeiro nome do usuário.
    • Sobrenome: Campo obrigatório para inserir o sobrenome do usuário.
    • Email: Campo obrigatório para inserir um email válido.
  2. Escolha de Área de Desenvolvimento:

    • Campo de seleção (radio buttons) para definir o lado da aplicação em que o desenvolvedor trabalha: Front-end, Back-end ou Fullstack.
  3. Nível de Senioridade:

    • Menu dropdown para selecionar o nível de experiência do usuário: Júnior, Pleno ou Sênior.
  4. Tecnologias Utilizadas:

    • Lista de checkboxes para que o usuário selecione as tecnologias com as quais trabalha, como HTML, CSS, JavaScript, PHP, C#, Python, e Java.
  5. Experiência do Usuário:

    • Caixa de texto onde o usuário pode compartilhar mais detalhes sobre sua experiência profissional.
  6. Botão de Submissão:

    • Botão "Concluído" para enviar o formulário. Atualmente, não possui uma funcionalidade associada, mas pode ser configurado para enviar os dados para um servidor ou para um banco de dados no futuro.

Como Executar

  1. Clone o repositório ou copie o código HTML e CSS para seu editor de código.
  2. Abra o arquivo HTML em um navegador para visualizar e interagir com o formulário.

Personalização

Você pode personalizar este formulário alterando o arquivo CSS para adaptar as cores e fontes de acordo com seu estilo preferido. Além disso, é possível adicionar validações em JavaScript para verificar os campos antes do envio.

Melhorias Futuras

  • Adicionar validação de campos com JavaScript para garantir que todos os campos obrigatórios estejam preenchidos corretamente.
  • Configurar o formulário para enviar os dados para um backend (API ou banco de dados).
  • Adicionar mensagens de erro e de sucesso para uma melhor experiência do usuário.

Estrutura do Código

  • formulario.html: Contém a estrutura do formulário.
  • formulario.css: Estiliza os elementos do formulário, proporcionando uma aparência agradável e responsiva.

Este projeto é um exemplo de formulário básico para cadastro de desenvolvedores, sendo ideal para iniciantes em HTML e CSS ou para quem deseja aprender a estruturar um formulário de maneira eficiente.

About

Survey web forms for developers

file:///C:/Users/gianm/OneDrive/%C3%81rea%20de%20Trabalho/formulario/formulario.html

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published