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

Conhecendo a área de Developer Experience (DevEx)

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

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
80
Open Source e Developer Experience
Avatar for Afonso Pacifer afonsopacifer
1
130
Do Zero ao Sênior Apenas com Projetos Open Source
Avatar for Afonso Pacifer afonsopacifer
1
100
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
Avatar for Afonso Pacifer afonsopacifer
0
97
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
310
Welcome CSS LV5
Avatar for Afonso Pacifer afonsopacifer
0
250

Other Decks in Programming

See All in Programming
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
Avatar for hisuzuya hisuzuya
4
480
CDIの誤解しがちな仕様とその対処TIPS
Avatar for futokiyo futokiyo
0
170
The Ralph Wiggum Loop: First Principles of Autonomous Development
Avatar for Ryuichiro Semba sembayui
0
3.7k
CopilotKit + AG-UIを学ぶ
Avatar for NearMeの技術発表資料です nearme_tech
PRO
1
130
New in Go 1.26 Implementing go fix in product development
Avatar for sunecosuri sunecosuri
0
330
TipKitTips
Avatar for Ryomm ktcryomm
0
150
NOT A HOTEL - 建築や人と融合し、自由を創り出すソフトウェア
Avatar for Hokuto Shimokawa not_a_hokuts
2
560
RubyとGoでゼロから作る証券システム： 高信頼性が求められるシステムのコードの外側にある設計と運用のリアル
Avatar for free_world21 free_world21
0
210
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
2k
AIプロダクト時代のQAエンジニアに求められること
Avatar for imtnd imtnd
2
700
どんと来い、データベース信頼性エンジニアリング / Introduction to DBRE
Avatar for nnaka2992 nnaka2992
1
130
ご飯食べながらエージェントが開発できる。そう、Agentic Engineeringならね。
Avatar for yoko / Naoki Yokomachi yokomachi
1
280

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.7k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
580
Between Models and Reality
Avatar for mayunak mayunak
2
230
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k

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