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
42
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
30
Open Source e Developer Experience
afonsopacifer
1
62
Do Zero ao Sênior Apenas com Projetos Open Source
afonsopacifer
1
49
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
afonsopacifer
0
48
Recriando o React do Zero em 10 minutos
afonsopacifer
0
58
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
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
3
750
ナレッジイネイブリングにAIを活用してみる ゆるSRE勉強会 #9
nealle
0
160
sappoRo.R #12 初心者セッション
kosugitti
0
280
iOSでQRコード生成奮闘記
ktcryomm
2
110
CSS Linter による Baseline サポートの仕組み
ryo_manba
1
160
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
390
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
1.1k
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
270
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
55
19k
color-scheme: light dark; を完全に理解する
uhyo
7
500
Boos Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
470
DevNexus - Create AI Infused Java Apps with LangChain4j
kdubois
0
120
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
A better future with KSS
kneath
238
17k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
260
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
Writing Fast Ruby
sferik
628
61k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
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