Descrição

Os formulários são tão utilizados num site Web que muitas vezes nem nos apercebemos da sua existência. Desde a pesquisa até ao registo de utilizadores, logins, votações, etc, os formulários são dos elementos mais presentes em páginas Web.

Embora pareça que os formulários são fáceis de desenhar e implementar, existem muitas questões que têm de ser resolvidas de forma a se produzir um resultado agradável e funcional.

Objectivos

Dotar os formandos de competências na criação e estruturação de formulários para páginas Web.

Demonstrar as diferenças introduzidas pelo HTML5 ao nível dos formulários.

Esclarecer o processo de validação dos valores introduzidos pelos utilizadores.

Pré-requisitos

Conhecimentos de desenvolvimento de sites ou aplicações web utilizando HTML, CSS e JavaScript.

Destinatários

Front-end Developers ou Web Designers que pretendam aperfeiçoar as suas competências no desenho e implementação de formulários em páginas Web.

Conteúdo programático

  • Organizar e estruturar os elementos de um formulário
    • Elementos básicos de um formulário
    • Elementos que permitem a escolha de opções
    • Submeter um formulário
    • Aplicar estilos CSS aos elementos do formulário
  • Validação com JavaScript e jQuery
    • Eventos associados a formulários
    • Input masks
    • Expressões regulares
  • HTML5
    • Novos atributos
    • Novos campos de texto
    • Novos elementos
    • Estilizar formulários com CSS3
    • Validação automática
  • Responsive Web Forms
  • Ferramentas de apoio à criação de formulários
  • Form widgets
    • Como criar um form widget
    • Plugins jQuery
  • Processamento de formulários no servidor
    • AJAX
    • PHP
    • File uploads
    • CAPTCHA