Developer Experience (DevEx) no mundo Front-End: Do Ruby ao Next.js

Vamos entender profundamente a importância da DevEx no dia a dia de todas as pessoas desenvolvedoras Front-End. Partindo do Ruby Sass compilando CSS, passando pela W3C escrevendo especificações e indo além com a discussão de prós e contras sobre as facilidades do Next.js.

Transcript

1. afonsopacifer.com 1 Developer Experience (DevEx) No mundo Front-End Do Ruby ao Next.js
2. @afonsopacifer afonsopacifer.github.io 2 Senior Software Engineer@ Ambush
3. Código Gourme Experiência?
4. Uma experiência Hambúrguer
5. Uma experiência Drink
6. User Experience Design UX
7. A Experiência do Usuário (em inglês, User Experience - UX) é o que uma pessoa sente ao interagir com uma empresa, principalmente em um contexto de site, aplicação web ou outra tecnologia digital.
8. User Interface UI
9. UI é a sigla para “User Interface” ou Interface do usuário, em bom português, que corresponde ao layout de uma aplicação, ou seja, aos elementos grá fi cos que aparecem em uma página da web, um aplicativo ou um software.
10. Developer Experience?
11. 2020 4 anos atrás
14. 14 ```Uma das melhores decisões da minha carreira como desenvolvedor foi ir além de apenas usar ferramentas…`` - Afonso Pacifer
15. Voltando…
16. 2014 16 4 anos de carreira Full Stack (overflow)
17. Fr on t in BH
20. Ruby Stack 20
21. 2016 Front in Valle
23. Code UI e Dev UX
24. Clean Code, APIs, etc… Code UI
25. Responsabilidade Única
26. HTML <Input>
27. <input type=“text">
28. <input type=“submit”>
29. <input type=“reset”>
30. <input type=“hidden”>
31. JS UX
33. Escreve 1 vez lê milhares
34. Seu código como Interface
35. Dev UX DX DevEx
37. Eficiência e velocidade Produtividade
38. Implementar ideias e por em produção Impacto
39. Ambiente de desenvolvimento Satisfação Fluxo de trabalho
40. Ferramentas Satisfação
41. Se você não entende, ainda não precisa
42. Aprender sobre Decisões de Code UI de outras pessoas
44. - stress + impacto
45. Ou…
46. O Momento Flo Rida
48. Exemplos
53. Vercel
54. Resend
55. Docs First
56. - stress + impacto
57. O Momento Flo Rida
58. Decida a Code UI e ajude outros a entenderem
59. Banana CSS https://github.com/bananacss 🍌 The Brazilian CSS superset.
61. Utilize o que seus “usuários" já sabem
62. Millenium.js https://github.com/millenniumjs 🚀 Render your front-end in less than 12 parsecs.
63. https://github.com/millenniumjs
64. Não quebre a DevEx
65. https://github.com/afonsopacifer/nomsjs N.O.M.s 🔮 Universal/isomorphic javascript unit tests for witches.
66. https://github.com/afonsopacifer/nomsjs
67. Mercado de Trabalho? 67
68. Hard Skills? 68
69. Soft Skills? 69
70. Comunidades 70
72. Lembre-se…
73. 73 ```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
74. Reinventar a roda? 74
75. @afonsopacifer afonsopacifer.github.io 75
76. Obrigado afonsopacifer.github.io 76 @afonsopacifer TDC