SlideShare uma empresa Scribd logo
webforms2
Quem sou eu?
Jonatas Oliveira
• Programador e Desenvolvedor Web desde 2005.
• Desenvolvedor e evangelizador Python.
• Desenvolvedor do Classificados Diginet.
• Atual mantenedor do site digi.com.br.
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.
O que é o webforms2?
webforms2
           O 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.
webforms2
          O que é o webforms2 por W3C?



A especificação foi adotada pelo W3C HTML Working Group
 para servir como um ponto de partida para as próximas
                     versões do HTML.
webforms2
     O que é o webforms2 por Weston Ruter?




Uma implementação multi-navegador, em JavaScript, da
  especificação Web Forms 2 escrita pelo WHATWG.
O que o webforms2
pode fazer por você?
webforms2
          O que o webforms2 pode fazer por você?

Formulários fortemente tipados:
• Data e hora (local ou não)      • Número
• Data                            • Intervalo
• Mês                             • Email
• Semana                          • URL
• Tempo
webforms2
         O que o webforms2 pode fazer por você?

Validaçã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”.
webforms2
         O que o webforms2 pode fazer por você?

Eventos para gerenciamento das validações:
• “oninvalid”.
• “validity”.
• “checkValidity”.
• “setCustomValidity”.
webforms2
         O que o webforms2 pode fazer por você?

Modelo 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.
webforms2
         O que o webforms2 pode fazer por você?

Inicializaçã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.
Vamos ao código!

Mais conteúdo relacionado

Mais procurados

Engarrafei
EngarrafeiEngarrafei
Engarrafei
Luiz Bruno Vianna
 
Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015
Rangel Torrezan
 
WordPress + Ionic
WordPress + IonicWordPress + Ionic
WordPress + Ionic
Gilmar Oliveira
 
O novo ASP.NET - GDG-SP - Outubro/2016
O novo ASP.NET - GDG-SP - Outubro/2016O novo ASP.NET - GDG-SP - Outubro/2016
O novo ASP.NET - GDG-SP - Outubro/2016
Renato Groff
 
Canal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com BlazorCanal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com Blazor
Gustavo Bellini Bigardi
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
RC Comunicação
 
Aplicações Web Multiplataforma com ASP .NET Core MVC - FATEC
Aplicações Web Multiplataforma com ASP .NET Core MVC - FATECAplicações Web Multiplataforma com ASP .NET Core MVC - FATEC
Aplicações Web Multiplataforma com ASP .NET Core MVC - FATEC
Rafael Pessoni
 
Sistema gerenciador de conteúdo
Sistema gerenciador de conteúdoSistema gerenciador de conteúdo
Sistema gerenciador de conteúdo
Breno Vitorino
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
Rael Max
 
ASP.NET MVC 3
ASP.NET MVC 3ASP.NET MVC 3
ASP.NET MVC 3
Vinicius Quaiato
 
Isomorfismo pra quê?
Isomorfismo pra quê?Isomorfismo pra quê?
Isomorfismo pra quê?
Fernanda Bernardo
 
O novo ASP.NET - PUC Developers Day - 2016
O novo ASP.NET - PUC Developers Day - 2016O novo ASP.NET - PUC Developers Day - 2016
O novo ASP.NET - PUC Developers Day - 2016
Renato Groff
 
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net CoreTDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
tdc-globalcode
 
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SPO novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
Renato Groff
 
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
Vinícius Lourenço
 
Introdução ao Web Design: Aula 2 - IHC/UX Design
Introdução ao Web Design: Aula 2 - IHC/UX DesignIntrodução ao Web Design: Aula 2 - IHC/UX Design
Introdução ao Web Design: Aula 2 - IHC/UX Design
Gustavo Zimmermann
 
Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para ele
Ramon Bispo
 
Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3
Victor Cavalcante
 
Apresentação JQuery
Apresentação JQueryApresentação JQuery
Apresentação JQuery
Kassiano Pretto
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
Sérgio Vilar
 

Mais procurados (20)

Engarrafei
EngarrafeiEngarrafei
Engarrafei
 
Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015
 
WordPress + Ionic
WordPress + IonicWordPress + Ionic
WordPress + Ionic
 
O novo ASP.NET - GDG-SP - Outubro/2016
O novo ASP.NET - GDG-SP - Outubro/2016O novo ASP.NET - GDG-SP - Outubro/2016
O novo ASP.NET - GDG-SP - Outubro/2016
 
Canal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com BlazorCanal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com Blazor
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
 
Aplicações Web Multiplataforma com ASP .NET Core MVC - FATEC
Aplicações Web Multiplataforma com ASP .NET Core MVC - FATECAplicações Web Multiplataforma com ASP .NET Core MVC - FATEC
Aplicações Web Multiplataforma com ASP .NET Core MVC - FATEC
 
Sistema gerenciador de conteúdo
Sistema gerenciador de conteúdoSistema gerenciador de conteúdo
Sistema gerenciador de conteúdo
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
ASP.NET MVC 3
ASP.NET MVC 3ASP.NET MVC 3
ASP.NET MVC 3
 
Isomorfismo pra quê?
Isomorfismo pra quê?Isomorfismo pra quê?
Isomorfismo pra quê?
 
O novo ASP.NET - PUC Developers Day - 2016
O novo ASP.NET - PUC Developers Day - 2016O novo ASP.NET - PUC Developers Day - 2016
O novo ASP.NET - PUC Developers Day - 2016
 
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net CoreTDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor  em .Net Core
TDC2018SP | Trilha .Net - Crie SPAs com Razor e C# usando Blazor em .Net Core
 
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SPO novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
O novo ASP.NET - dotnetConf.Local 2016 - Santos-SP
 
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
WordCamp Rio de Janeiro 2016 - Vinícius Lourenço | Lojas Virtuais Descomplica...
 
Introdução ao Web Design: Aula 2 - IHC/UX Design
Introdução ao Web Design: Aula 2 - IHC/UX DesignIntrodução ao Web Design: Aula 2 - IHC/UX Design
Introdução ao Web Design: Aula 2 - IHC/UX Design
 
Mercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para eleMercado front-end: esteja preparado para ele
Mercado front-end: esteja preparado para ele
 
Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3
 
Apresentação JQuery
Apresentação JQueryApresentação JQuery
Apresentação JQuery
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 

Destaque

Día de la Madre 2007
Día de la Madre 2007Día de la Madre 2007
Día de la Madre 2007
Lilian Arriagada
 
CRM
CRMCRM
Using Microformats to aggregate data
Using Microformats to aggregate dataUsing Microformats to aggregate data
Using Microformats to aggregate dataGabriel Svennerberg
 
Idiomas Varios
Idiomas VariosIdiomas Varios
Idiomas Varios
Maria Richardson
 
Dados
DadosDados
Dados
Nacho
 
FANZINE ZGZ BETIS 04-05
FANZINE ZGZ BETIS 04-05FANZINE ZGZ BETIS 04-05
FANZINE ZGZ BETIS 04-05moreno_betico
 
Teisui
TeisuiTeisui
Teisuit_cute
 
Voyagefantastique.Pps
Voyagefantastique.PpsVoyagefantastique.Pps
Voyagefantastique.Ppstelemaniac
 
Hermano Leo
Hermano LeoHermano Leo
Hermano Leo
Lilian Arriagada
 
PresentacióN De La Empresa
PresentacióN De La EmpresaPresentacióN De La Empresa
PresentacióN De La Empresa
obispogonzalez
 
Genclik Sorunları
Genclik SorunlarıGenclik Sorunları
Genclik Sorunları
ymb
 
Power Point Alianza Blanca
Power Point Alianza BlancaPower Point Alianza Blanca
Power Point Alianza Blanca
Lilian Arriagada
 
Hermano Leo
Hermano LeoHermano Leo
Hermano Leo
Lilian Arriagada
 
Alberto Hurtado
Alberto HurtadoAlberto Hurtado
Alberto Hurtado
Lilian Arriagada
 
AnáLisis De Derecho Comparado
AnáLisis De Derecho ComparadoAnáLisis De Derecho Comparado
AnáLisis De Derecho Comparado
Liliana Hernández
 
Preservativos Catalanes
Preservativos CatalanesPreservativos Catalanes
Preservativos Catalanes
telemaniac
 

Destaque (20)

Día de la Madre 2007
Día de la Madre 2007Día de la Madre 2007
Día de la Madre 2007
 
my pure
my puremy pure
my pure
 
CRM
CRMCRM
CRM
 
IC2008 Calcolo Dei Predicati
IC2008 Calcolo Dei PredicatiIC2008 Calcolo Dei Predicati
IC2008 Calcolo Dei Predicati
 
Using Microformats to aggregate data
Using Microformats to aggregate dataUsing Microformats to aggregate data
Using Microformats to aggregate data
 
Idiomas Varios
Idiomas VariosIdiomas Varios
Idiomas Varios
 
Dados
DadosDados
Dados
 
FANZINE ZGZ BETIS 04-05
FANZINE ZGZ BETIS 04-05FANZINE ZGZ BETIS 04-05
FANZINE ZGZ BETIS 04-05
 
Teisui
TeisuiTeisui
Teisui
 
IC2008 Uso Di FOL Reificazione
IC2008 Uso Di FOL ReificazioneIC2008 Uso Di FOL Reificazione
IC2008 Uso Di FOL Reificazione
 
Voyagefantastique.Pps
Voyagefantastique.PpsVoyagefantastique.Pps
Voyagefantastique.Pps
 
IC2008 Contenuto
IC2008 ContenutoIC2008 Contenuto
IC2008 Contenuto
 
Hermano Leo
Hermano LeoHermano Leo
Hermano Leo
 
PresentacióN De La Empresa
PresentacióN De La EmpresaPresentacióN De La Empresa
PresentacióN De La Empresa
 
Genclik Sorunları
Genclik SorunlarıGenclik Sorunları
Genclik Sorunları
 
Power Point Alianza Blanca
Power Point Alianza BlancaPower Point Alianza Blanca
Power Point Alianza Blanca
 
Hermano Leo
Hermano LeoHermano Leo
Hermano Leo
 
Alberto Hurtado
Alberto HurtadoAlberto Hurtado
Alberto Hurtado
 
AnáLisis De Derecho Comparado
AnáLisis De Derecho ComparadoAnáLisis De Derecho Comparado
AnáLisis De Derecho Comparado
 
Preservativos Catalanes
Preservativos CatalanesPreservativos Catalanes
Preservativos Catalanes
 

Semelhante a Webforms2

Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
Rodrigo Kono
 
Ruby On Rails - Porque Utilizar?
Ruby On Rails - Porque Utilizar?Ruby On Rails - Porque Utilizar?
Ruby On Rails - Porque Utilizar?
David Ruiz
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
Valmir Justo
 
Netbeans 6.0: Aplicações Java Desktop
Netbeans 6.0: Aplicações Java DesktopNetbeans 6.0: Aplicações Java Desktop
Netbeans 6.0: Aplicações Java Desktop
elliando dias
 
Produtividade
ProdutividadeProdutividade
Produtividade
Elcio Ferreira
 
Tecnologias Web 2.0
Tecnologias Web 2.0 Tecnologias Web 2.0
Tecnologias Web 2.0
Duarte Nunes
 
Desenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPDesenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHP
elliando dias
 
Apresentacao Ondaweb 2010
Apresentacao Ondaweb 2010Apresentacao Ondaweb 2010
Apresentacao Ondaweb 2010
Ondaweb Criação de Sites
 
(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript
Carlos Santos
 
T@rget trust asp.net avançado
T@rget trust   asp.net avançadoT@rget trust   asp.net avançado
T@rget trust asp.net avançado
Targettrust
 
Javascript
JavascriptJavascript
Javascript
Sérgio Reis
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Rodrigo Branas
 
Rails - Wep-App-Theme no Liberdade Interativa Guarapari
Rails - Wep-App-Theme no Liberdade Interativa GuarapariRails - Wep-App-Theme no Liberdade Interativa Guarapari
Rails - Wep-App-Theme no Liberdade Interativa Guarapari
Allan Freitas
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Desenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e AjaxDesenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e Ajax
Almir Neto
 
ASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e alémASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e além
Fabrício Lopes Sanchez
 
Ruby On Rails
Ruby On RailsRuby On Rails
Ruby On Rails
Paulo César M Jeveaux
 
Iniciando com Ruby on Rails - Luiz Fernando Pimenta
Iniciando com Ruby on Rails - Luiz Fernando PimentaIniciando com Ruby on Rails - Luiz Fernando Pimenta
Iniciando com Ruby on Rails - Luiz Fernando Pimenta
michel adriano medeiros
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
André Luiz Forchesatto
 
Desenvolviemento web com ASP.Net e MVC
Desenvolviemento web com ASP.Net e MVCDesenvolviemento web com ASP.Net e MVC
Desenvolviemento web com ASP.Net e MVC
Cleziel Franzoni da Costa
 

Semelhante a Webforms2 (20)

Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3
 
Ruby On Rails - Porque Utilizar?
Ruby On Rails - Porque Utilizar?Ruby On Rails - Porque Utilizar?
Ruby On Rails - Porque Utilizar?
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Netbeans 6.0: Aplicações Java Desktop
Netbeans 6.0: Aplicações Java DesktopNetbeans 6.0: Aplicações Java Desktop
Netbeans 6.0: Aplicações Java Desktop
 
Produtividade
ProdutividadeProdutividade
Produtividade
 
Tecnologias Web 2.0
Tecnologias Web 2.0 Tecnologias Web 2.0
Tecnologias Web 2.0
 
Desenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPDesenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHP
 
Apresentacao Ondaweb 2010
Apresentacao Ondaweb 2010Apresentacao Ondaweb 2010
Apresentacao Ondaweb 2010
 
(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript
 
T@rget trust asp.net avançado
T@rget trust   asp.net avançadoT@rget trust   asp.net avançado
T@rget trust asp.net avançado
 
Javascript
JavascriptJavascript
Javascript
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
Rails - Wep-App-Theme no Liberdade Interativa Guarapari
Rails - Wep-App-Theme no Liberdade Interativa GuarapariRails - Wep-App-Theme no Liberdade Interativa Guarapari
Rails - Wep-App-Theme no Liberdade Interativa Guarapari
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Asa cpbr4
 
Desenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e AjaxDesenvolvimento em Três Camadas com PHP, MVC e Ajax
Desenvolvimento em Três Camadas com PHP, MVC e Ajax
 
ASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e alémASP.NET 5, MVC 6 e além
ASP.NET 5, MVC 6 e além
 
Ruby On Rails
Ruby On RailsRuby On Rails
Ruby On Rails
 
Iniciando com Ruby on Rails - Luiz Fernando Pimenta
Iniciando com Ruby on Rails - Luiz Fernando PimentaIniciando com Ruby on Rails - Luiz Fernando Pimenta
Iniciando com Ruby on Rails - Luiz Fernando Pimenta
 
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
Dividindo responsabilidades com VRaptor, Rest, HTML5 e CSS3
 
Desenvolviemento web com ASP.Net e MVC
Desenvolviemento web com ASP.Net e MVCDesenvolviemento web com ASP.Net e MVC
Desenvolviemento web com ASP.Net e MVC
 

Último

História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
TomasSousa7
 
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdfDESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
Momento da Informática
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
Danilo Pinotti
 
Certificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdfCertificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdf
joaovmp3
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
WELITONNOGUEIRA3
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
Momento da Informática
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
Momento da Informática
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Faga1939
 

Último (8)

História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
 
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdfDESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
DESENVOLVIMENTO DE SOFTWARE I_aula1-2.pdf
 
Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
 
Certificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdfCertificado Jornada Python Da Hashtag.pdf
Certificado Jornada Python Da Hashtag.pdf
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
 

Webforms2

  • 3. Jonatas Oliveira • Programador e Desenvolvedor Web desde 2005. • Desenvolvedor e evangelizador Python. • Desenvolvedor do Classificados Diginet. • Atual mantenedor do site digi.com.br.
  • 4. 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.
  • 5. O que é o webforms2?
  • 6. webforms2 O 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.
  • 7. webforms2 O que é o webforms2 por W3C? A especificação foi adotada pelo W3C HTML Working Group para servir como um ponto de partida para as próximas versões do HTML.
  • 8. webforms2 O que é o webforms2 por Weston Ruter? Uma implementação multi-navegador, em JavaScript, da especificação Web Forms 2 escrita pelo WHATWG.
  • 9. O que o webforms2 pode fazer por você?
  • 10. webforms2 O que o webforms2 pode fazer por você? Formulários fortemente tipados: • Data e hora (local ou não) • Número • Data • Intervalo • Mês • Email • Semana • URL • Tempo
  • 11. webforms2 O que o webforms2 pode fazer por você? Validaçã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”.
  • 12. webforms2 O que o webforms2 pode fazer por você? Eventos para gerenciamento das validações: • “oninvalid”. • “validity”. • “checkValidity”. • “setCustomValidity”.
  • 13. webforms2 O que o webforms2 pode fazer por você? Modelo 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.
  • 14. webforms2 O que o webforms2 pode fazer por você? Inicializaçã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.