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

Make your JavaScript projects more accessible t...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Matija Marohnić Matija Marohnić
October 09, 2020
Programming
100
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
47
Goodbye jsdom/happy-dom, hello Vitest Browser Mode!
Avatar for Matija Marohnić silvenon
0
35
Introduction to Remix
Avatar for Matija Marohnić silvenon
0
180
Cypress vs. Playwright
Avatar for Matija Marohnić silvenon
0
190
Studying Strapi: an open source head headless CMS
Avatar for Matija Marohnić silvenon
0
67
CSS Specificity
Avatar for Matija Marohnić silvenon
0
75
React Hooks
Avatar for Matija Marohnić silvenon
0
100
PostCSS
Avatar for Matija Marohnić silvenon
0
72
CSS Custom Properties
Avatar for Matija Marohnić silvenon
0
70

Other Decks in Programming

See All in Programming
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
520
AI時代のコードレビューは人に向けるな、仕組みに向けろ
Avatar for meijin texmeijin
5
3.6k
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
590
Are APIs Still Relevant in the AI Era?
Avatar for Antoine Bluchet soyuka
0
440
SREの越境 / SRE Collaboration
Avatar for y-ohgi y0hgi
2
300
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
140
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
Avatar for Prota prota
1
1.8k
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
240
wkhtmltopdfの次どうするか問題2026
Avatar for Shinichi Maeshima willnet
2
1.9k
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
350
機械に任せるテスト、人が見るテスト ⽣成AIで引き直した、運⽤保守フェーズの線引き
Avatar for KUSATAKE Daisuke dske104
0
170
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
Avatar for にー兄さん drumath2237
1
570

Featured

See All Featured
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
4
530
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
510
It's Worth the Effort
Avatar for 3n 3n
188
29k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
3
1.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.4k
Music & Morning Musume
Avatar for Bryan Veloso bryan
48
7.4k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
350
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
450
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k

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”?