WDD 131 | S05 – Atividade de Aprendizagem: Formulários Web

S05 – Atividade de Aprendizagem: Formulários Web

Visão Geral

No WDD 130, você aprendeu os conceitos básicos de design de formulários front-end. Nesta atividade, você continuará a discussão e a aplicação se aprofundando no design e desenvolvimento de formulários.

"O elemento HTML <form> representa uma seção de documento contendo controles interativos para enviar informações." – MDN - (conteúdo em inglês)

Objetivos de Aprendizagem do Curso

Desenvolva páginas web responsivas que sigam as melhores práticas e usem HTML e CSS válidos.

Preparação

Os formulários fornecem uma interface para os usuários se comunicarem e fornecerem informações ao site ou aplicação. Esta aula se concentra no design front-end de formulários e não se aprofunda no tratamento do que é preenchido no formulário.

Leitura: Orientação Geral de Acessibilidade para Formulários – designsystem.digital.gov - (conteúdo em inglês)
Leitura: Formulários no HTML5 – Guia de HTML5

Este CodePen ☼ Teste de Padrões de Entrada de Formulário fornece uma interface simples para testar padrões de entrada de formulário.

Instruções

Nesta atividade, você criará um formulário usando vários elementos de formulário diferentes para prática de desenvolvimento. As melhores práticas e princípios de design de formulários são demonstrados. A atividade preparará você para criar e desenvolver um formulário para o projeto.

Esta série de vídeos fornecerá informações e exemplos importantes sobre princípios de design de formulários com foco na interação e experiência do usuário. Não pule nenhum vídeo da lista. Você pode optar por reproduzir os vídeos na velocidade desejada.

Durante o terceiro vídeo, baixe o arquivo inicial compactado (em formato zip) e acompanhe no seu próprio editor.