SlideShare une entreprise Scribd logo
1  sur  43
Télécharger pour lire hors ligne
1
PADRÕES
                             WEB
                             PASSADO
                             PRESENTE
                             FUTURO
                               Diego Eis


visie.com.br/treinamento/
tableless.com.br
flickr.com/photos/diegoeis
                                           1
2
O que é um site
  Tableless?


                  2
3
Para que serve os
  Padrões Web?


                    3
4

    4
Para que serve os Padrões
              Web?
            - Manter a Ordem!




4

                                4
5

    5
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro
Padrões Web passado, presente, futuro

Contenu connexe

En vedette

TDC2016POA | Trilha Dinamica - Conhecendo e criando novas Retrospectivas
TDC2016POA | Trilha Dinamica - Conhecendo e criando novas RetrospectivasTDC2016POA | Trilha Dinamica - Conhecendo e criando novas Retrospectivas
TDC2016POA | Trilha Dinamica - Conhecendo e criando novas Retrospectivastdc-globalcode
 
TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra?
TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra?	TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra?
TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra? tdc-globalcode
 
TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...
TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...
TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...tdc-globalcode
 
TDC2016POA | Trilha Dinamica - Product Design Sprint
TDC2016POA | Trilha Dinamica - Product Design SprintTDC2016POA | Trilha Dinamica - Product Design Sprint
TDC2016POA | Trilha Dinamica - Product Design Sprinttdc-globalcode
 
TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...
TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...
TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...tdc-globalcode
 
TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...
TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...
TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...tdc-globalcode
 
TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...
TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...
TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...tdc-globalcode
 
TDC2016POA | Trilha Management - Como criar melhores times de desenvolvimento
TDC2016POA | Trilha Management - Como criar melhores times de desenvolvimentoTDC2016POA | Trilha Management - Como criar melhores times de desenvolvimento
TDC2016POA | Trilha Management - Como criar melhores times de desenvolvimentotdc-globalcode
 
TDC2016POA | Trilha Management - Lean Team Canvas para uma equipe de sucesso!
TDC2016POA | Trilha Management -  Lean Team Canvas para uma equipe de sucesso!TDC2016POA | Trilha Management -  Lean Team Canvas para uma equipe de sucesso!
TDC2016POA | Trilha Management - Lean Team Canvas para uma equipe de sucesso!tdc-globalcode
 
TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.
TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.
TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.tdc-globalcode
 

En vedette (10)

TDC2016POA | Trilha Dinamica - Conhecendo e criando novas Retrospectivas
TDC2016POA | Trilha Dinamica - Conhecendo e criando novas RetrospectivasTDC2016POA | Trilha Dinamica - Conhecendo e criando novas Retrospectivas
TDC2016POA | Trilha Dinamica - Conhecendo e criando novas Retrospectivas
 
TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra?
TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra?	TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra?
TDC2016POA | Trilha Dinamica - Facilitação - Que momento o grupo se encontra?
 
TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...
TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...
TDC2016POA | Trilha Dinamica - Team Building Games não é recreio, cada moment...
 
TDC2016POA | Trilha Dinamica - Product Design Sprint
TDC2016POA | Trilha Dinamica - Product Design SprintTDC2016POA | Trilha Dinamica - Product Design Sprint
TDC2016POA | Trilha Dinamica - Product Design Sprint
 
TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...
TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...
TDC2016POA | Trilha Management 3.0- Não quero virar gerente! Implementando a ...
 
TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...
TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...
TDC2016POA | Trilha Management - Retrospectivas como catalisadores da melhori...
 
TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...
TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...
TDC2016POA | Trilha Management - Entendendo a cultura organizacional para uma...
 
TDC2016POA | Trilha Management - Como criar melhores times de desenvolvimento
TDC2016POA | Trilha Management - Como criar melhores times de desenvolvimentoTDC2016POA | Trilha Management - Como criar melhores times de desenvolvimento
TDC2016POA | Trilha Management - Como criar melhores times de desenvolvimento
 
TDC2016POA | Trilha Management - Lean Team Canvas para uma equipe de sucesso!
TDC2016POA | Trilha Management -  Lean Team Canvas para uma equipe de sucesso!TDC2016POA | Trilha Management -  Lean Team Canvas para uma equipe de sucesso!
TDC2016POA | Trilha Management - Lean Team Canvas para uma equipe de sucesso!
 
TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.
TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.
TDC2016POA | Trilha Management - Torne-se dispensável de suas funções.
 

Plus 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
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endDiego 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
 

Plus 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
 
Primeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-endPrimeiros passos para estruturar uma equipe front-end
Primeiros passos para estruturar uma equipe front-end
 
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