OS SEGREDOS DOSFRONT ENDENGINEERSpor davidson fellipewww.fellipe.com
comecei estudar html em 2000front end engineer na globo.com desde 2010co-fundador do braziljs foundationorganizador do rio...
OUTROS NOMES DA PROFISSÃOfront end developer htmlerweb developerimplementador deinterfaces webUI engineer
http://www.youtube.com/watch?v=lXGDRrkaRgUI’m afront endengineer
O QUE FAZ UMFRONT ENDENGINEER?
APTO A SE COMUNICARProduct ManagersEnd UsersEngineering ManagementUser Interface Designers
“é o profissional capaz de explorar o front-endde uma aplicação web não só como layout, mascomo interface móvel, mutante, i...
QUAL FORMAÇÃO ADEQUADA PARAFRONT ENDENGINEER?
INÍCIO NO BRASILfrontend-br no Y!iniciado por umgrupo de devs derecife
13anos atrás
ÉRAMOS ASSIM...
HTMLCSS2006...
precisa saberJAVASCRIPT?2006...
HTMLCONTEÚDO
CSSAPRESENTAÇÃO
JAVASCRIPTINTERAÇÃO
RICH INTERNETAPPLICATIONSAJAXMOBILEHTML5WEB 2.0BUZZWORDS
E AGORA?
SEMÂNTICAFERRAMENTASFRAMEWORKSLIBRARIESPRÉPROCESSADORESSEOTESTESPADRÕESWEB
XBROWSERXDEVICEXPLATFORM
XBROWSERXDEVICEXPLATFORM
“engineer”cada vez mais forte
O QUE PRECISOAPRENDER?
JAVASCRIPT RAWPROTOTYPEXHRJSONFORMAS DE CARREGAMENTOJAVASCRIPT
CSS RAWMEDIA QUERIESCOMPASSLESS/SCSS/SASSCSSPRÉ PROCESSADORES
GITTRABALHAR COM REPOSENTENDER BRANCHESPULL REQUESTCODE REVIEWCONTROLE DE VERSÃO
YSLOWPAGESPEEDBROWSERDIET.COMUI THREADJSLITMUSWEBPAGE TESTEPERFORMANCE
CSSLINTJSHINTQUALIDADE DE CÓDIGO
COMO SE MANTERATUALIZADO?
https://twitter.com/slicknet/status/292103833327370240
6 SEMANAS?
http://web-design-weekly.com/
http://html5weekly.com/
http://javascriptweekly.com
http://braziljs.org/
AH...É MUITA COISAPARA ESTUDAR...
COMO ESCOLHERO QUEESTUDAR?
COMEÇANDOPROJETO NOVO?QUANDO ESTOU...
QUERENDO MELHORARUM PROCESSO?QUANDO ESTOU...
FAZENDOBENCHMARK?QUANDO ESTOU...
PROVA NAFACULDADE
FERRAMENTAS
SOCIAL CODING
WORKFLOW
http://html5boilerplate.com/
PRÉPROCESSADORES
TESTES
FUNDAMENTESUASDECISÕES
SCSSOULESS?SITUAÇÃO
ENUMERE QUESTÕESQual tem menos bugs?Qual tem uma comunidade mais ativa?Qual tem a menor curva de aprendizado?Qual tem melh...
FOLLOWREFERÊNCIASDO MERCADO
GRANDES NOMES GRINGOS DA ÁREA@leaverou@paul_irish@codepo8@souders@slicknet@stoyanstefanov@stubbornella@addyosmani@firt@jere...
ALGUNS NOMES BRAZUCAS DA ÁREA@zenorocha@marcelduran@maujor@bergbrandt@fabiomcosta@eduardolundgren@bernarddeluna@jaydson@ir...
o que façopara ser um bomfrontend?
“Leia muito, saiba trabalhar emequipe, tenha noções de design eseja um excelente programador”Fábio CostaFront end Engineer...
“Precisa ter paixão por conectarpessoas a projetos, ter paixão por levara informação da melhor forma possívelao usuário, p...
“Mantenha-se curioso e famintopor conhecimento, dê valor aopoder da comunidade e saibatornar seu trabalho em diversão”Feli...
“Ser faminto por comunidades e ajudarpessoas, criar projetos próprios ou opensource. Ame o que faz e será o melhorFront en...
“Seja bom no que faz. Seja um bom programador.Estude lógica. Estude tecnologias diferentes. Leiadiariamente. Saiba tudo qu...
INGLÊSPENSAR NO PRODUTORESOLVER PROBLEMASSOFTWARE ENGINEERINGTRANSMITIR CONHECIMENTOUXDIFERENCIAIS
FAÇA SEUMELHOR!
OBRIGADONOVO HAMBURGO!github.com/davidsonfellipetwitter.com/davidsonfellipefacebook.com/fellipefellipe.com
www.fellipe.com/talksslides disponíveis em...
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Os segredos dos front end engineers
Próximos SlideShares
Carregando em…5
×

Os segredos dos front end engineers

1.648 visualizações

Publicada em

Publicada em: Tecnologia
3 comentários
20 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
1.648
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
0
Comentários
3
Gostaram
20
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Os segredos dos front end engineers

  1. 1. OS SEGREDOS DOSFRONT ENDENGINEERSpor davidson fellipewww.fellipe.com
  2. 2. comecei estudar html em 2000front end engineer na globo.com desde 2010co-fundador do braziljs foundationorganizador do rio.js, front in bh, pernambucojsmestrando na puc-rio
  3. 3. OUTROS NOMES DA PROFISSÃOfront end developer htmlerweb developerimplementador deinterfaces webUI engineer
  4. 4. http://www.youtube.com/watch?v=lXGDRrkaRgUI’m afront endengineer
  5. 5. O QUE FAZ UMFRONT ENDENGINEER?
  6. 6. APTO A SE COMUNICARProduct ManagersEnd UsersEngineering ManagementUser Interface Designers
  7. 7. “é o profissional capaz de explorar o front-endde uma aplicação web não só como layout, mascomo interface móvel, mutante, interativa,proporcionando, assim, uma experiência de usomais rica”Berg BrandtSenior Frontend Engineer no Yahoo!
  8. 8. QUAL FORMAÇÃO ADEQUADA PARAFRONT ENDENGINEER?
  9. 9. INÍCIO NO BRASILfrontend-br no Y!iniciado por umgrupo de devs derecife
  10. 10. 13anos atrás
  11. 11. ÉRAMOS ASSIM...
  12. 12. HTMLCSS2006...
  13. 13. precisa saberJAVASCRIPT?2006...
  14. 14. HTMLCONTEÚDO
  15. 15. CSSAPRESENTAÇÃO
  16. 16. JAVASCRIPTINTERAÇÃO
  17. 17. RICH INTERNETAPPLICATIONSAJAXMOBILEHTML5WEB 2.0BUZZWORDS
  18. 18. E AGORA?
  19. 19. SEMÂNTICAFERRAMENTASFRAMEWORKSLIBRARIESPRÉPROCESSADORESSEOTESTESPADRÕESWEB
  20. 20. XBROWSERXDEVICEXPLATFORM
  21. 21. XBROWSERXDEVICEXPLATFORM
  22. 22. “engineer”cada vez mais forte
  23. 23. O QUE PRECISOAPRENDER?
  24. 24. JAVASCRIPT RAWPROTOTYPEXHRJSONFORMAS DE CARREGAMENTOJAVASCRIPT
  25. 25. CSS RAWMEDIA QUERIESCOMPASSLESS/SCSS/SASSCSSPRÉ PROCESSADORES
  26. 26. GITTRABALHAR COM REPOSENTENDER BRANCHESPULL REQUESTCODE REVIEWCONTROLE DE VERSÃO
  27. 27. YSLOWPAGESPEEDBROWSERDIET.COMUI THREADJSLITMUSWEBPAGE TESTEPERFORMANCE
  28. 28. CSSLINTJSHINTQUALIDADE DE CÓDIGO
  29. 29. COMO SE MANTERATUALIZADO?
  30. 30. https://twitter.com/slicknet/status/292103833327370240
  31. 31. 6 SEMANAS?
  32. 32. http://web-design-weekly.com/
  33. 33. http://html5weekly.com/
  34. 34. http://javascriptweekly.com
  35. 35. http://braziljs.org/
  36. 36. AH...É MUITA COISAPARA ESTUDAR...
  37. 37. COMO ESCOLHERO QUEESTUDAR?
  38. 38. COMEÇANDOPROJETO NOVO?QUANDO ESTOU...
  39. 39. QUERENDO MELHORARUM PROCESSO?QUANDO ESTOU...
  40. 40. FAZENDOBENCHMARK?QUANDO ESTOU...
  41. 41. PROVA NAFACULDADE
  42. 42. FERRAMENTAS
  43. 43. SOCIAL CODING
  44. 44. WORKFLOW
  45. 45. http://html5boilerplate.com/
  46. 46. PRÉPROCESSADORES
  47. 47. TESTES
  48. 48. FUNDAMENTESUASDECISÕES
  49. 49. SCSSOULESS?SITUAÇÃO
  50. 50. ENUMERE QUESTÕESQual 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?
  51. 51. FOLLOWREFERÊNCIASDO MERCADO
  52. 52. GRANDES NOMES GRINGOS DA ÁREA@leaverou@paul_irish@codepo8@souders@slicknet@stoyanstefanov@stubbornella@addyosmani@firt@jeresig@cowboy @bergbrandt@valueof@rmurphey
  53. 53. ALGUNS NOMES BRAZUCAS DA ÁREA@zenorocha@marcelduran@maujor@bergbrandt@fabiomcosta@eduardolundgren@bernarddeluna@jaydson@irae@leobalter@millermedeiros@keppelen@felipenmoura
  54. 54. o que façopara ser um bomfrontend?
  55. 55. “Leia muito, saiba trabalhar emequipe, tenha noções de design eseja um excelente programador”Fábio CostaFront end Engineer no Facebook
  56. 56. “Precisa ter paixão por conectarpessoas a projetos, ter paixão por levara informação da melhor forma possívelao usuário, precisa ser a interface,como o macarrão em ‘A Dama e oVagabundo’, você é o macarrão!”Bernard de LunaProduct Designer na Estante Virtual
  57. 57. “Mantenha-se curioso e famintopor conhecimento, dê valor aopoder da comunidade e saibatornar seu trabalho em diversão”Felipe N. MouraFront end Engineer no Terra
  58. 58. “Ser faminto por comunidades e ajudarpessoas, criar projetos próprios ou opensource. Ame o que faz e será o melhorFront end do Planeta”Giovanni KeppelenFront end Engineer na Mobicare
  59. 59. “Seja bom no que faz. Seja um bom programador.Estude lógica. Estude tecnologias diferentes. Leiadiariamente. Saiba tudo que está acontecendo nomundo front-end. Participe de projetos open-source. Assista palestras. Dê palestras. Conversecom outras pessoas. Estude mais. Estude mais umpouco. Trabalhe bastante. Trabalhe anos na área.Muitos anos. Só assim, tu pode te considerar umbom front-end”Jaydson GomesFront end Engineer no Terra
  60. 60. INGLÊSPENSAR NO PRODUTORESOLVER PROBLEMASSOFTWARE ENGINEERINGTRANSMITIR CONHECIMENTOUXDIFERENCIAIS
  61. 61. FAÇA SEUMELHOR!
  62. 62. OBRIGADONOVO HAMBURGO!github.com/davidsonfellipetwitter.com/davidsonfellipefacebook.com/fellipefellipe.com
  63. 63. www.fellipe.com/talksslides disponíveis em...

×