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