SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
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!

Weitere ähnliche Inhalte

Was ist angesagt?

Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015Rangel Torrezan
 
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/2016Renato 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 BlazorGustavo 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 - FATECRafael Pessoni
 
Sistema gerenciador de conteúdo
Sistema gerenciador de conteúdoSistema gerenciador de conteúdo
Sistema gerenciador de conteúdoBreno Vitorino
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
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 - 2016Renato 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 Coretdc-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-SPRenato 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 DesignGustavo 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 eleRamon Bispo
 
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
 

Was ist angesagt? (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)
 

Andere mochten auch (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
 

Ähnlich wie Desenvolvedor Python e Webforms2

Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Surpreenda-se com o Silverlight 3
Surpreenda-se com o Silverlight 3Rodrigo 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 Desktopelliando dias
 
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 PHPelliando dias
 
(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScript(A04 e A05) LabMM3 - JavaScript
(A04 e A05) LabMM3 - JavaScriptCarlos 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çadoTargettrust
 
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 GuarapariAllan Freitas
 
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 AjaxAlmir Neto
 
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 Pimentamichel 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 CSS3André Luiz Forchesatto
 

Ähnlich wie Desenvolvedor Python e 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
 

Desenvolvedor Python e 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.