Enviar búsqueda
Cargar
Desenvolvedor Front-End
•
0 recomendaciones
•
254 vistas
Anderson Silva Andrade
Seguir
Apresentação para a semana de profissões na Faculdade Evolução. 07/11/2013
Leer menos
Leer más
Educación
Denunciar
Compartir
Denunciar
Compartir
1 de 39
Descargar ahora
Descargar para leer sin conexión
Recomendados
Startups com WordPress - Tirando a sua ideia do papel
Startups com WordPress - Tirando a sua ideia do papel
Leonardo Velozo
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptável
Guto Xavier
Teste A/B
Teste A/B
Leonardo Velozo
Aula 5. frameworks mobile
Aula 5. frameworks mobile
andreluizlc
Web Design Responsivo
Web Design Responsivo
Victor Melo
Ad Specifications Manual do Homem Moderno
Ad Specifications Manual do Homem Moderno
Manual do Homem Moderno
Design responsivo
Design responsivo
Carlos Eduardo Kadu
Front-end o que é preciso saber?
Front-end o que é preciso saber?
João Praia
Recomendados
Startups com WordPress - Tirando a sua ideia do papel
Startups com WordPress - Tirando a sua ideia do papel
Leonardo Velozo
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptável
Guto Xavier
Teste A/B
Teste A/B
Leonardo Velozo
Aula 5. frameworks mobile
Aula 5. frameworks mobile
andreluizlc
Web Design Responsivo
Web Design Responsivo
Victor Melo
Ad Specifications Manual do Homem Moderno
Ad Specifications Manual do Homem Moderno
Manual do Homem Moderno
Design responsivo
Design responsivo
Carlos Eduardo Kadu
Front-end o que é preciso saber?
Front-end o que é preciso saber?
João Praia
Design Responsivo
Design Responsivo
Rennan Martini
Aula 4. bibliotecas js
Aula 4. bibliotecas js
andreluizlc
Javascript Cross-browser
Javascript Cross-browser
Davidson Fellipe
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
Guga Alves
WordPress CMS - Gestão de conteúdo nunca foi tão fácil
WordPress CMS - Gestão de conteúdo nunca foi tão fácil
Matteus Barbosa
Dando vida ao sketch com Firebase
Dando vida ao sketch com Firebase
GDGFoz
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
Sérgio Vilar
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Gilberto Crespo
Joomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versão
Bule Comunicação
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Andre Baltieri
Funcionalidades word press
Funcionalidades word press
Neuri Silva
Curso de Joomla!
Curso de Joomla!
Danilo Barros Andrade
Presentation
Presentation
Vinícius de Moraes
ASP.NET Single Page Application
ASP.NET Single Page Application
Alberto Monteiro
Responsive Design - Introdução
Responsive Design - Introdução
Marcos César
Front end - the right way
Front end - the right way
Vinicius Dacal Lopes
Progressive Web Apps
Progressive Web Apps
Toninho Sousa
Por que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e Aplicações
Guga Alves
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015
Nauweb
Web Dev Camp
Web Dev Camp
Fabrício Lopes Sanchez
Connect2mums
Connect2mums
connect2mums
社会资本及其在中国的研究与应用
社会资本及其在中国的研究与应用
cghweiming
Más contenido relacionado
La actualidad más candente
Design Responsivo
Design Responsivo
Rennan Martini
Aula 4. bibliotecas js
Aula 4. bibliotecas js
andreluizlc
Javascript Cross-browser
Javascript Cross-browser
Davidson Fellipe
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
Guga Alves
WordPress CMS - Gestão de conteúdo nunca foi tão fácil
WordPress CMS - Gestão de conteúdo nunca foi tão fácil
Matteus Barbosa
Dando vida ao sketch com Firebase
Dando vida ao sketch com Firebase
GDGFoz
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
Sérgio Vilar
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Gilberto Crespo
Joomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versão
Bule Comunicação
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Andre Baltieri
Funcionalidades word press
Funcionalidades word press
Neuri Silva
Curso de Joomla!
Curso de Joomla!
Danilo Barros Andrade
Presentation
Presentation
Vinícius de Moraes
ASP.NET Single Page Application
ASP.NET Single Page Application
Alberto Monteiro
Responsive Design - Introdução
Responsive Design - Introdução
Marcos César
Front end - the right way
Front end - the right way
Vinicius Dacal Lopes
Progressive Web Apps
Progressive Web Apps
Toninho Sousa
Por que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e Aplicações
Guga Alves
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015
Nauweb
Web Dev Camp
Web Dev Camp
Fabrício Lopes Sanchez
La actualidad más candente
(20)
Design Responsivo
Design Responsivo
Aula 4. bibliotecas js
Aula 4. bibliotecas js
Javascript Cross-browser
Javascript Cross-browser
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
WordPress CMS - Gestão de conteúdo nunca foi tão fácil
WordPress CMS - Gestão de conteúdo nunca foi tão fácil
Dando vida ao sketch com Firebase
Dando vida ao sketch com Firebase
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Sites Responsivos - Como mostrar o mesmo conteúdo em diversos aparelhos
Joomla 3.0 - Novidades sobre a versão
Joomla 3.0 - Novidades sobre a versão
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Funcionalidades word press
Funcionalidades word press
Curso de Joomla!
Curso de Joomla!
Presentation
Presentation
ASP.NET Single Page Application
ASP.NET Single Page Application
Responsive Design - Introdução
Responsive Design - Introdução
Front end - the right way
Front end - the right way
Progressive Web Apps
Progressive Web Apps
Por que usar o WordPress - Conceitos e Aplicações
Por que usar o WordPress - Conceitos e Aplicações
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015
Web Dev Camp
Web Dev Camp
Destacado
Connect2mums
Connect2mums
connect2mums
社会资本及其在中国的研究与应用
社会资本及其在中国的研究与应用
cghweiming
Being nagavally
Being nagavally
semi642
The American Dream Home Ownership
The American Dream Home Ownership
gmidnet
Image Studios
Image Studios
betzaidalis
time managment skills
time managment skills
Amal Al
2015 11-21 jobs act bergamo
2015 11-21 jobs act bergamo
Antonio Misiani
14447962 safety-audit
14447962 safety-audit
Mohamed Nabil
The rocking horse winner
The rocking horse winner
semi642
Legge causi misiani - presentazione
Legge causi misiani - presentazione
Antonio Misiani
2014 05-12 la spending review - presentazione
2014 05-12 la spending review - presentazione
Antonio Misiani
2014-11-27 Pdl prestito ipotecario vitalizio presentazione
2014-11-27 Pdl prestito ipotecario vitalizio presentazione
Antonio Misiani
全球价值链下产业升级的微观机理分析 以台湾地区Pc产业为例
全球价值链下产业升级的微观机理分析 以台湾地区Pc产业为例
cghweiming
基于产业集群的社会网络理论研究综述
基于产业集群的社会网络理论研究综述
cghweiming
Tópico 2 o sol e as fontes de energia
Tópico 2 o sol e as fontes de energia
O mundo da FÍSICA
Memoria final do proxecto.
Memoria final do proxecto.
gugara
Internet en el siglo 21
Internet en el siglo 21
josshuap
Lucecita
Lucecita
carlos
Presentacion pp
Presentacion pp
duniaestradam
Farigola
Farigola
Mikellaura
Destacado
(20)
Connect2mums
Connect2mums
社会资本及其在中国的研究与应用
社会资本及其在中国的研究与应用
Being nagavally
Being nagavally
The American Dream Home Ownership
The American Dream Home Ownership
Image Studios
Image Studios
time managment skills
time managment skills
2015 11-21 jobs act bergamo
2015 11-21 jobs act bergamo
14447962 safety-audit
14447962 safety-audit
The rocking horse winner
The rocking horse winner
Legge causi misiani - presentazione
Legge causi misiani - presentazione
2014 05-12 la spending review - presentazione
2014 05-12 la spending review - presentazione
2014-11-27 Pdl prestito ipotecario vitalizio presentazione
2014-11-27 Pdl prestito ipotecario vitalizio presentazione
全球价值链下产业升级的微观机理分析 以台湾地区Pc产业为例
全球价值链下产业升级的微观机理分析 以台湾地区Pc产业为例
基于产业集群的社会网络理论研究综述
基于产业集群的社会网络理论研究综述
Tópico 2 o sol e as fontes de energia
Tópico 2 o sol e as fontes de energia
Memoria final do proxecto.
Memoria final do proxecto.
Internet en el siglo 21
Internet en el siglo 21
Lucecita
Lucecita
Presentacion pp
Presentacion pp
Farigola
Farigola
Similar a Desenvolvedor Front-End
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
Anderson Luís Furlan
Road Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - Jaú
Clécio Bachini
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal
Clécio Bachini
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012
Fábio Flatschart
Estruturação Web
Estruturação Web
Fabiano Pereira
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Fábio Flatschart
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento web
Rodrigo Rodrigues
Programação web e o front-end
Programação web e o front-end
Anderson Luís Furlan
HTML 5 e Open Web Platform
HTML 5 e Open Web Platform
Ana Carolina Gracioso
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
Rael Max
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Gustavo Corrêa Alves
Guia do Front-end das Galáxias
Guia do Front-end das Galáxias
Davidson Fellipe
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
Diego Eis
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
thiagolima
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Luiz Antonio
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Fábio Flatschart
Desenvolvimento web com software livre
Desenvolvimento web com software livre
Ruan Carvalho
Desenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
Ruan Carvalho
Aula 01- web designer
Aula 01- web designer
Roney Sousa
Minicurso HTML5
Minicurso HTML5
Manoel dos Santos
Similar a Desenvolvedor Front-End
(20)
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
Road Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - Jaú
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012
Estruturação Web
Estruturação Web
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento web
Programação web e o front-end
Programação web e o front-end
HTML 5 e Open Web Platform
HTML 5 e Open Web Platform
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Performance - Acelere seu site! Na web tempo é mais que dinheiro.
Guia do Front-end das Galáxias
Guia do Front-end das Galáxias
O que você precisa saber para se tornar um dev front-end
O que você precisa saber para se tornar um dev front-end
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento Web : HTML5, CSS3 & JavaScript
Desenvolvimento web com software livre
Desenvolvimento web com software livre
Desenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
Aula 01- web designer
Aula 01- web designer
Minicurso HTML5
Minicurso HTML5
Último
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
Centro Jacques Delors
Acessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidade
LEONIDES PEREIRA DE SOUZA
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
SileideDaSilvaNascim
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
azulassessoria9
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
azulassessoria9
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdf
Juliana Barbosa
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
AnaAugustaLagesZuqui
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
Biblioteca UCS
tensoes-etnicas-na-europa-template-1.pptx
tensoes-etnicas-na-europa-template-1.pptx
gia0123
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
MarcosLemes28
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
rfmbrandao
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
Pesquisa Ação René Barbier Livro acadêmico
Pesquisa Ação René Barbier Livro acadêmico
lourivalcaburite
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
Centro Jacques Delors
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Centro Jacques Delors
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
Centro Jacques Delors
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
AndreaPassosMascaren
Último
(20)
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
Acessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidade
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
apostila filosofia 1 ano 1s (1).pdf 1 ANO DO ENSINO MEDIO . CONCEITOSE CARAC...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Considerando as pesquisas de Gallahue, Ozmun e Goodway (2013) os bebês até an...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Aprender as diferentes formas de classificar as habilidades motoras é de extr...
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdf
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
tensoes-etnicas-na-europa-template-1.pptx
tensoes-etnicas-na-europa-template-1.pptx
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
Pesquisa Ação René Barbier Livro acadêmico
Pesquisa Ação René Barbier Livro acadêmico
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
INTERTEXTUALIDADE atividade muito boa para
INTERTEXTUALIDADE atividade muito boa para
Desenvolvedor Front-End
1.
Desenvolvedor Front-End Muito mais do
que só HTML Anderson Andrade fb.com/andersao ! 07/11/2013 Faculdade Evolução
2.
Quem é? O desenvolvedor
front-end é o profissional responsável por projetar, criar e otimizar interfaces web.
3.
Responsabilidades
4.
SEO SEO exige mais
do que um especialista. É um esforço de equipe.
5.
Performance 80% da performance
de um website está do lado do client-side.
6.
Acessibilidade /Usabilidade Você não
faz um site acessível por que você está com pena de alguém cego. Você faz um site acessível por que você precisa que seu site seja visto por todos.
7.
Escalabilidade • • Modulariazação Facilidade de manutenção
8.
Ferramentas
9.
Sublime Text
10.
http://lesscss.org/
11.
http://learnboost.github.io/stylus/
12.
http://sass-lang.com/
13.
$font-stack: "Helvetica, sans-serif
”; $primary-color: #333; ! body { font: 100% $font-stack; color: $primary-color; } body { font: 100% Helvetica, sans-serif; color: #333; }
14.
Comandos SASS sass style.scss:style.css sass
—watch style.scss:style.css sass --watch app/sass:public/stylesheets
15.
http://compass-style.org/
16.
@import "compass"; ! @import "flags/*.png"; @include
all-flags-sprites; [dir-projeto] compass compile [dir-projeto] compass watch
17.
http://gruntjs.com/
18.
http://yeoman.io/
19.
http://git-scm.com/
20.
Linguagens Linguagens de marcação,
programação e folhas de estilo.
21.
22.
Tags removidas • acronym • dir • strike • applet • font • tt • basefont • frame • big • frameset • center • frameset
23.
Estrutura do HTML
24.
Novas tags • article • details • hgroup • aside • device • nav • audio • figure • progress • canvas • footer • section • command • header • video
25.
Atributos Globais • contenteditable • data-* • draggable • dropzone • hidden • spellcheck
26.
API's • Web Forms • Geolocation • Web Storage • Vídeos
& Audio • Web Sockets • Canvas & SVG • Web Workes • Aplicações Offline
27.
WEB FORMS 2.0 Mais
tipos de input Validação mais simples Menos Javascript
28.
NOVOS TIPOS DE
INPUTS - email - search - date - url - datetime - color - number - range
29.
WEB STORAGE WEB STORAGE
30.
API HISTORY
31.
API HISTORY
32.
GEOLOCATION
33.
34.
Seletores e Pseudo
Classes • E:first-child • E:empty • E:last-child • E:enabled • E:nth-child() • E:disabled • E[attribute] • E:checked • E:before • E::selection • E:after • E~F http://bit.ly/17b3kK6
35.
div[id^="nav"] { background:#ff0;
} input[type="text"]:disabled { background:#ffc; } table tr:nth-child(even) { color:#f00; } body::selection:{ background:red; }
36.
Sites de Referência • http://diveintohtml5.com.br/ • http://www.html5rocks.com/pt/ • http://developer.mozilla.org/pt-BR/ • http://maujor.com
37.
Blogs • http://net.tutsplus.com/ • http://tableless.com.br • http://loopinfinito.com.br/ • http://zofe.com.br/
38.
Dúvidas?
39.
Obrigado ;)
Descargar ahora