Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Conhecendo a área de Developer Experience (DevEx)

Avatar for Afonso Pacifer Afonso Pacifer
July 12, 2024
Programming
150
0

Conhecendo a área de Developer Experience (DevEx)

Avatar for Afonso Pacifer

Afonso Pacifer

July 12, 2024

More Decks by Afonso Pacifer

See All by Afonso Pacifer
Developer Experience (DevEx) no mundo Front-End: Do Ruby ao Next.js
Avatar for Afonso Pacifer afonsopacifer
0
130
Open Source e Developer Experience
Avatar for Afonso Pacifer afonsopacifer
1
180
Do Zero ao Sênior Apenas com Projetos Open Source
Avatar for Afonso Pacifer afonsopacifer
1
140
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
Avatar for Afonso Pacifer afonsopacifer
0
140
Recriando o React do Zero em 10 minutos
Avatar for Afonso Pacifer afonsopacifer
0
150
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
Avatar for Afonso Pacifer afonsopacifer
0
250
HTML 5.3: O que existe além de a11y e SEO?
Avatar for Afonso Pacifer afonsopacifer
0
240
State of JS 2022
Avatar for Afonso Pacifer afonsopacifer
0
360
Welcome CSS LV5
Avatar for Afonso Pacifer afonsopacifer
0
300

Other Decks in Programming

See All in Programming
AI時代のシニアエンジニアとは
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
11
9.2k
R8 の設定見直しでアプリサイズ削減
Avatar for ANDPAD inc andpad
0
230
dotNET_vulnclicker_intro.pdf
Avatar for Tomohiko Morita deka_morita
0
150
FactoryBotをやめればRSpecは速くなるのか？
Avatar for nissyi yuta_onishi_97
0
1.2k
[Dev Group Paris Octobre 26] Agentforce, SIforce, Claudeforce, Slackbot… on s'y retrouve ?
Avatar for Nathan Abondance nabondance
0
120
あなたの await、OS まで届いてる？ strace で覗く JavaScript の非同期
Avatar for hasuto sasaki hasutosasaki
1
1.5k
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
1.6k
クラウドゲーミングのパフォーマンス最適化に挑む / Cloud Gaming Performance Tuning
Avatar for viviON vivion
0
260
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
740
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.7k
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
330
Performance Optimization With LLMs
Avatar for xLeitix xleitix
0
210

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.4k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
530
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
Avatar for Christian Goodrich cargoodrich
3
880
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
12k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
610
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
371
20k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
510

Transcript

  1. afonsopacifer.github.io 1 Conhecendo a area de Developer Experience

  2. @afonsopacifer afonsopacifer.github.io 2 Senior Software Engineer & Front-End Specialist

  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. 2016 Front in Valle

  11. None

  12. Code UI e Dev UX

  13. Clean Code, APIs, etc… Code UI

  14. Fã ou Hater? Clean Code

  15. None

  16. Responsabilidade Única

  17. HTML <Input>

  18. <input type=“text">

  19. <input type=“submit”>

  20. <input type=“reset”>

  21. <input type=“hidden”>

  22. Dicas

  23. Escreve 1 vez lê milhares

  24. Seu código como Interface

  25. Dev UX DX DevEx

  26. None

  27. Eficiência e velocidade Produtividade

  28. Implementar ideias e por em produção Impacto

  29. Ambiente de desenvolvimento Satisfação Fluxo de trabalho

  30. Ferramentas Satisfação

  31. Se você não entende, ainda não precisa

  32. Aprender sobre Decisões de Code UI de outras pessoas

  33. - stress + impacto

  34. Ou…

  35. O Momento Flo Rida

  36. None

  37. Exemplos

  38. None
  39. None

  40. Heroku e Vercel

  41. Resend

  42. - stress + impacto

  43. Decida a Code UI e ajude outros a entenderem

  44. Banana CSS https://github.com/bananacss 🍌 The Brazilian CSS superset.

  45. 45

  46. Utilize o que seus “usuários" já sabem

  47. Millenium.js https://github.com/millenniumjs 🚀 Render your front-end in less than 12

    parsecs.

  48. https://github.com/millenniumjs

  49. Não quebre a DevEx

  50. https://github.com/afonsopacifer/nomsjs N.O.M.s 🔮 Universal/isomorphic javascript unit tests for witches.

  51. https://github.com/afonsopacifer/nomsjs

  52. @afonsopacifer afonsopacifer.github.io 52

  53. Mercado de Trabalho? 53

  54. Hard Skills? 54

  55. Soft Skills? 55

  56. Comunidades 56

  57. 57

  58. Lembre-se…

  59. None

  60. Obrigado afonsopacifer.github.io 60 @afonsopacifer CPBR16