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
76

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
65
Open Source e Developer Experience
Avatar for Afonso Pacifer afonsopacifer
1
89
Do Zero ao Sênior Apenas com Projetos Open Source
Avatar for Afonso Pacifer afonsopacifer
1
80
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
Avatar for Afonso Pacifer afonsopacifer
0
81
Recriando o React do Zero em 10 minutos
Avatar for Afonso Pacifer afonsopacifer
0
83
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
Avatar for Afonso Pacifer afonsopacifer
0
190
HTML 5.3: O que existe além de a11y e SEO?
Avatar for Afonso Pacifer afonsopacifer
0
180
State of JS 2022
Avatar for Afonso Pacifer afonsopacifer
0
290
Welcome CSS LV5
Avatar for Afonso Pacifer afonsopacifer
0
220

Other Decks in Programming

See All in Programming
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
Avatar for Masayuki Izumi izumin5210
0
3.4k
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
150
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
450
理論と実務のギャップを超える
Avatar for kmuto eycjur
0
170
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
Avatar for imkaoru imkaoru
4
880
フロントエンド開発のためのブラウザ組み込みAI入門
Avatar for Masashi Hirano masashi
7
3.4k
20251016_Rails News ～Rails 8.1の足音を聴く～
Avatar for Masato Mori morimorihoge
2
670
タスクの特性や不確実性に応じた最適な作業スタイルの選択（ペアプロ・モブプロ・ソロプロ）と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
Avatar for yuki honyanya
3
190
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
110
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
790
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
250
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
Avatar for RIZAPテクノロジーズ rizap_tech
0
6.7k

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
185
16k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
61k

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