SlideShare una empresa de Scribd logo
1 de 19
O dia a dia
de uma
Desenvolvedora
Front-end
Tatiane Aguirres Nogueira
Qual o papel do
desenvolvedor
front-end?
O desenvolvedor front-end
é responsável por projetar,
construir e otimizar as
interfaces web.
Um dos principais trabalhos do
desenvolvedor front-end é criar
layouts a partir de um mock*.
Dica de ferramenta: zeplin.io
* protótipo de tela
Quais
tecnologias
fazem parte do
dia a dia do
front-end?
Tecnologias Web
Pré-processadores CSS
Melhorando a experiência do usuário…
… com layout responsivo
CSS Flexible Box Layout Model
http://flexbox.help/
Media queries
O JavaScript é uma
linguagem de programação
client-side. Ela é utilizada
para controlar o HTML e o
CSS para manipular
comportamentos na página.
Frameworks JavaScript
Por que existe o
Front-end?
Para conectar as
informações do back-end
com o usuário.
Obrigada!
Tatiane Aguirres Nogueira
@tatianeaguirres

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Evoluindo o Desenvolvimento Web: Criando Single Page Applications
Evoluindo o Desenvolvimento Web: Criando Single Page ApplicationsEvoluindo o Desenvolvimento Web: Criando Single Page Applications
Evoluindo o Desenvolvimento Web: Criando Single Page Applications
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Como criar módulos para magento 2
Como criar módulos para magento 2Como criar módulos para magento 2
Como criar módulos para magento 2
 
Web/Mobile tendências 2015
Web/Mobile tendências 2015Web/Mobile tendências 2015
Web/Mobile tendências 2015
 
Novidades do Magento 2
Novidades do Magento 2Novidades do Magento 2
Novidades do Magento 2
 
Desenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full StackDesenvolvimento Web com Java Script Full Stack
Desenvolvimento Web com Java Script Full Stack
 
Melhores módulos para magento
Melhores módulos para magentoMelhores módulos para magento
Melhores módulos para magento
 
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
 
Desmitificando o WordPress
Desmitificando o WordPressDesmitificando o WordPress
Desmitificando o WordPress
 
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuaisJavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
JavaScript e o perfil do desenvolvedor front end das atualidades mais atuais
 
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
WordCAmp RJ 2015 - A importância do Design/UX Para os desenvolvedores de Word...
 
Você não precisa de uma sopa de letrinhas para criar web apps
Você não precisa de uma sopa de letrinhas para criar web appsVocê não precisa de uma sopa de letrinhas para criar web apps
Você não precisa de uma sopa de letrinhas para criar web apps
 
Desenvolvimento Ágil com CMS Joomla!
Desenvolvimento Ágil com CMS Joomla!Desenvolvimento Ágil com CMS Joomla!
Desenvolvimento Ágil com CMS Joomla!
 
Meetup React Native
Meetup React NativeMeetup React Native
Meetup React Native
 
Como encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-endComo encarar o desenvolvimento front-end
Como encarar o desenvolvimento front-end
 
Sistema gerenciador de conteúdo
Sistema gerenciador de conteúdoSistema gerenciador de conteúdo
Sistema gerenciador de conteúdo
 
Zf campus party_2011
Zf campus party_2011Zf campus party_2011
Zf campus party_2011
 
Bower
BowerBower
Bower
 
WordCamp Rio de Janeiro 2015 - Vinícius Lourenço | Desenvolvendo Plugins para...
WordCamp Rio de Janeiro 2015 - Vinícius Lourenço | Desenvolvendo Plugins para...WordCamp Rio de Janeiro 2015 - Vinícius Lourenço | Desenvolvendo Plugins para...
WordCamp Rio de Janeiro 2015 - Vinícius Lourenço | Desenvolvendo Plugins para...
 
Um pequeno estudo sobre a microsoft
Um pequeno estudo sobre a microsoftUm pequeno estudo sobre a microsoft
Um pequeno estudo sobre a microsoft
 

Similar a O dia a dia de uma Desenvolvedora Front-end

Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
SENAC SC
 
Kyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareKyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de software
Fábio Nogueira de Lucena
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
Ruan Carvalho
 

Similar a O dia a dia de uma Desenvolvedora Front-end (20)

Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
 
O papel do desenvolvedor front end
O papel do desenvolvedor front endO papel do desenvolvedor front end
O papel do desenvolvedor front end
 
CV Alexandre R. de Castro
CV Alexandre R. de CastroCV Alexandre R. de Castro
CV Alexandre R. de Castro
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
Cv alexandre rezendedecastro
Cv alexandre rezendedecastroCv alexandre rezendedecastro
Cv alexandre rezendedecastro
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
 
Ap iii
Ap iiiAp iii
Ap iii
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
Gestão de Projetos
Gestão de ProjetosGestão de Projetos
Gestão de Projetos
 
Web Dev Camp
Web Dev CampWeb Dev Camp
Web Dev Camp
 
O que é Web Designer?
O que é Web Designer?O que é Web Designer?
O que é Web Designer?
 
Kyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de softwareKyrios: Infra-estrutura livre para desenvolvimento de software
Kyrios: Infra-estrutura livre para desenvolvimento de software
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
Front-end: O que é necessário saber ?
Front-end: O que é necessário saber ?Front-end: O que é necessário saber ?
Front-end: O que é necessário saber ?
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
Aula 3. frameworks front end
Aula 3. frameworks front endAula 3. frameworks front end
Aula 3. frameworks front end
 

Más de Tatiane Aguirres Nogueira

Más de Tatiane Aguirres Nogueira (12)

Identifying and fixing the most common web accessibility issues
Identifying and fixing the most common web accessibility issuesIdentifying and fixing the most common web accessibility issues
Identifying and fixing the most common web accessibility issues
 
The Power of Semantic HTML
The Power of Semantic HTMLThe Power of Semantic HTML
The Power of Semantic HTML
 
Tecnologias & Desafios: a Vida de uma Front-ender na Europa
Tecnologias & Desafios: a Vida de uma Front-ender na EuropaTecnologias & Desafios: a Vida de uma Front-ender na Europa
Tecnologias & Desafios: a Vida de uma Front-ender na Europa
 
Best Practices to Make your Web Application Accessible
Best Practices to Make your Web Application AccessibleBest Practices to Make your Web Application Accessible
Best Practices to Make your Web Application Accessible
 
Como é ser uma Front-end em 2018
Como é ser uma Front-end em 2018Como é ser uma Front-end em 2018
Como é ser uma Front-end em 2018
 
CSS
CSSCSS
CSS
 
Como Transformar Um Site Desktop Em Uma Aplicação Responsiva
Como Transformar Um Site Desktop Em Uma Aplicação Responsiva Como Transformar Um Site Desktop Em Uma Aplicação Responsiva
Como Transformar Um Site Desktop Em Uma Aplicação Responsiva
 
Práticas para Melhorar o seu Desenvolvimento Front-End
Práticas para Melhorar o seu Desenvolvimento Front-EndPráticas para Melhorar o seu Desenvolvimento Front-End
Práticas para Melhorar o seu Desenvolvimento Front-End
 
Javascript
JavascriptJavascript
Javascript
 
Ionic 2 - O que mudou?
Ionic 2 - O que mudou?Ionic 2 - O que mudou?
Ionic 2 - O que mudou?
 
O que é programação?
O que é programação?O que é programação?
O que é programação?
 
Palestra "Ionic Framework 2 - O que vem por aí?" TDC 2016
Palestra "Ionic Framework 2 - O que vem por aí?" TDC 2016Palestra "Ionic Framework 2 - O que vem por aí?" TDC 2016
Palestra "Ionic Framework 2 - O que vem por aí?" TDC 2016
 

O dia a dia de uma Desenvolvedora Front-end