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

Conhecendo a área de Developer Experience (DevEx)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Afonso Pacifer Afonso Pacifer
July 12, 2024
Programming
0
110

Conhecendo a área de Developer Experience (DevEx)

Avatar for Afonso Pacifer

Afonso Pacifer

July 12, 2024
Tweet

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
83
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
110
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
Avatar for Afonso Pacifer afonsopacifer
0
100
Recriando o React do Zero em 10 minutos
Avatar for Afonso Pacifer afonsopacifer
0
110
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
Avatar for Afonso Pacifer afonsopacifer
0
200
HTML 5.3: O que existe além de a11y e SEO?
Avatar for Afonso Pacifer afonsopacifer
0
200
State of JS 2022
Avatar for Afonso Pacifer afonsopacifer
0
320
Welcome CSS LV5
Avatar for Afonso Pacifer afonsopacifer
0
250

Other Decks in Programming

See All in Programming
GC言語のWasm化とComponent Modelサポートの実践と課題 - Scalaの場合
Avatar for Rikito Taniguchi tanishiking
0
120
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
16
3.3k
Goの型安全性で実現する複数プロダクトの権限管理
Avatar for ishikawa-pro ishikawa_pro
2
470
maplibre-gl-layers - 地図に移動体たくさん表示したい
Avatar for Kouji Matsui kekyo
PRO
0
290
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
310
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
Avatar for nnaka2992 nnaka2992
1
310
AWS Infrastructure as Code の新機能 2025 総まとめ 〜SA 4人による怒涛のデモ祭り〜
Avatar for Kenji Kono konokenj
10
3.4k
Claude Codeログ基盤の構築
Avatar for giginet giginet
PRO
7
3.4k
安いハードウェアでVulkan
Avatar for Fadis fadis
0
540
[SF Ruby Feb'26] The Silicon Heel
Avatar for Vladimir Dementyev palkan
0
110
LangChain4jとは一味違うLangChain4j-CDI
Avatar for Kenji Kazumura kazumura
1
200
「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル
Avatar for atani atani14
0
400

Featured

See All Featured
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
230
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
110
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.5k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
470
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
78
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k

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