Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Os segredos dos Front end Engineers

054c583ad5dc09a861874e14dcb43e4c?s=47 Davidson Fellipe
April 14, 2013
Programming
8
2k

Os segredos dos Front end Engineers

054c583ad5dc09a861874e14dcb43e4c?s=128

Davidson Fellipe

April 14, 2013
Tweet

More Decks by Davidson Fellipe

See All by Davidson Fellipe
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
1
50
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
0
310
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
3
210
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
2
80
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
3
74
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
1
110
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
0
50
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
9
450
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
6
400

Other Decks in Programming

See All in Programming
6a1345d8e6dd15b2c78eff0c331963b1?s=48 dbrumann
0
110
948c23c57a850629ff283f2a83088173?s=48 yotuba088
1
600
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
2
310
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
170
39adbc0cddb8c0ea8470c80248e9e71b?s=48 hyodol2513
0
610
32ae0ae04b5c4f1b29ee9e8826823fbc?s=48 joergneumann
0
130
7975b9fd58c8945ae1c6b38747de7f28?s=48 line_developers_tw2
0
4.4k
6c366ab6293eb42aec0e6f5f69b50882?s=48 ryokbt
2
300
A1216674d5c9747bcdcc716872439137?s=48 larsrh
0
110
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
180
3aae47c11fab74b1db6ec80cd6f49058?s=48 takahi5
1
440
27ec11888b9deb5c26ab4c85e97ec000?s=48 meemeelab
0
290

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
193
8.6k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
16
1.8k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
63
3.7k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
10
1.5k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
200
9.7k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
380k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
7
400
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
502
36k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.8k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
165
19k

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