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
15
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
6
Open Source e Developer Experience
afonsopacifer
0
43
Do Zero ao Sênior Apenas com Projetos Open Source
afonsopacifer
1
23
Guia para se tornar uma Pessoa Desenvolvedora Front-end Especialista
afonsopacifer
0
26
Recriando o React do Zero em 10 minutos
afonsopacifer
0
36
O CAMINHO PARA SE TORNAR UM(A) MESTRE(A) DOS ESTILOS COM CSS LV 5.
afonsopacifer
0
120
HTML 5.3: O que existe além de a11y e SEO?
afonsopacifer
0
91
State of JS 2022
afonsopacifer
0
210
Welcome CSS LV5
afonsopacifer
0
180
Other Decks in Programming
See All in Programming
EventSourcingの理想と現実
wenas
6
2.1k
RailsのPull requestsのレビューの時に私が考えていること
yahonda
5
2.3k
レガシーシステムにどう立ち向かうか 複雑さと理想と現実/vs-legacy
suzukihoge
10
1.6k
リリース8年目のサービスの1800個のERBファイルをViewComponentに移行した方法とその結果
katty0324
5
3.9k
外部システム連携先が10を超えるシステムでのアーキテクチャ設計・実装事例
kiwasaki
1
240
gopls を改造したら開発生産性が高まった
satorunooshie
8
260
Sidekiqで実現する 長時間非同期処理の中断と再開 / Pausing and Resuming Long-Running Asynchronous Jobs with Sidekiq
hypermkt
6
2.9k
現場で役立つモデリング 超入門
masuda220
PRO
14
3k
Vue.js学習の振り返り
hiro_xre
2
140
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
160
プロジェクト新規参入者のリードタイム短縮の観点から見る、品質の高いコードとアーキテクチャを保つメリット
d_endo
1
1k
Amazon Qを使ってIaCを触ろう!
maruto
0
320
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6k
Building Adaptive Systems
keathley
38
2.2k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Navigating Team Friction
lara
183
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
A designer walks into a library…
pauljervisheath
202
24k
Bash Introduction
62gerente
608
210k
Into the Great Unknown - MozCon
thekraken
32
1.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
YesSQL, Process and Tooling at Scale
rocio
168
14k
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