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
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
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
2
810
AI Agent時代のリアーキテクチャ戦略と実践
Avatar for Kazuhito Hokamura hokaccha
9
4.7k
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
Avatar for 赤神青空 akagami
PRO
0
160
個人開発基盤をまるごとCloudflareに引っ越して爆速で総合的体験を向上させた話
Avatar for Tsubasa SEKIGUCHI tinykitten
0
190
アクセシビリティから考える情報設計
Avatar for high-g high_g_engineer
0
380
AIエージェント時代のコードレビューを設計する
Avatar for nogu nogu66
6
2.7k
The Good Stuff, Not the Slop: Engineering High-Quality Android Apps with Modern AI Tooling
Avatar for danybony danybony
1
250
大喜利で理解するLLM as a Judge / Understanding LLM-as-a-Judge through Ogiri
Avatar for rockname rockname
0
120
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
2k
AWS Step Functions 大規模並列の壁を越える / jaws-sonic-2026-niigata-step-functions
Avatar for kasacchiful kasacchiful
PRO
1
480
そのリトライ、死んだコネクションを使い回していませんか ── GoのHTTPクライアントとHTTP/2を実プロダクト障害から学び直す
Avatar for Yusa Matsuda myus4a
0
150
数年滞っていたダークモード対応をおよそ2週間で完了させる
Avatar for Kazuki Chigita chigichan24
0
720

Featured

See All Featured
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
280
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.6k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.3k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
440
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
230
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.2k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
240
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.3k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.2k

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