O documento descreve o papel do desenvolvedor front end, responsável por projetar e construir interfaces web de forma compatível entre navegadores e dispositivos móveis, além de produzir código limpo e otimizado para melhorar o desempenho. A interface das aplicações web está ficando mais complexa, tornando essencial a presença de um profissional especializado em front end.

1. O papel do desenvolvedor
Front End
(Front End Enginner)

2. 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)

3. 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.

4. 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.

5. Alguém lembra de como era a
home da globo.com em
2001? 2003? 2005? Pois
bem...

6. 2001

7. 2003

8. 2005

9. 2007

10. HOJE

11. Quais tecnologias fazem parte do
“arsenal de guerra” de um Front End
Enginner?

12. HTML + CSS + JAVASCRIPT

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

14. Quem está investindo nesses
profissionais?
– Grandes portais (globo.com, r7.com...)
– Agências de desenvolvimento de sites
– Facebook, Yahoo!, Twitter, Google...

15. 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

16. Perguntas? ;-)
Rael Max Davidson Fellipe
< contato@raelmax.com > http://www.fellipe.com
http://raelmax.com @davidsonfellipe
@raelmax