SlideShare una empresa de Scribd logo
1 de 25
Descargar para leer sin conexión
Diego Eis
       tableless.com.br



Os Padrões Web
Elogio ao ócio do desenvolvedor



                            visie.com.br
                                  visie.com.br
Diretor
O que ele espera do projeto?




                               visie.com.br
LUCRO
Ele espera que o projeto tenha resultado
               financeiro.



                                      visie.com.br
Gerente
O que ele espera do projeto?




                               visie.com.br
Tudo funcione
Ele espera que o projeto funcione livre de
               problemas.



                                       visie.com.br
Desenvolvedor
O que nós esperamos do projeto?




                                  visie.com.br
Menos trabalho
Esperamos ter pouco trabalho. Queremos
 tranqüiliadade; Sombra e água fresca em
               Fortaleza! ;-)


                                     visie.com.br
Ok, mas e a tal de
      Web 2.0?
Um sistema/site Web 2.0 também tem
       algumas características.



                                 visie.com.br
Características básicas
• Precisa ser acessível a tudo e a todos.
• Precisa ser flexível. Mudanças rápidas.
• Precisa ser fácil de corrigir bugs.
• Precisa ser leve. Carregamento rápido.

                                            visie.com.br
Solução:
PADRÕES WEB


              visie.com.br
Desenvolvedores cansaram de
     trabalhar em dobro.

   Jeffrey Zeldman e sua turma
formaram o Web Standards Project
  por que trabalhavam demais. ;-)

                           visie.com.br
Código é o mestre
 A maioria das características dos
Padrões Web se deve ao código
  bem estruturado e enxuto.


                             visie.com.br
Desenvolvedor “Analfabético”
   Programas WYSIWYG fazem
      mal ao desenvolvedor.

    Desenvolvedor torna-se
     analfabeto de código.
                              visie.com.br
Características de um
 código bem feito.

        >>
                        visie.com.br
Carregamento rápido
 Menos código = Download menor




                                 visie.com.br
Manutenção
Menos código = Fácil manutenção




                                  visie.com.br
Flexibilidade de layout
CSS para formatação = Facilidade para mudar o layout




                                             visie.com.br
Indexação nas buscas
Código Semântico = Conteúdo bem tratado




                                     visie.com.br
Acessibilidade
Menos código + Código semântico
   = Acessibilidade para todos




                                  visie.com.br
Padrões Web
 resolvem o problema
do diretor, do gerente,
  do desenvolvedor
    e da Web 2.0.
                     visie.com.br
Diretor
   Economiza Banda
   Economiza Tempo
Economiza Mão de Obra



                        visie.com.br
Gerente
Problemas mínimos
Velocidade máxima
 Equipe organizada



                     visie.com.br
Desenvolvedor
         Digita menos código
Tem menos problemas no desenvolvimento
        Trabalho de Qualidade



                                    visie.com.br
Web 2.0
Padrões Web são perfeitos para a era Web 2.0.

  Você ganha vantagens sem esforço, e tem
    tempo para implementar novas idéias.



                                         visie.com.br
Diego Eis
tableless.com.br



Obrigado!
   ;-)

                   visie.com.br
                       visie.com.br

Más contenido relacionado

La actualidad más candente

Do MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCDo MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCJanderson Silva
 
Novidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For Mac
Novidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For MacNovidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For Mac
Novidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For MacThiago Bertuzzi
 
O mundo da web e os seus desafios
O mundo da web e os seus desafiosO mundo da web e os seus desafios
O mundo da web e os seus desafiosNicolas Ibanheiz
 
Azure DevOps + App Center: DevOps multi-staging para seu app
Azure DevOps + App Center: DevOps multi-staging para seu appAzure DevOps + App Center: DevOps multi-staging para seu app
Azure DevOps + App Center: DevOps multi-staging para seu appakamud
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsToninho Sousa
 
Performance Front-end
Performance Front-endPerformance Front-end
Performance Front-endDescomplica
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsPaolo Almeida
 
Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...
Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...
Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...akamud
 
Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015Miguel Brandão
 
Progressive Web Apps - Levando seu WordPress onde ele nunca esteve
Progressive Web Apps - Levando seu WordPress onde ele nunca esteveProgressive Web Apps - Levando seu WordPress onde ele nunca esteve
Progressive Web Apps - Levando seu WordPress onde ele nunca estevericardolg
 
6 Elementos essenciais na criação de sites
6 Elementos essenciais na criação de sites6 Elementos essenciais na criação de sites
6 Elementos essenciais na criação de sitesRafael Rangel
 
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioTudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioGuga Alves
 

La actualidad más candente (13)

Arte Do Design Para Plone
Arte Do Design Para PloneArte Do Design Para Plone
Arte Do Design Para Plone
 
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVCDo MVP ao PWA, melhorando o engajamento com cliente na CVC
Do MVP ao PWA, melhorando o engajamento com cliente na CVC
 
Novidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For Mac
Novidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For MacNovidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For Mac
Novidades de Xamarin no VisualStudio 2019 e VisualStudio 8 For Mac
 
O mundo da web e os seus desafios
O mundo da web e os seus desafiosO mundo da web e os seus desafios
O mundo da web e os seus desafios
 
Azure DevOps + App Center: DevOps multi-staging para seu app
Azure DevOps + App Center: DevOps multi-staging para seu appAzure DevOps + App Center: DevOps multi-staging para seu app
Azure DevOps + App Center: DevOps multi-staging para seu app
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Performance Front-end
Performance Front-endPerformance Front-end
Performance Front-end
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...
Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...
Indo além do Enterprise: fazendo aplicativos para usuários finais com Xamarin...
 
Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015Meetup Wordpress SEO - Porto Janeiro 2015
Meetup Wordpress SEO - Porto Janeiro 2015
 
Progressive Web Apps - Levando seu WordPress onde ele nunca esteve
Progressive Web Apps - Levando seu WordPress onde ele nunca esteveProgressive Web Apps - Levando seu WordPress onde ele nunca esteve
Progressive Web Apps - Levando seu WordPress onde ele nunca esteve
 
6 Elementos essenciais na criação de sites
6 Elementos essenciais na criação de sites6 Elementos essenciais na criação de sites
6 Elementos essenciais na criação de sites
 
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in RioTudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
Tudo para WordPress Planejamento Design e Desenvolvimento Php in Rio
 

Similar a Padrões Web - Um elogio ao ócio do desenvolvedor

Padrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designerPadrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designerDiego Eis
 
A Semântica do HTML5: a web 3.0
A Semântica do HTML5: a web 3.0A Semântica do HTML5: a web 3.0
A Semântica do HTML5: a web 3.0Campus Party Brasil
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignGustavo Zimmermann
 
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
 
Visual Studio Summit 2012 - Novidades do Visual Studio 2012 Express
Visual Studio Summit 2012 - Novidades do Visual Studio 2012 ExpressVisual Studio Summit 2012 - Novidades do Visual Studio 2012 Express
Visual Studio Summit 2012 - Novidades do Visual Studio 2012 ExpressRogério Rodrigues
 
Inventor 2012 whats_new
Inventor 2012 whats_newInventor 2012 whats_new
Inventor 2012 whats_newPaulo Russel
 
Design System: Dominando o Design at Scale
Design System: Dominando o Design at ScaleDesign System: Dominando o Design at Scale
Design System: Dominando o Design at ScaleGuilherme Gonzalez
 
Java, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a ObjetosJava, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a ObjetosJoão Longo
 
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
 
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
 
izCode Argumento Técnico
izCode Argumento TécnicoizCode Argumento Técnico
izCode Argumento Técnicojoaopauloaos
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesRodrigo Peleias
 

Similar a Padrões Web - Um elogio ao ócio do desenvolvedor (20)

Padrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designerPadrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designer
 
Produtividade
ProdutividadeProdutividade
Produtividade
 
Estruturação Web
Estruturação WebEstruturação Web
Estruturação Web
 
A Semântica do HTML5: a web 3.0
A Semântica do HTML5: a web 3.0A Semântica do HTML5: a web 3.0
A Semântica do HTML5: a web 3.0
 
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
 
A 3ª Área do Design: Web Design
A 3ª Área do Design: Web DesignA 3ª Área do Design: Web Design
A 3ª Área do Design: Web Design
 
Web Dev Camp
Web Dev CampWeb Dev Camp
Web Dev Camp
 
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...
 
Palestra Web 2.0 & RIA
Palestra Web 2.0 & RIAPalestra Web 2.0 & RIA
Palestra Web 2.0 & RIA
 
Msp workshop
Msp workshopMsp workshop
Msp workshop
 
Visual Studio Summit 2012 - Novidades do Visual Studio 2012 Express
Visual Studio Summit 2012 - Novidades do Visual Studio 2012 ExpressVisual Studio Summit 2012 - Novidades do Visual Studio 2012 Express
Visual Studio Summit 2012 - Novidades do Visual Studio 2012 Express
 
Inventor 2012 whats_new
Inventor 2012 whats_newInventor 2012 whats_new
Inventor 2012 whats_new
 
Design System: Dominando o Design at Scale
Design System: Dominando o Design at ScaleDesign System: Dominando o Design at Scale
Design System: Dominando o Design at Scale
 
Java, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a ObjetosJava, NetBeans e Orientação a Objetos
Java, NetBeans e Orientação a Objetos
 
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
 
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
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
izCode Argumento Técnico
izCode Argumento TécnicoizCode Argumento Técnico
izCode Argumento Técnico
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
 

Más de Diego Eis

Carreira de Product Manager em 18 minutos
Carreira de Product Manager em 18 minutosCarreira de Product Manager em 18 minutos
Carreira de Product Manager em 18 minutosDiego Eis
 
Service Dominant Logic - S-D Logic em Produtos Digitais
Service Dominant Logic - S-D Logic em Produtos DigitaisService Dominant Logic - S-D Logic em Produtos Digitais
Service Dominant Logic - S-D Logic em Produtos DigitaisDiego Eis
 
Métricas para times Ágeis usando Estatística Básica
Métricas para times Ágeis usando Estatística BásicaMétricas para times Ágeis usando Estatística Básica
Métricas para times Ágeis usando Estatística BásicaDiego Eis
 
Um pequeno estudo sobre a microsoft
Um pequeno estudo sobre a microsoftUm pequeno estudo sobre a microsoft
Um pequeno estudo sobre a microsoftDiego Eis
 
O básico sobre Web Semântica, JSON-LD e Linked Data
O básico sobre Web Semântica, JSON-LD e Linked DataO básico sobre Web Semântica, JSON-LD e Linked Data
O básico sobre Web Semântica, JSON-LD e Linked DataDiego Eis
 
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDiego Eis
 
UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
 
Flexbox and Grid Layout: How you will structure layouts tomorrow.
Flexbox and Grid Layout: How you will structure layouts tomorrow.Flexbox and Grid Layout: How you will structure layouts tomorrow.
Flexbox and Grid Layout: How you will structure layouts tomorrow.Diego Eis
 
CSS 4 - What's coming up
CSS 4 - What's coming upCSS 4 - What's coming up
CSS 4 - What's coming upDiego Eis
 
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endO que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endDiego Eis
 
Os cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignOs cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignDiego Eis
 
WAI-ARIA - Interações acessíveis na web
WAI-ARIA - Interações acessíveis na webWAI-ARIA - Interações acessíveis na web
WAI-ARIA - Interações acessíveis na webDiego Eis
 
Construindo seu framework CSS
Construindo seu framework CSSConstruindo seu framework CSS
Construindo seu framework CSSDiego Eis
 
Construindo um framework CSS
Construindo um framework CSSConstruindo um framework CSS
Construindo um framework CSSDiego Eis
 
A verdadeira semântica do HTML
A verdadeira semântica do HTMLA verdadeira semântica do HTML
A verdadeira semântica do HTMLDiego Eis
 
HTML5 e CSS3 - A nova novidade
HTML5 e CSS3 - A nova novidadeHTML5 e CSS3 - A nova novidade
HTML5 e CSS3 - A nova novidadeDiego Eis
 
Manual de Sobrevivência do Desenvolvedor Empreendedor
Manual de Sobrevivência do Desenvolvedor EmpreendedorManual de Sobrevivência do Desenvolvedor Empreendedor
Manual de Sobrevivência do Desenvolvedor EmpreendedorDiego Eis
 
Acessibilidade para web
Acessibilidade para webAcessibilidade para web
Acessibilidade para webDiego Eis
 
CSS3 - Novo contexto
CSS3 - Novo contextoCSS3 - Novo contexto
CSS3 - Novo contextoDiego Eis
 
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuroPadrões Web passado, presente, futuro
Padrões Web passado, presente, futuroDiego Eis
 

Más de Diego Eis (20)

Carreira de Product Manager em 18 minutos
Carreira de Product Manager em 18 minutosCarreira de Product Manager em 18 minutos
Carreira de Product Manager em 18 minutos
 
Service Dominant Logic - S-D Logic em Produtos Digitais
Service Dominant Logic - S-D Logic em Produtos DigitaisService Dominant Logic - S-D Logic em Produtos Digitais
Service Dominant Logic - S-D Logic em Produtos Digitais
 
Métricas para times Ágeis usando Estatística Básica
Métricas para times Ágeis usando Estatística BásicaMétricas para times Ágeis usando Estatística Básica
Métricas para times Ágeis usando Estatística Básica
 
Um pequeno estudo sobre a microsoft
Um pequeno estudo sobre a microsoftUm pequeno estudo sobre a microsoft
Um pequeno estudo sobre a microsoft
 
O básico sobre Web Semântica, JSON-LD e Linked Data
O básico sobre Web Semântica, JSON-LD e Linked DataO básico sobre Web Semântica, JSON-LD e Linked Data
O básico sobre Web Semântica, JSON-LD e Linked Data
 
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDOM, CSSOM e RenderThree - Introdução ao Browser Render Path
DOM, CSSOM e RenderThree - Introdução ao Browser Render Path
 
UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?UX, Front-end and Back-end: How front-end can help these guys?
UX, Front-end and Back-end: How front-end can help these guys?
 
Flexbox and Grid Layout: How you will structure layouts tomorrow.
Flexbox and Grid Layout: How you will structure layouts tomorrow.Flexbox and Grid Layout: How you will structure layouts tomorrow.
Flexbox and Grid Layout: How you will structure layouts tomorrow.
 
CSS 4 - What's coming up
CSS 4 - What's coming upCSS 4 - What's coming up
CSS 4 - What's coming up
 
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-endO que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
 
Os cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web DesignOs cuidados e os limites do Responsive Web Design
Os cuidados e os limites do Responsive Web Design
 
WAI-ARIA - Interações acessíveis na web
WAI-ARIA - Interações acessíveis na webWAI-ARIA - Interações acessíveis na web
WAI-ARIA - Interações acessíveis na web
 
Construindo seu framework CSS
Construindo seu framework CSSConstruindo seu framework CSS
Construindo seu framework CSS
 
Construindo um framework CSS
Construindo um framework CSSConstruindo um framework CSS
Construindo um framework CSS
 
A verdadeira semântica do HTML
A verdadeira semântica do HTMLA verdadeira semântica do HTML
A verdadeira semântica do HTML
 
HTML5 e CSS3 - A nova novidade
HTML5 e CSS3 - A nova novidadeHTML5 e CSS3 - A nova novidade
HTML5 e CSS3 - A nova novidade
 
Manual de Sobrevivência do Desenvolvedor Empreendedor
Manual de Sobrevivência do Desenvolvedor EmpreendedorManual de Sobrevivência do Desenvolvedor Empreendedor
Manual de Sobrevivência do Desenvolvedor Empreendedor
 
Acessibilidade para web
Acessibilidade para webAcessibilidade para web
Acessibilidade para web
 
CSS3 - Novo contexto
CSS3 - Novo contextoCSS3 - Novo contexto
CSS3 - Novo contexto
 
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuroPadrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
 

Padrões Web - Um elogio ao ócio do desenvolvedor