$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Make your JavaScript projects more accessible t...
Search
Matija Marohnić
October 09, 2020
Programming
0
76
Make your JavaScript projects more accessible to newcomers
Matija Marohnić
October 09, 2020
Tweet
Share
More Decks by Matija Marohnić
See All by Matija Marohnić
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
silvenon
0
9
Introduction to Remix
silvenon
0
140
Cypress vs. Playwright
silvenon
0
160
Studying Strapi: an open source head headless CMS
silvenon
0
46
CSS Specificity
silvenon
0
36
React Hooks
silvenon
0
81
PostCSS
silvenon
0
45
CSS Custom Properties
silvenon
0
40
Maintainable Integration Testing in React
silvenon
0
45
Other Decks in Programming
See All in Programming
Go コードベースの構成と AI コンテキスト定義
andpad
0
140
Jetpack XR SDKから紐解くAndroid XR開発と技術選定のヒント / about-androidxr-and-jetpack-xr-sdk
drumath2237
1
190
「コードは上から下へ読むのが一番」と思った時に、思い出してほしい話
panda728
PRO
39
26k
生成AIを利用するだけでなく、投資できる組織へ
pospome
2
400
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
320
実は歴史的なアップデートだと思う AWS Interconnect - multicloud
maroon1st
0
260
Grafana:建立系統全知視角的捷徑
blueswen
0
190
JETLS.jl ─ A New Language Server for Julia
abap34
2
450
GoLab2025 Recap
kuro_kurorrr
0
780
AI Agent Dojo #4: watsonx Orchestrate ADK体験
oniak3ibm
PRO
0
110
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
170
著者と進める!『AIと個人開発したくなったらまずCursorで要件定義だ!』
yasunacoffee
0
160
Featured
See All Featured
A designer walks into a library…
pauljervisheath
210
24k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
340
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
286
14k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Curse of the Amulet
leimatthew05
0
4.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
Highjacked: Video Game Concept Design
rkendrick25
PRO
0
250
How to build a perfect <img>
jonoalderson
0
4.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Ethics towards AI in product and experience design
skipperchong
1
140
Designing Experiences People Love
moore
143
24k
Transcript
Pisanje blog posta Matija Maronhić Improvement Day
Pisanje
“Ne znam dobro engleski ” • Andrey Sitnik (PostCSS, Autoprefixer
itd.) • 5 gramatičkih pogreški u svakoj rečenici • nikoga nije briga jer radi zakon stvari
“O čemu da pišem?” • o tome što si naučio
prošli tjedan • ja sam napisao blog post o tome kako se riješiti moljaca • nijedan blog post nije previše kratak ili previše osnovan
“Make your JavaScript projects more accessible to newcomers”
Developer experience (DX) • ljudi dolaze i odlaze iz projekta
i firme • dobar DX čini projekte fleksibilnijima • zbog lošeg DX-a se ljudi koji se tek zagrijavaju mogu osjećati zapostavljeno ili neadekvatno • ali mnogi developeri mrze raditi na tome
Progressive disclosure • uzorak u interaktivnom dizajnu • zašto ne
primijeniti nešto slično u DX-u? • postupno otkrivati logiku projekta
npm skripta
npm skripta
gulp task
Dokumentacija • dobre konvencije > dobra dokumentacija • automatizirati što
je više moguće • out of sight, out of mind
Automatizacija dokumentacije
Automatizacija dokumentacije
Umjesto CONTRIBUTING.md • npm skripte (npr. prepublishOnly) • git hookovi
• deskriptivni errori
Konvencije • lintanje pomoću pre-commit, commit-msg • verzija Yarna pomoću
“engines” • minimizacija CONTRIBUTING.md
“DX Developer”? “Platform Developer”?