Os segredos dos Front end Engineers

Transcript

1. OS SEGREDOS DOS FRONT END ENGINEERS por davidson fellipe www.fellipe.com

2. comecei estudar html em 2000 front end engineer na globo.com

   desde 2010 co-fundador do braziljs foundation organizador do rio.js, front in bh, pernambucojs mestrando na puc-rio

3. OUTROS NOMES DA PROFISSÃO front end developer htmler web developer

   implementador de interfaces web UI engineer

4. http://www.youtube.com/watch?v=lXGDRrkaRgU I’m a front end engineer

5. O QUE FAZ UM FRONT END ENGINEER?

6. APTO A SE COMUNICAR Product Managers End Users Engineering Management

   User Interface Designers

7. “é o profissional 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!

8. QUAL FORMAÇÃO ADEQUADA PARA FRONT END ENGINEER?

9. INÍCIO NO BRASIL frontend-br no Y! iniciado por um grupo

   de devs de recife

10. 13 anos atrás

11. ÉRAMOS ASSIM...

12. HTML CSS 2006...

13. precisa saber JAVASCRIPT? 2006...

14. HTML CONTEÚDO

15. CSS APRESENTAÇÃO

16. JAVASCRIPT INTERAÇÃO

17. RICH INTERNET APPLICATIONS AJAX MOBILE HTML5 WEB 2.0 BUZZWORDS

18. E AGORA?

19. None

20. SEMÂNTICA FERRAMENTAS FRAMEWORKS LIBRARIES PRÉ PROCESSADORES SEO TESTES PADRÕES WEB

21. XBROWSER XDEVICE XPLATFORM

22. XBROWSER XDEVICE XPLATFORM

23. “engineer” cada vez mais forte

24. O QUE PRECISO APRENDER?

25. JAVASCRIPT RAW PROTOTYPE XHR JSON FORMAS DE CARREGAMENTO JAVASCRIPT

26. CSS RAW MEDIA QUERIES COMPASS LESS/SCSS/SASS CSS PRÉ PROCESSADORES

27. GIT TRABALHAR COM REPOS ENTENDER BRANCHES PULL REQUEST CODE REVIEW

    CONTROLE DE VERSÃO

28. YSLOW PAGESPEED BROWSERDIET.COM UI THREAD JSLITMUS WEBPAGE TESTE PERFORMANCE

29. CSSLINT JSHINT QUALIDADE DE CÓDIGO

30. COMO SE MANTER ATUALIZADO?

31. https://twitter.com/slicknet/status/292103833327370240

32. 6 SEMANAS?

33. http://web-design-weekly.com/

34. http://html5weekly.com/

35. http://javascriptweekly.com

36. http://braziljs.org/

37. AH... É MUITA COISA PARA ESTUDAR...

38. None

39. COMO ESCOLHER O QUE ESTUDAR?

40. None
41. None

42. COMEÇANDO PROJETO NOVO? QUANDO ESTOU...

43. QUERENDO MELHORAR UM PROCESSO? QUANDO ESTOU...

44. FAZENDO BENCHMARK? QUANDO ESTOU...

45. PROVA NA FACULDADE

46. FERRAMENTAS

47. SOCIAL CODING

48. None
49. None

50. WORKFLOW

51. None
52. None
53. None

54. http://html5boilerplate.com/

55. PRÉ PROCESSADORES

56. None
57. None
58. None
59. None

60. TESTES

61. None
62. None

63. FUNDAMENTE SUAS DECISÕES

64. SCSS OU LESS ? SITUAÇÃO

65. ENUMERE QUESTÕES Qual tem menos bugs? Qual tem uma comunidade

    mais ativa? Qual tem a menor curva de aprendizado? Qual tem melhor performance? Quais tem as melhores ferramentas?

66. FOLLOW REFERÊNCIAS DO MERCADO

67. GRANDES NOMES GRINGOS DA ÁREA @leaverou @paul_irish @codepo8 @souders @slicknet

    @stoyanstefanov @stubbornella @addyosmani @firt @jeresig @cowboy @bergbrandt @valueof @rmurphey

68. ALGUNS NOMES BRAZUCAS DA ÁREA @zenorocha @marcelduran @maujor @bergbrandt @fabiomcosta

    @eduardolundgren @bernarddeluna @jaydson @irae @leobalter @millermedeiros @keppelen @felipenmoura

69. o que faço para ser um bom frontend?

70. “Leia muito, saiba trabalhar em equipe, tenha noções de design

    e seja um excelente programador” Fábio Costa Front end Engineer no Facebook

71. “Precisa ter paixão por conectar pessoas a projetos, ter paixão

    por levar a informação da melhor forma possível ao usuário, precisa ser a interface, como o macarrão em ‘A Dama e o Vagabundo’, você é o macarrão!” Bernard de Luna Product Designer na Estante Virtual

72. “Mantenha-se curioso e faminto por conhecimento, dê valor ao poder

    da comunidade e saiba tornar seu trabalho em diversão” Felipe N. Moura Front end Engineer no Terra

73. “Ser faminto por comunidades e ajudar pessoas, criar projetos próprios

    ou open source. Ame o que faz e será o melhor Front end do Planeta” Giovanni Keppelen Front end Engineer na Mobicare

74. “Seja bom no que faz. Seja um bom programador. Estude

    lógica. Estude tecnologias diferentes. Leia diariamente. Saiba tudo que está acontecendo no mundo front-end. Participe de projetos open- source. Assista palestras. Dê palestras. Converse com outras pessoas. Estude mais. Estude mais um pouco. Trabalhe bastante. Trabalhe anos na área. Muitos anos. Só assim, tu pode te considerar um bom front-end” Jaydson Gomes Front end Engineer no Terra

75. INGLÊS PENSAR NO PRODUTO RESOLVER PROBLEMAS SOFTWARE ENGINEERING TRANSMITIR CONHECIMENTO

    UX DIFERENCIAIS

76. FAÇA SEU MELHOR!

77. None

78. OBRIGADO NOVO HAMBURGO! github.com/davidsonfellipe twitter.com/davidsonfellipe facebook.com/fellipe fellipe.com

79. www.fellipe.com/talks slides disponíveis em...