SlideShare uma empresa Scribd logo
COMO É SER UMA FRONT-
END EM 2018
Jean Bauer & Tatiane Nogueira
Capability Front-end
Mas antes...
"NA MINHA ÉPOCA ERA
TUDO MATO"
Quem já ouviu isso?
● Blog, fotolog (flogão), tumblr
● jQuery
● Flash
● HTML orientado por <table>
● PHP (velho)
● outros...
Algo mais?
COMO ERA
DESENVOLVER P/ WEB
ALGUNS ANOS ATRÁS
HTML + CSS
DESAFIOS
● Sem responsividade
● Sem micro-interações
● Sem animações
● Adicionar 27 gifs na mesma página
● Vel. para carregar na internet discada
Algo mais?
E AGORA?
2018~
Desafios?
DESAFIOS
● Aprender um framework JavaScript novo por mês
● Responsividade em diversos dispositivos
● Diversas interações
● Usabilidade e Acessibilidade
● 2G/3G lenta
● Otimização de arquivos
● E outros...
Faltou algum? Fala ae :D
Sometimes you need a blank template.
Sometimes you need a blank template.
Biblioteca da TW: https://kamu.thoughtworks-labs.net/libraries/poa/
Curso online: https://www.codecademy.com/catalog/subject/all
Sometimes you need a blank template.
JS
OBRIGADA
Questões e sugestões:
Jean e Tati
jbauer@thoughtworks.com e
tnogueir@thoughtworks.com

Mais conteúdo relacionado

Mais procurados

Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Html5,css3,javascript   o lugar onde sonhos se tornam realidade.Html5,css3,javascript   o lugar onde sonhos se tornam realidade.
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Edmo Jeova
 
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
William Oliveira
 
Desenvolvimento web com groovy e grails.
Desenvolvimento web com groovy e grails.Desenvolvimento web com groovy e grails.
Desenvolvimento web com groovy e grails.
Bryan Ollivie
 
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
William Oliveira
 
Flippity
FlippityFlippity
Flippity
AnaPina2212
 
Estudo de caso do site Vida de Programador
Estudo de caso do site Vida de ProgramadorEstudo de caso do site Vida de Programador
Estudo de caso do site Vida de Programador
Andre Noel
 
Front end pra back enders: dicas pra se virar no universo paralelo
Front end pra back enders: dicas pra se virar no universo paraleloFront end pra back enders: dicas pra se virar no universo paralelo
Front end pra back enders: dicas pra se virar no universo paralelo
Giovane Liberato
 
Por quê blogar com e sem WordPress
Por quê blogar com e sem WordPressPor quê blogar com e sem WordPress
Por quê blogar com e sem WordPress
Paulino Michelazzo
 
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndReceita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front End
Leonardo Balter
 
1º FEMUG-JLLE
1º FEMUG-JLLE1º FEMUG-JLLE
1º FEMUG-JLLE
Matheus Poleza
 
Acabe com a concorrência usando event machine
Acabe com a concorrência usando event machineAcabe com a concorrência usando event machine
Acabe com a concorrência usando event machine
Lucas Prim
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
Felipe Barros
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
Leonan Luppi
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013
Jackson F. de A. Mafra
 
Utilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobileUtilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobile
Fellyph Cintra
 
ApresentaçãO1
ApresentaçãO1ApresentaçãO1
ApresentaçãO1
carolinekrol
 
Construindo um Servidor Web com GO
Construindo um Servidor Web com GOConstruindo um Servidor Web com GO
Construindo um Servidor Web com GO
Beto Muniz
 
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
Vinícius Lourenço
 
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerceWordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
Vinícius Lourenço
 
Html5
Html5Html5

Mais procurados (20)

Html5,css3,javascript o lugar onde sonhos se tornam realidade.
Html5,css3,javascript   o lugar onde sonhos se tornam realidade.Html5,css3,javascript   o lugar onde sonhos se tornam realidade.
Html5,css3,javascript o lugar onde sonhos se tornam realidade.
 
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 web com groovy e grails.
Desenvolvimento web com groovy e grails.Desenvolvimento web com groovy e grails.
Desenvolvimento web com groovy e grails.
 
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
 
Flippity
FlippityFlippity
Flippity
 
Estudo de caso do site Vida de Programador
Estudo de caso do site Vida de ProgramadorEstudo de caso do site Vida de Programador
Estudo de caso do site Vida de Programador
 
Front end pra back enders: dicas pra se virar no universo paralelo
Front end pra back enders: dicas pra se virar no universo paraleloFront end pra back enders: dicas pra se virar no universo paralelo
Front end pra back enders: dicas pra se virar no universo paralelo
 
Por quê blogar com e sem WordPress
Por quê blogar com e sem WordPressPor quê blogar com e sem WordPress
Por quê blogar com e sem WordPress
 
Receita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front EndReceita do Sucesso no Mercado Front End
Receita do Sucesso no Mercado Front End
 
1º FEMUG-JLLE
1º FEMUG-JLLE1º FEMUG-JLLE
1º FEMUG-JLLE
 
Acabe com a concorrência usando event machine
Acabe com a concorrência usando event machineAcabe com a concorrência usando event machine
Acabe com a concorrência usando event machine
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
Desenvolvimento Web
Desenvolvimento WebDesenvolvimento Web
Desenvolvimento Web
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013
 
Utilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobileUtilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobile
 
ApresentaçãO1
ApresentaçãO1ApresentaçãO1
ApresentaçãO1
 
Construindo um Servidor Web com GO
Construindo um Servidor Web com GOConstruindo um Servidor Web com GO
Construindo um Servidor Web com GO
 
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
FISL17 - Vinícius Lourenço | WordPress - Como começar e o que dá para ser feito?
 
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerceWordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
WordCamp Fortaleza 2016 - Vinícius Lourenço | tAPIoca com WooCommerce
 
Html5
Html5Html5
Html5
 

Semelhante a Como é ser uma Front-end em 2018

Mobile, Flutter e Mercado
Mobile, Flutter e MercadoMobile, Flutter e Mercado
Mobile, Flutter e Mercado
Ricardo Ogliari
 
O mercado de trabalho para a T.I.
O mercado de trabalho para a T.I.O mercado de trabalho para a T.I.
O mercado de trabalho para a T.I.
Yan Magalhães
 
PHP Turbinado com CodeIgniter - Conisli 2011
PHP Turbinado com CodeIgniter - Conisli 2011PHP Turbinado com CodeIgniter - Conisli 2011
PHP Turbinado com CodeIgniter - Conisli 2011
Evaldo Junior
 
Fisl 10 - EAD Evolutions
Fisl 10 - EAD EvolutionsFisl 10 - EAD Evolutions
Fisl 10 - EAD Evolutions
Bruna Griebeler
 
Slides de minicurso ABED: Introdução a Captivate
Slides de minicurso ABED: Introdução a Captivate Slides de minicurso ABED: Introdução a Captivate
Slides de minicurso ABED: Introdução a Captivate
Ronaldo Barbosa
 
A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013
A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013
A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013
Evaldo Junior
 
O que vi na QCon 2012 São Paulo
O que vi na QCon 2012 São PauloO que vi na QCon 2012 São Paulo
O que vi na QCon 2012 São Paulo
Ismael
 
Lidando com Equipes de Desenvolvimento
Lidando com Equipes de DesenvolvimentoLidando com Equipes de Desenvolvimento
Lidando com Equipes de Desenvolvimento
4Soft
 
Carreira de Desenvolvimento
Carreira de DesenvolvimentoCarreira de Desenvolvimento
Carreira de Desenvolvimento
Alvaro Viebrantz
 
Mapa de aprendizado Front End
Mapa de aprendizado Front EndMapa de aprendizado Front End
Mapa de aprendizado Front End
Caio Vaccaro
 
Home office
Home officeHome office
Home office
Vinícius Alonso
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012
Juliana Gaiba
 
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Rogerio Prado de Jesus
 
Hack Thursday - NodeJS
Hack Thursday - NodeJSHack Thursday - NodeJS
Hack Thursday - NodeJS
Guilherme Quental
 
Cwbfx 1 Encontro
Cwbfx 1 EncontroCwbfx 1 Encontro
Conteudo para as Pessoas e para o Google
Conteudo para as Pessoas e para o GoogleConteudo para as Pessoas e para o Google
Conteudo para as Pessoas e para o Google
Fabio Ricotta
 
EAD Evolutions - FISL 2009
EAD Evolutions - FISL 2009EAD Evolutions - FISL 2009
EAD Evolutions - FISL 2009
Ambev
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product Design
Product School
 
Aprendendo a programar com ruby - INTRO
Aprendendo a programar com ruby - INTROAprendendo a programar com ruby - INTRO
Aprendendo a programar com ruby - INTRO
Rafael Biriba
 
Comunidade, por onde começar
Comunidade, por onde começarComunidade, por onde começar
Comunidade, por onde começar
Ramon Mota
 

Semelhante a Como é ser uma Front-end em 2018 (20)

Mobile, Flutter e Mercado
Mobile, Flutter e MercadoMobile, Flutter e Mercado
Mobile, Flutter e Mercado
 
O mercado de trabalho para a T.I.
O mercado de trabalho para a T.I.O mercado de trabalho para a T.I.
O mercado de trabalho para a T.I.
 
PHP Turbinado com CodeIgniter - Conisli 2011
PHP Turbinado com CodeIgniter - Conisli 2011PHP Turbinado com CodeIgniter - Conisli 2011
PHP Turbinado com CodeIgniter - Conisli 2011
 
Fisl 10 - EAD Evolutions
Fisl 10 - EAD EvolutionsFisl 10 - EAD Evolutions
Fisl 10 - EAD Evolutions
 
Slides de minicurso ABED: Introdução a Captivate
Slides de minicurso ABED: Introdução a Captivate Slides de minicurso ABED: Introdução a Captivate
Slides de minicurso ABED: Introdução a Captivate
 
A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013
A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013
A Evolução do PHP - A Linguagem Número 1 da Web - PHP Conference Brasil 2013
 
O que vi na QCon 2012 São Paulo
O que vi na QCon 2012 São PauloO que vi na QCon 2012 São Paulo
O que vi na QCon 2012 São Paulo
 
Lidando com Equipes de Desenvolvimento
Lidando com Equipes de DesenvolvimentoLidando com Equipes de Desenvolvimento
Lidando com Equipes de Desenvolvimento
 
Carreira de Desenvolvimento
Carreira de DesenvolvimentoCarreira de Desenvolvimento
Carreira de Desenvolvimento
 
Mapa de aprendizado Front End
Mapa de aprendizado Front EndMapa de aprendizado Front End
Mapa de aprendizado Front End
 
Home office
Home officeHome office
Home office
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012
 
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
Be Happy With Semantic Versioning And Git Flow - PHP Conference Brasil 2012
 
Hack Thursday - NodeJS
Hack Thursday - NodeJSHack Thursday - NodeJS
Hack Thursday - NodeJS
 
Cwbfx 1 Encontro
Cwbfx 1 EncontroCwbfx 1 Encontro
Cwbfx 1 Encontro
 
Conteudo para as Pessoas e para o Google
Conteudo para as Pessoas e para o GoogleConteudo para as Pessoas e para o Google
Conteudo para as Pessoas e para o Google
 
EAD Evolutions - FISL 2009
EAD Evolutions - FISL 2009EAD Evolutions - FISL 2009
EAD Evolutions - FISL 2009
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product Design
 
Aprendendo a programar com ruby - INTRO
Aprendendo a programar com ruby - INTROAprendendo a programar com ruby - INTRO
Aprendendo a programar com ruby - INTRO
 
Comunidade, por onde começar
Comunidade, por onde começarComunidade, por onde começar
Comunidade, por onde começar
 

Mais de Tatiane Aguirres Nogueira

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
Tatiane Aguirres Nogueira
 
10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App
Tatiane Aguirres Nogueira
 
The Power of Semantic HTML
The Power of Semantic HTMLThe Power of Semantic HTML
The Power of Semantic HTML
Tatiane Aguirres Nogueira
 
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
Tatiane Aguirres Nogueira
 
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
Tatiane Aguirres Nogueira
 
CSS
CSSCSS
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
Tatiane Aguirres Nogueira
 
O dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-endO dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-end
Tatiane Aguirres Nogueira
 
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
Tatiane Aguirres Nogueira
 
Javascript
JavascriptJavascript
Ionic 2 - O que mudou?
Ionic 2 - O que mudou?Ionic 2 - O que mudou?
Ionic 2 - O que mudou?
Tatiane Aguirres Nogueira
 
O que é programação?
O que é programação?O que é programação?
O que é programação?
Tatiane Aguirres Nogueira
 
Front End x Back End
Front End x Back EndFront End x Back End
Front End x Back End
Tatiane Aguirres Nogueira
 
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
Tatiane Aguirres Nogueira
 

Mais de Tatiane Aguirres Nogueira (14)

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
 
10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App10 Dicas para Melhorar a Acessibilidade da sua Web App
10 Dicas para Melhorar a Acessibilidade da sua Web App
 
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
 
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
 
O dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-endO dia a dia de uma Desenvolvedora Front-end
O dia a dia de uma Desenvolvedora Front-end
 
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?
 
Front End x Back End
Front End x Back EndFront End x Back End
Front End x Back End
 
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
 

Como é ser uma Front-end em 2018

Notas do Editor

  1. Tati: TDC trilhas, frontender Jean: Organizador do meetup React, frontender