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
66
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
55
Open Source e Developer Experience
afonsopacifer
1
78
Do Zero ao Sênior Apenas com Projetos Open Source
afonsopacifer
1
73
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
afonsopacifer
0
74
Recriando o React do Zero em 10 minutos
afonsopacifer
0
78
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
afonsopacifer
0
180
HTML 5.3: O que existe além de a11y e SEO?
afonsopacifer
0
160
State of JS 2022
afonsopacifer
0
280
Welcome CSS LV5
afonsopacifer
0
220
Other Decks in Programming
See All in Programming
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
18
9k
Workers を定期実行する方法は一つじゃない
rokuosan
0
120
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
680
TypeScriptでDXを上げろ! Hono編
yusukebe
3
850
生成AI時代のコンポーネントライブラリの作り方
touyou
1
300
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
180
「App Intent」よくわからんけどすごい!
rinngo0302
1
120
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
39
14k
はじめてのWeb API体験 ー 飲食店検索アプリを作ろうー
akinko_0915
0
160
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
1
350
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
630
Python型ヒント完全ガイド 初心者でも分かる、現代的で実践的な使い方
mickey_kubo
1
250
Featured
See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Into the Great Unknown - MozCon
thekraken
40
1.9k
The Invisible Side of Design
smashingmag
301
51k
RailsConf 2023
tenderlove
30
1.2k
Six Lessons from altMBA
skipperchong
28
3.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
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