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
4
Conhecendo a área de Developer Experience (DevEx)
Afonso Pacifer
July 12, 2024
Tweet
Share
More Decks by Afonso Pacifer
See All by Afonso Pacifer
Open Source e Developer Experience
afonsopacifer
0
33
Do Zero ao Sênior Apenas com Projetos Open Source
afonsopacifer
0
13
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
afonsopacifer
0
17
Recriando o React do Zero em 10 minutos
afonsopacifer
0
26
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
afonsopacifer
0
110
HTML 5.3: O que existe além de a11y e SEO?
afonsopacifer
0
80
State of JS 2022
afonsopacifer
0
200
Welcome CSS LV5
afonsopacifer
0
180
No pain no gain
afonsopacifer
0
150
Other Decks in Programming
See All in Programming
Increased Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
380
GraphQL あるいは React における自律的なデータ取得について
quramy
11
3k
実践!難読化ガイド
mitchan
0
200
Modular Monolith Go Server with GraphQL Federation + gRPC
110y
1
580
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Google Sign-inの移行から始めるCredential Manager活用
clockvoid
0
310
仮想ファイルシステムを導入して開発環境のストレージ課題を解消する
segadevtech
2
550
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
430
はじめてみよう量子プログラミング
itokoichi01
0
210
事業フェーズの変化に対応する 開発生産性向上のゼロイチ
masaygggg
0
200
unique パッケージから学ぶ interning と weak reference @ Asakusa.go#3
karamaru
2
810
Understand the mechanism! Let's do screenshots tests of Compose Previews with various variations / 仕組みから理解する!Composeプレビューを様々なバリエーションでスクリーンショットテストしよう
sumio
3
800
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
228
18k
How to Ace a Technical Interview
jacobian
274
23k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
Designing with Data
zakiwarfel
98
5k
Faster Mobile Websites
deanohume
304
30k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
Design by the Numbers
sachag
277
19k
Thoughts on Productivity
jonyablonski
66
4.2k
Web development in the modern age
philhawksworth
205
10k
Typedesign – Prime Four
hannesfritz
39
2.3k
How GitHub (no longer) Works
holman
310
140k
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