16
O papel do desenvolvedor Front End (Front End Enginner)

O Papel do desenvolvedor Front End

  • Upload
    rael-max

  • View
    23.502

  • Download
    2

Embed Size (px)

DESCRIPTION

Palestra apresentada na III Semana Institucional da Faculdade de Imperatriz - FACIMP.

Citation preview

Page 1: O Papel do desenvolvedor Front End

O papel do desenvolvedor Front End

(Front End Enginner)

Page 2: O Papel do desenvolvedor Front End

O que ele faz?

O desenvolvedor front end é o profissional responsável por projetar, construir e otimizar as interfaces de projetos web.

Responsabilidades:

– Assegurar compatibilidade cross-browser e cross-platform;– Produzir código limpo, bem documentado e estruturado;– Criar páginas web rápidas;– Seguir os web standards;– Aplicar técnicas de SEO (Search Engine Optimization)

Page 3: O Papel do desenvolvedor Front End

Qual a importância de um Front End Enginner para o sucesso de um projeto?

– 80% do tempo de carregamento é gasto com o download dos elementos do front end(css, javascript, imagens...).

– A interface das aplicações web estão ficando cada vez mais complexas, logo é imprescindível a presença de um profissional especialista em interfaces.

– Por mais que possamos dizer que a web é multiplataforma, ainda temos grandes problemas de compatibilidade entre os browsers, e o conhecimento das nuances de cada um deles é de total importância para que o projeto atenda o máximo de clientes possíveis.

Page 4: O Papel do desenvolvedor Front End

As interfaces dos projetos web se tornaram cada vez mais

complexas e por isso surgiu a necessidade de alguém altamente

especializado. O Front End Enginner.

Page 5: O Papel do desenvolvedor Front End

Alguém lembra de como era a home da globo.com em

2001? 2003? 2005? Pois bem...

Page 6: O Papel do desenvolvedor Front End

2001

Page 7: O Papel do desenvolvedor Front End

2003

Page 8: O Papel do desenvolvedor Front End

2005

Page 9: O Papel do desenvolvedor Front End

2007

Page 10: O Papel do desenvolvedor Front End

HOJE

Page 11: O Papel do desenvolvedor Front End

Quais tecnologias fazem parte do “arsenal de guerra” de um Front End

Enginner?

Page 12: O Papel do desenvolvedor Front End

HTML + CSS + JAVASCRIPT

Page 13: O Papel do desenvolvedor Front End

E mais...

– Design Patterns– Perfomance– SEO(on page)– Testes– E mais um monte de sigla legal!

Page 14: O Papel do desenvolvedor Front End

Quem está investindo nesses profissionais?

– Grandes portais (globo.com, r7.com...)– Agências de desenvolvimento de sites– Facebook, Yahoo!, Twitter, Google...

Page 15: O Papel do desenvolvedor Front End

Gostei, e como faço pra me tornar um ninja?

– Sites:• Http://maujor.com/• Http://tableless.com.br

– Livros:• A bíblia do programador jQuery• Javascript Design Patterns

– Listas de discussão:• jquery-br• webstandards-br• frontend-br• html5-css3-br

Page 16: O Papel do desenvolvedor Front End

Davidson Fellipehttp://www.fellipe.com

@davidsonfellipe

Perguntas? ;-)

Rael Max< [email protected] >

http://raelmax.com@raelmax