Frontend Engineers: passado, presente e futuro
8 gostaram1,382 visualizações
Este documento discute a profissão de engenheiro front-end, incluindo suas responsabilidades, habilidades necessárias e tendências atuais e futuras. Apresenta a evolução das tecnologias front-end ao longo do tempo e discute como a profissão tem se adaptado aos novos desafios trazidos por dispositivos móveis e plataformas diversas. Também destaca a importância das comunidades front-end no Brasil.
Frontend Engineers: passado, presente e futuro
- 3. WORKS
- 5. OUTROS NOMES DA PROFISSÃO front end developer htmler web developerimplementador de interfaces web UI engineer
- 7. O QUE FAZ UM FRONT END ENGINEER?
- 8. APTO A SE COMUNICAR Product Managers End Users Engineering Management User Interface Designers
- 9. “é o pro!ssional capaz de explorar o front-end de uma aplicação web não só como layout, mas como interface móvel, mutante, interativa, proporcionando, assim, uma experiência de uso mais rica” Berg Brandt Senior Frontend Engineer no Yahoo!
- 10. QUAL FORMAÇÃO ADEQUADA PARA FRONT END ENGINEER?
- 11. frontend-br no Y! iniciado por um grupo de devs de recife COMO COMEÇOU?
- 12. COMUNIDADE HOJE Vários evento na área + interação Projetos de código aberto conhecidos Pro!ssionais com destaque internacional
- 19. ERA UMA VEZ...
- 22. ENQUANTO ISSO EM 2000...
- 23. HTML CSS 2006...
- 25. ATUALMENTE...
- 26. + poderosas + complexas + ambiciosas 2013...
- 27. www.igvita.com/slides/2012/devtools-tips-and-tricks/ CICLO DE VIDA DE UMA WEBPAGE
- 33. Who Killed My Battery: Analyzing Mobile Browser Energy Consumption CONSUMO ENERGIA DOS COMPONENTES outros - incluem conexões 3G e text rendering css e js - maior consumo relacionado a transmissão e rendering
- 34. websites precisam ter exatamente o mesmo visual em todos os browsers?
- 36. TECNOLOGIAS
- 40. DOTFILES
- 45. BITBUCKET VS GITHUB repos privados ilimitados preço baseado no número de colaboradores número de colaboradores ilimitado preço baseado no número de repositórios privados
- 46. TASK RUNNER
- 48. O QUE É O GRUNT? É um task runner baseado em linha de comando para projetos javascript
- 49. O QUE É O GRUNT? Testes JS linting Concatenando e Minificando Otimizando imagens Watchers para Pré-processadores
- 61. TESTES
- 64. PERFORMANCE
- 66. PRINCIPAIS CUIDADOS ● Minificar CSS, JavaScript e HTML ● Inline imagens, CSS, e JavaScript ● Cache de assets ● Defer JavaScript ● Concatenar CSS e JavaScript ● Compressão de imagens & resizing
- 71. TEM ATÉ EM CHINÊS... http://browserdiet.com/zh
- 74. WEBPAGETEST
- 75. WEBPAGETEST
- 76. WEBPAGETEST
- 77. MAIS TOOLS
- 82. MAS O QUE ESTÁ VINDO POR AÍ?
- 86. SHOW YOUR CODE
- 91. 6 SEMANAS?
- 96. AH... É MUITA COISA PARA ESTUDAR...