SlideShare uma empresa Scribd logo
1 de 25
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

Performance Front-end
Performance Front-endPerformance Front-end
Performance Front-end
Descomplica
 

Mais procurados (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
 

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

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
Rogério Rodrigues
 
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
João Longo
 
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
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
Rodrigo Peleias
 

Semelhante 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
 

Mais de Diego Eis

Construindo um framework CSS
Construindo um framework CSSConstruindo um framework CSS
Construindo um framework CSS
Diego Eis
 

Mais 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
 

Último

Último (8)

Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
 
Convergência TO e TI nas Usinas - Setor Sucroenergético
Convergência TO e TI nas Usinas - Setor SucroenergéticoConvergência TO e TI nas Usinas - Setor Sucroenergético
Convergência TO e TI nas Usinas - Setor Sucroenergético
 
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINASCOI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
 
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docxATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
 
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docxATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo Pagliusi
 
Aula 01 - Introducao a Processamento de Frutos e Hortalicas.pdf
Aula 01 - Introducao a Processamento de Frutos e Hortalicas.pdfAula 01 - Introducao a Processamento de Frutos e Hortalicas.pdf
Aula 01 - Introducao a Processamento de Frutos e Hortalicas.pdf
 

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