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
2.1k

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
Adventures from Enzyme to React Testing Library
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
1
92
O melhor da monitoração de web performance
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
0
330
Guia do Front-end das galáxias
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
3
210
Workflow para desenvolvimento web e mobile usando gruntjs
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
2
86
Como é trabalhar na Globo.com?
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
3
80
Guia prático de desenvolvimento front-end para django devs
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
1
110
Practical guide for front-end development for Django Devs
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
0
51
Esse cara é o Grunt
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
9
540
It's Javascript Time
054c583ad5dc09a861874e14dcb43e4c?s=48 fellipe
6
410

Other Decks in Programming

See All in Programming
もしも、 上司に鬼退治を命じられたら~プロジェクト計画編~
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
0
270
既存のプロジェクトにKMMを導入するための対応策
Ae276805027a01983503c3edafbdb6b2?s=48 martysuzuki
2
290
質とスピード（2022春版、質疑応答用資料付き） / Quality and Speed 2022 Spring Edition
9f3a83db74bee75a64b5e6ed106a775c?s=48 twada
PRO
28
18k
LOWYAの信頼性向上とNew Relic
F95bdf0d9003fa506a9f7448335da1af?s=48 kazumax55
4
340
Becoming an Android Librarian
D4df9c152982182ce1125e49fe83527c?s=48 skydoves
3
450
人類には難しいZynqで組み込みRust
717f16e7d3120b665ab6c0da4d397140?s=48 ikemori
0
490
Node.js 最新動向 TFCon 2022
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
6
2.7k
About Type Syntax Proposal
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
1
1k
Monadic Java
9eafc29df96e6aaf4a3eb4c0209086ae?s=48 mariofusco
4
260
Unity Localization で多言語対応実装しよう / xrdnk-yokohamaunity-lt10-20220513
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
100
How useEvent would change our applications
45daf58c77e9dbbab5a1c8a5afc7ac5c?s=48 koba04
1
1.5k
Where and how to run UI tests (Droidcon London, 2021)
E20836b1ea89956e0b96362046e2b564?s=48 nonews
0
210

Featured

See All Featured
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
41
6.7k
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
261
17k
Designing Dashboards & Data Visualisations in Web Apps
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
49k
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
11k
Done Done
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
Designing on Purpose - Digital PM Summit 2013
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.6k
The Mythical Team-Month
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
208
39k
A Modern Web Designer's Workflow
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
689
180k
BBQ
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
74
7.9k
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.3k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.3k
Building Applications with DynamoDB
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
83
4.6k

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