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
Make your JavaScript projects more accessible t...
Search
Matija Marohnić
October 09, 2020
Programming
92
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Make your JavaScript projects more accessible to newcomers
Matija Marohnić
October 09, 2020
More Decks by Matija Marohnić
See All by Matija Marohnić
oxlint & oxfmt: linting and formatting from the future
silvenon
0
30
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
silvenon
0
23
Introduction to Remix
silvenon
0
160
Cypress vs. Playwright
silvenon
0
170
Studying Strapi: an open source head headless CMS
silvenon
0
57
CSS Specificity
silvenon
0
64
React Hooks
silvenon
0
95
PostCSS
silvenon
0
65
CSS Custom Properties
silvenon
0
53
Other Decks in Programming
See All in Programming
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
suikabar
3
740
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
370
スマートグラスで並列バイブコーディング
hyshu
0
260
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
macha64
0
570
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
niftycorp
PRO
0
230
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
160
Webフレームワークの ベンチマークについて
yusukebe
0
180
Vue × Nuxt × Oxc どこまで使える?実運用の現在地
andpad
0
300
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
tk3fftk
5
920
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
130
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
tnagao7
0
120
Claspは野良GASの夢をみるか
takter00
0
210
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.3k
Abbi's Birthday
coloredviolet
3
8.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
290
Why Our Code Smells
bkeepers
PRO
340
58k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
630
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
66
55k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
250
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
220
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”?