Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Conhecendo a área de Developer Experience (DevEx)
Search
Afonso Pacifer
July 12, 2024
Programming
0
39
Conhecendo a área de Developer Experience (DevEx)
Afonso Pacifer
July 12, 2024
Tweet
Share
More Decks by Afonso Pacifer
See All by Afonso Pacifer
Developer Experience (DevEx) no mundo Front-End: Do Ruby ao Next.js
afonsopacifer
0
28
Open Source e Developer Experience
afonsopacifer
1
59
Do Zero ao Sênior Apenas com Projetos Open Source
afonsopacifer
1
47
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
afonsopacifer
0
45
Recriando o React do Zero em 10 minutos
afonsopacifer
0
56
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
afonsopacifer
0
150
HTML 5.3: O que existe além de a11y e SEO?
afonsopacifer
0
130
State of JS 2022
afonsopacifer
0
250
Welcome CSS LV5
afonsopacifer
0
190
Other Decks in Programming
See All in Programming
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
220
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
Open source software: how to live long and go far
gaelvaroquaux
0
620
GAEログのコスト削減
mot_techtalk
0
110
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
29
11k
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.1k
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
270
CNCF Project の作者が考えている OSS の運営
utam0k
5
690
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
110
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
SwiftUI Viewの責務分離
elmetal
PRO
0
140
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Unsuck your backbone
ammeep
669
57k
Bash Introduction
62gerente
610
210k
Rails Girls Zürich Keynote
gr2m
94
13k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Transcript
afonsopacifer.github.io 1 Conhecendo a area de Developer Experience
@afonsopacifer afonsopacifer.github.io 2 Senior Software Engineer & Front-End Specialist
Código Gourme Experiência?
Uma experiência Hambúrguer
Uma experiência Drink
User Experience Design UX
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.
User Interface UI
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.
2016 Front in Valle
None
Code UI e Dev UX
Clean Code, APIs, etc… Code UI
Fã ou Hater? Clean Code
None
Responsabilidade Única
HTML <Input>
<input type=“text">
<input type=“submit”>
<input type=“reset”>
<input type=“hidden”>
Dicas
Escreve 1 vez lê milhares
Seu código como Interface
Dev UX DX DevEx
None
Eficiência e velocidade Produtividade
Implementar ideias e por em produção Impacto
Ambiente de desenvolvimento Satisfação Fluxo de trabalho
Ferramentas Satisfação
Se você não entende, ainda não precisa
Aprender sobre Decisões de Code UI de outras pessoas
- stress + impacto
Ou…
O Momento Flo Rida
None
Exemplos
None
None
Heroku e Vercel
Resend
- stress + impacto
Decida a Code UI e ajude outros a entenderem
Banana CSS https://github.com/bananacss 🍌 The Brazilian CSS superset.
45
Utilize o que seus “usuários" já sabem
Millenium.js https://github.com/millenniumjs 🚀 Render your front-end in less than 12
parsecs.
https://github.com/millenniumjs
Não quebre a DevEx
https://github.com/afonsopacifer/nomsjs N.O.M.s 🔮 Universal/isomorphic javascript unit tests for witches.
https://github.com/afonsopacifer/nomsjs
@afonsopacifer afonsopacifer.github.io 52
Mercado de Trabalho? 53
Hard Skills? 54
Soft Skills? 55
Comunidades 56
57
Lembre-se…
None
Obrigado afonsopacifer.github.io 60 @afonsopacifer CPBR16