Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Make your JavaScript projects more accessible t...

Avatar for Matija Marohnić Matija Marohnić
October 09, 2020
Programming
99
0

Make your JavaScript projects more accessible to newcomers

Avatar for Matija Marohnić

Matija Marohnić

October 09, 2020

More Decks by Matija Marohnić

See All by Matija Marohnić
oxlint & oxfmt: linting and formatting from the future
Avatar for Matija Marohnić silvenon
0
41
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
Avatar for Matija Marohnić silvenon
0
32
Introduction to Remix
Avatar for Matija Marohnić silvenon
0
170
Cypress vs. Playwright
Avatar for Matija Marohnić silvenon
0
190
Studying Strapi: an open source head headless CMS
Avatar for Matija Marohnić silvenon
0
63
CSS Specificity
Avatar for Matija Marohnić silvenon
0
72
React Hooks
Avatar for Matija Marohnić silvenon
0
100
PostCSS
Avatar for Matija Marohnić silvenon
0
67
CSS Custom Properties
Avatar for Matija Marohnić silvenon
0
67

Other Decks in Programming

See All in Programming
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
Avatar for bash0C7 bash0c7
0
410
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
280
Vibes Containers 〜AIで変わるコンテナ設計と運用〜
Avatar for Tetsuya Kikuchi tkikuc
3
550
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
2
810
世界の中心で、AI（App Intents）をさけぶ ー App Intents中心設計の実践ガイド
Avatar for touyou touyou
0
600
『寄り添うラジオ』をAIで作る 体験価値から逆算した、会話しないUXと品質設計
Avatar for テオリア・テクノロジーズ theoriatec2024
3
180
海上で動くGoサーバー: goroutineとchannelでさばく航行データストリーム
Avatar for Atsuki Seo atsuki_seo
0
730
AWS DevOps Agentで インシデント対応をAIに任せたい
Avatar for HonMarkHunt honmarkhunt
7
3k
速く作れる。その次は、速く確かめられる開発へ 〜AIネイティブ開発を支える、Shift Down〜 / Can build fast. Next, moving to development where we can verify fast.
Avatar for r-kagaya rkaga
5
3.3k
Java 27新機能 / Java 27 new features
Avatar for Naoki Kishida kishida
2
150
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
Avatar for danybony danybony
1
250
仕様駆動開発による爆速プロダクト開発 / Bakusoku Spec Driven Development
Avatar for Keisuke Kobayashi kobakei
0
120

Featured

See All Featured
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.5k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
470
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
280
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
203
76k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
409
67k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
11k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1369
210k

Transcript

  1. Pisanje blog posta Matija Maronhić Improvement Day

  2. Pisanje

  3. “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

  4. “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

  5. “Make your JavaScript projects more accessible to newcomers”

  6. 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

  7. Progressive disclosure • uzorak u interaktivnom dizajnu • zašto ne

    primijeniti nešto slično u DX-u? • postupno otkrivati logiku projekta

  8. npm skripta

  9. npm skripta

  10. gulp task

  11. Dokumentacija • dobre konvencije > dobra dokumentacija • automatizirati što

    je više moguće • out of sight, out of mind

  12. Automatizacija dokumentacije

  13. Automatizacija dokumentacije

  14. Umjesto CONTRIBUTING.md • npm skripte (npr. prepublishOnly) • git hookovi

    • deskriptivni errori

  15. Konvencije • lintanje pomoću pre-commit, commit-msg • verzija Yarna pomoću

    “engines” • minimizacija CONTRIBUTING.md

  16. “DX Developer”? “Platform Developer”?