Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista

1. afonsopacifer.github.io Guia para se tornar uma Pessoa Desenvolvedora 1 Front end Especialista Descolada
2. Afonso Pacifer @afonsopacifer afonsopacifer.github.io DevRel & Front-End Specialist 2
3. 3 SP
5. 5 https://roadmap.sh/frontend
7. Sem Roadmaps E sem frameworks 7
8. 8 ```Uma das melhores decisões da minha carreira como desenvolvedor foi ir além de apenas usar ferramentas…`` - Afonso Pacifer
9. Como faz? 9
10. 2014 4 anos de carreira Full Stack
11. Fr on t in BH
12. Tracking.js https://trackingjs.com/
13. https://trackingjs.com/
15. Eu me demiti para Estudar 15
17. Write code Every Day 17
20. O Básico HTML === Semântica?
21. Semântica é o estudo do signi fi cado. [1] Incide sobre a relação entre signi fi cantes, tais como palavras, frases, sinais e símbolos, e o que eles representam, a sua denotação. Semântica
22. Importa Para quem?
23. Existe diferença Div X Button?
24. Live Code https://codepen.io/afonsopacifer/pen/BaPmKXr • Aparência • UI feedbacks (Hover, Active, etc…) • Acessível via teclado (tabIndex) •Leitor de tela (Wai-Aria) •Evento click mapeado para teclado
25. Sobre empatia A hora de criar um componente que não existe no HTML
26. CSS Não usar framework para aprender
27. Aprendi a Ler a especificação 27
28. Achei algo interessante 28
29. CSS GRID Layout 29 2015
30. 30 2/2
36. CSS Das Ruas 36
37. Jogos Apenas Com CSS 37 counter-increment: score; content: "Score "counter(score)"/50"; .egg-check:checked + .score-up
39. Me Tornei um Evangelista CSS 39
40. Eu não Sabia Javascript 40
41. Mas Eu Sabia aprender 41
42. Referencias De Front Usavam Node.js 42
43. Front in Vale 43
45. Banana CSS https://github.com/bananacss 🍌 The Brazilian CSS superset.
47. 47 E o Browser?
48. Millenium.js https://github.com/millenniumjs 🚀 Render your front-end in less than 12 parsecs.
49. https://github.com/millenniumjs
50. 50 Prog. Funcional?
51. https://github.com/burnoutjs 🎮 The 2D game engine for manage collisions.
52. https://github.com/burnoutjs
53. 53 Testes, Isomorfismo?
54. https://github.com/afonsopacifer/nomsjs N.O.M.s 🔮 Universal/isomorphic javascript unit tests for witches.
55. https://github.com/afonsopacifer/nomsjs
56. Por fim 56
57. Mercado de Trabalho? 57
58. Hard Skills? 58
60. 60 N.O.M.s Dev Descolado
61. Javascript Das Ruas 61
62. Reddit 62
63. Soft Skills 63
64. Comunidades 64
65. A comunidade mudou a minha vida 65
67. 67 Developer Relations
68. 68 ```Uma das melhores decisões da minha carreira como desenvolvedor foi ir além de apenas usar ferramentas, eu decidi tentar criá-las`` - Afonso Pacifer
69. Reinventar a roda? 69
70. @afonsopacifer Obrigado Dev Tec afonsopacifer.github.io 70