webforms2

15
webforms2

Upload: jonatasoliveira

Post on 05-Jul-2015

1.214 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Webforms2

webforms2

Page 2: Webforms2

Quem sou eu?

Page 3: Webforms2

Jonatas Oliveira

• Programador e Desenvolvedor Web desde 2005.• Desenvolvedor e evangelizador Python.• Desenvolvedor do Classificados Diginet.• Atual mantenedor do site digi.com.br.

Page 4: Webforms2

Jonatas Oliveira• Em 2005, junto com José Luiz Coe, vulgo Zeck, adaptamos o

site da Diginet para os padrões web.• Ainda em 2005, foi criada a primeira versão do Classificados

Diginet em TurboGears (Python), já seguindo os padrões web.• Em 2006, responsável pela personalização do visual do

Webmail Diginet, seguindo também os padrões web.• Em 2007, junto com Karlisson, ministramos o curso de

Padrões Web para os desenvolvedores da SEMPLA/RN.

Page 5: Webforms2

O que é o webforms2?

Page 6: Webforms2

webforms2O que é o webforms2 por WHATWG?

Extensão dos formulários do HTML4. Tanto para HTML quanto para XHTML. Provê novos tipos, atributos, eventos e inicialização

de dados.

Page 7: Webforms2

webforms2

A especificação foi adotada pelo W3C HTML Working Grouppara servir como um ponto de partida para as próximas

versões do HTML.

O que é o webforms2 por W3C?

Page 8: Webforms2

webforms2

Uma implementação multi-navegador, em JavaScript, da especificação Web Forms 2 escrita pelo WHATWG.

O que é o webforms2 por Weston Ruter?

Page 9: Webforms2

O que o webforms2 pode fazer por você?

Page 10: Webforms2

webforms2Formulários fortemente tipados:

O que o webforms2 pode fazer por você?

• Data e hora (local ou não)• Data• Mês• Semana• Tempo

• Número• Intervalo• Email• URL

Page 11: Webforms2

webforms2Validação simples e fácil através de atributos:

• Validação de padrão via “pattern” com suporte a expressão regular.

• “maxlength” agora também no textarea.• “required”.• “autofocus”.

O que o webforms2 pode fazer por você?

Page 12: Webforms2

webforms2Eventos para gerenciamento das validações:

• “oninvalid”.• “validity”.• “checkValidity”.• “setCustomValidity”.

O que o webforms2 pode fazer por você?

Page 13: Webforms2

webforms2Modelo para repetições e gerenciamento de formulários:

• Criação de templates para repetição.• Ações “add”, “remove”, “move-up” e “move-down” para

gerenciamento das repetições formulário.• Controle das ações via eventos “onadded”, “onremoved” e

“onmoved”.• Inicialização do formulário com especificação de mínimo e

máximo de repetições.

O que o webforms2 pode fazer por você?

Page 14: Webforms2

webforms2Inicialização dos formulários com dados externos:

• Via atributo “data” apontando para um arquivo XML.• Pode-se adicionar opções em “select” ou pré-selecionar

campos de um formulário.

O que o webforms2 pode fazer por você?

Page 15: Webforms2

Vamos ao código!