Postoje web stranice koje ne otvarate zbog sadržaja koji se konzumira, nego zato što rješavaju problem u trenutku kad se pojavi — provjera, pretvorba, testiranje, učenje. Iskusni developeri imaju desetak takvih zabilježenih i posežu za njima refleksno. Evo deset koje zaslužuju mjesto u svakom bookmark folderu, s razlogom zašto.

1. Can I Use — caniuse.com

Podržava li ova CSS ili JavaScript značajka preglednik koji moram pokrivati? Can I Use daje trenutan odgovor s tablicom podrške po pregledniku i verziji. Kraj nagađanja i kraj "radi kod mene, ne radi kod klijenta".

2. Regex101 — regex101.com

Regularni izrazi su moćni i nečitljivi. Regex101 testira izraz na vašem tekstu uživo, boja svaku grupu i — najvrjednije — objašnjava svaki dio izraza riječima. Nezamjenjiv i za pisanje i za dešifriranje tuđih regexa.

3. MDN Web Docs — developer.mozilla.org

Zlatni standard dokumentacije za web platformu: HTML, CSS, JavaScript i Web API-ji, s primjerima, tablicama kompatibilnosti i objašnjenjima koja su točna (za razliku od slučajnog odgovora s foruma od prije osam godina). Ako provjeravate kako nešto na webu stvarno radi, počinje se ovdje.

4. DevDocs — devdocs.io

Dokumentacija desetaka jezika i biblioteka na jednom mjestu, s munjevitom pretragom i offline načinom rada. Umjesto deset otvorenih tabova s deset različitih dokumentacija — jedno sučelje, jedna tražilica.

5. JSON Crack / JSON alati — za razumijevanje strukture

Zalijepite golem, ugniježđen JSON i dobijete ga kao pregledan dijagram ili uredno formatirano stablo umjesto zida teksta. Za rad s API odgovorima koji se ne daju pročitati golim okom — trenutna razlika između zbunjenosti i razumijevanja.

6. Crontab Guru — crontab.guru

Cron sintaksa (*/15 9-17 * * 1-5) piše se rijetko i zaboravlja odmah. Crontab Guru prevodi izraz u ljudsku rečenicu uživo dok tipkate i pokazuje sljedeća vremena izvršavanja. Spašava od zakazanog zadatka koji se okine u krivo doba.

7. Excalidraw — excalidraw.com

Kad treba brzo skicirati arhitekturu, tok podataka ili ideju za kolegu — Excalidraw daje dijagram u "rukom crtanom" stilu, bez registracije, dijeljiv linkom. Dovoljno ozbiljno za dokumentaciju, dovoljno neformalno da ga stvarno koristite.

8. HTTP status kodovi — httpstatuses i slični

Referentne stranice koje za svaki HTTP kod (a tu je i famozni 418) daju jasno objašnjenje kada se koristi i što znači. Sitno, ali stalno korisno kad dizajnirate API ili debugirate tuđi odgovor.

9. Alat za usporedbu i formatiranje — Diffchecker i sličy

Usporedba dvije verzije teksta, konfiguracije ili koda uz jasno označene razlike; formatiranje i "uljepšavanje" minificiranog koda. Trenutak kad trebate vidjeti što se točno promijenilo dolazi češće nego što mislite.

10. Playground okruženja — CodeSandbox, StackBlitz, CodePen

Kad želite isprobati ideju, reproducirati bug za prijavu ili podijeliti primjer koji se pokreće — ovi alati daju cijelo razvojno okruženje u pregledniku, bez ičega instaliranog. Neprocjenjivo za "evo točno što mislim" u razgovoru s kolegom ili u prijavi problema.

Bonus: dvije navike, ne stranice

  • Službena dokumentacija prije foruma. Odgovor s foruma od prije pet godina može biti zastario ili opasno pogrešan; službeni izvor je dosadniji i točniji.
  • Bookmark folder "alati", ne memorija. Vrijednost ovih stranica nije da ih zapamtite, nego da ih nađete za dvije sekunde kad zatrebaju. Organiziran folder je i sam produktivni alat.

Zaključak

Nijedna od ovih stranica nije tajna — ali skup njih razlikuje nekoga tko svaki problem rješava iz nule od nekoga tko ima pravi alat na dohvat ruke. Ako s popisa poznajete manje od pola, upravo ste dobili nekoliko bookmarkova koji će vam se isplatiti već ovaj tjedan. A ako ih poznajete sve — vjerojatno vam je promaknuo neki još bolji, pa ga slobodno smatrajte pozivom da podijelite svoj.