SlideShare uma empresa Scribd logo
1 de 10
O que é preciso saber?
FRONT - END
JOÃO PRAIA JUNIOR
Dev Front-end
Pós graduado em Engenharia Web pelo SENAC
joaopraia@joaopraia.com.br
PAPEL DO DESENVOLVEDOR
O front-end é responsável por
coletar a entrada do usuário em várias
formas e processá-la para adequá-la a
uma especificação em que o back-
end possa utilizar. É ele que trabalha
com HTML, CSS e JavaScript.
O FRONT-END NA EQUIPE
UX
Front
Back
O QUE ELE VAI FAZER?
• Assegurar a compatibilidade Cross browser
• Produzir código limpo e bem documentado
• Desenvolver páginas rápidas
• Seguir padrões web
• Aplicar técnicas de SEO
TORNANDO-SE UM NINJA
• Editores de código
• HTML
• CSS
• JavaScript
• GIT
• Básico de Terminal
• Acessibilidade Web
• Performance
• SEO - otimização de sites
• Pré processadores
ESTUDE, ESTUDE, ESTUDE
• Sites
• http://www.maujor.com/
• https://tableless.com.br/
• https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide
• Livros
• E listas de discussões
MERCADO DE TRABALHO
• Grandes portais (Globo.com, R7)
• Agencias de desenvolvimento de sites e sistemas
• Facebook, Google, Booking.com
OBRIGADO
Perguntas?

Mais conteúdo relacionado

Mais procurados

Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftFabrício Lopes Sanchez
 
CoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScriptCoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScriptWelington Sampaio
 
Profissão Programador Web e Multimédia
Profissão Programador Web e MultimédiaProfissão Programador Web e Multimédia
Profissão Programador Web e MultimédiaGiulia Pizzignacco
 
AngularJs 1.x - Meetup - Coders In Rio
AngularJs 1.x  - Meetup - Coders In RioAngularJs 1.x  - Meetup - Coders In Rio
AngularJs 1.x - Meetup - Coders In RioRafael Cruz, MCT, MBA
 
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 desafiosNicolas Ibanheiz
 
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETProgressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETAndre Baltieri
 
IoTizando com JavaScript
IoTizando com JavaScriptIoTizando com JavaScript
IoTizando com JavaScriptHeider Lopes
 
Componentizando a Web com Polymer
Componentizando a Web com PolymerComponentizando a Web com Polymer
Componentizando a Web com PolymerStefan Horochovec
 
Realidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias WebRealidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias WebThayana Mamoré
 
Abordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webAbordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webWemerson Januario
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web appsJoão Maciel
 
7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows AppsGustavo Bellini Bigardi
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?RC Comunicação
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão GeralEder Nogueira
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015Anyssa Ferreira
 

Mais procurados (20)

Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias Microsoft
 
Desenvolvedor Front-End
Desenvolvedor Front-EndDesenvolvedor Front-End
Desenvolvedor Front-End
 
Software gratuito
Software gratuitoSoftware gratuito
Software gratuito
 
CoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScriptCoffeeScript Aula 01 Introdução a CoffeeScript
CoffeeScript Aula 01 Introdução a CoffeeScript
 
Profissão Programador Web e Multimédia
Profissão Programador Web e MultimédiaProfissão Programador Web e Multimédia
Profissão Programador Web e Multimédia
 
Web ou App?
Web ou App?Web ou App?
Web ou App?
 
jQuery
jQueryjQuery
jQuery
 
AngularJs 1.x - Meetup - Coders In Rio
AngularJs 1.x  - Meetup - Coders In RioAngularJs 1.x  - Meetup - Coders In Rio
AngularJs 1.x - Meetup - Coders In Rio
 
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
 
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NETProgressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
 
IoTizando com JavaScript
IoTizando com JavaScriptIoTizando com JavaScript
IoTizando com JavaScript
 
Método The bridge
Método The bridgeMétodo The bridge
Método The bridge
 
Componentizando a Web com Polymer
Componentizando a Web com PolymerComponentizando a Web com Polymer
Componentizando a Web com Polymer
 
Realidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias WebRealidade Virtual com Tecnologias Web
Realidade Virtual com Tecnologias Web
 
Abordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento webAbordagens modernas no desenvolvimento web
Abordagens modernas no desenvolvimento web
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps7Masters - PWA - Publishing using Universal Windows Apps
7Masters - PWA - Publishing using Universal Windows Apps
 
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
DESIGNER E FRONT-END DEV: Prontos para mudar seu workflow?
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão Geral
 
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015Design para WordPress-  Anyssa Ferreira - WordCamp BH 2015
Design para WordPress- Anyssa Ferreira - WordCamp BH 2015
 

Semelhante a Front-end o que é preciso saber?

A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do Front endDouglas Matoso
 
O papel do desenvolvedor front end
O papel do desenvolvedor front endO papel do desenvolvedor front end
O papel do desenvolvedor front endRomário J. Santos
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebDiego Pessoa
 
Tecnologias e estratégias para criar um website de sucesso
Tecnologias e estratégias para criar um website de sucessoTecnologias e estratégias para criar um website de sucesso
Tecnologias e estratégias para criar um website de sucessoGuilherme Henrique Mendes
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Sonarqube
SonarqubeSonarqube
SonarqubeCDS
 
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013javamanrj
 
TDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software EnterpriseTDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software EnterpriseDr. Spock
 
Arquitetura Web Desacoplada - FCI/Mackenzie
Arquitetura Web Desacoplada - FCI/MackenzieArquitetura Web Desacoplada - FCI/Mackenzie
Arquitetura Web Desacoplada - FCI/MackenzieVivaldo Jose Breternitz
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...tdc-globalcode
 
Jsf com hibernate, spring security e maven
Jsf com hibernate, spring security e mavenJsf com hibernate, spring security e maven
Jsf com hibernate, spring security e mavenLeandro Costa
 
Web Development em 2015
Web Development em 2015Web Development em 2015
Web Development em 2015Emanuel Santos
 

Semelhante a Front-end o que é preciso saber? (20)

A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do 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
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Gestão de Projetos
Gestão de ProjetosGestão de Projetos
Gestão de Projetos
 
CV Alexandre R. de Castro
CV Alexandre R. de CastroCV Alexandre R. de Castro
CV Alexandre R. de Castro
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da Web
 
Tecnologias e estratégias para criar um website de sucesso
Tecnologias e estratégias para criar um website de sucessoTecnologias e estratégias para criar um website de sucesso
Tecnologias e estratégias para criar um website de sucesso
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Sonarqube
SonarqubeSonarqube
Sonarqube
 
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013
 
Google Web Toolkit
Google Web ToolkitGoogle Web Toolkit
Google Web Toolkit
 
Cv alexandre rezendedecastro
Cv alexandre rezendedecastroCv alexandre rezendedecastro
Cv alexandre rezendedecastro
 
TDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software EnterpriseTDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software Enterprise
 
Arquitetura Web Desacoplada - FCI/Mackenzie
Arquitetura Web Desacoplada - FCI/MackenzieArquitetura Web Desacoplada - FCI/Mackenzie
Arquitetura Web Desacoplada - FCI/Mackenzie
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
 
Jsf com hibernate, spring security e maven
Jsf com hibernate, spring security e mavenJsf com hibernate, spring security e maven
Jsf com hibernate, spring security e maven
 
Web Development em 2015
Web Development em 2015Web Development em 2015
Web Development em 2015
 
Jquery Mobile
Jquery MobileJquery Mobile
Jquery Mobile
 
Cursos a3
Cursos a3Cursos a3
Cursos a3
 

Front-end o que é preciso saber?

  • 1. O que é preciso saber? FRONT - END
  • 2. JOÃO PRAIA JUNIOR Dev Front-end Pós graduado em Engenharia Web pelo SENAC joaopraia@joaopraia.com.br
  • 3. PAPEL DO DESENVOLVEDOR O front-end é responsável por coletar a entrada do usuário em várias formas e processá-la para adequá-la a uma especificação em que o back- end possa utilizar. É ele que trabalha com HTML, CSS e JavaScript.
  • 4. O FRONT-END NA EQUIPE UX Front Back
  • 5. O QUE ELE VAI FAZER? • Assegurar a compatibilidade Cross browser • Produzir código limpo e bem documentado • Desenvolver páginas rápidas • Seguir padrões web • Aplicar técnicas de SEO
  • 6. TORNANDO-SE UM NINJA • Editores de código • HTML • CSS • JavaScript • GIT • Básico de Terminal • Acessibilidade Web • Performance • SEO - otimização de sites • Pré processadores
  • 7.
  • 8. ESTUDE, ESTUDE, ESTUDE • Sites • http://www.maujor.com/ • https://tableless.com.br/ • https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide • Livros • E listas de discussões
  • 9. MERCADO DE TRABALHO • Grandes portais (Globo.com, R7) • Agencias de desenvolvimento de sites e sistemas • Facebook, Google, Booking.com