Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Conhecendo a área de Developer Experience (DevEx)

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Afonso Pacifer Afonso Pacifer
July 12, 2024
Programming
110
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
93
Open Source e Developer Experience
Avatar for Afonso Pacifer afonsopacifer
1
140
Do Zero ao Sênior Apenas com Projetos Open Source
Avatar for Afonso Pacifer afonsopacifer
1
120
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
Avatar for Afonso Pacifer afonsopacifer
0
110
Recriando o React do Zero em 10 minutos
Avatar for Afonso Pacifer afonsopacifer
0
120
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
Avatar for Afonso Pacifer afonsopacifer
0
220
HTML 5.3: O que existe além de a11y e SEO?
Avatar for Afonso Pacifer afonsopacifer
0
210
State of JS 2022
Avatar for Afonso Pacifer afonsopacifer
0
330
Welcome CSS LV5
Avatar for Afonso Pacifer afonsopacifer
0
260

Other Decks in Programming

See All in Programming
ReactとSvelteのその先、Ripple-TS / Beyond React and Svelte: Ripple-TS
Avatar for TOMIKAWA Sotaro ssssota
0
200
過去のレビュー知見をSkillsで資産化した話
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
2k
GitHubCopilotCLIをはじめよう.pdf
Avatar for tkym htkym
0
340
HTML-Aware ERB: The Path to Reactive Rendering @ RubyKaigi 2026, Hakodate, Japan
Avatar for Marco Roth marcoroth
0
720
KMP × Kotlin 2.3 - How Android Got Slower While iOS Builds Improved by 47%
Avatar for Ryosuke Shimizu (RIO) rio432
0
200
PHPでバイナリをパースして理解するASN.1
Avatar for muno92 muno92
PRO
0
460
Agent Skills を社内で育てる仕組み作り
Avatar for jackchuka jackchuka
1
2.1k
AI Agent と正しく分析するための環境作り
Avatar for yosh_yumyum yoshyum
2
520
[BalkanRuby 2026] Drop your app/services!
Avatar for Vladimir Dementyev palkan
3
490
20年以上続くプロダクトでも使い続けられる静的解析ツールを求めて
Avatar for Atsushi Matsuo matsuo_atsushi
0
150
いつか誰かが、と思っていた フロントエンド刷新5年間の実践知
Avatar for Kiichi Sugihara kiichisugihara
1
280
Oxlintはいかにしてtsgolintのlint ruleを呼び出しているのか
Avatar for syumai syumai
0
240

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
180
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.3k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.5k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.9k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
380
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
170
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.3k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
140

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