Os segredos dos front end engineers

1.712 visualizações

Publicada em

Publicada em: Tecnologia
3 comentários
21 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
1.712
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
21
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...

×