Dobro, ovaj bi članak mogao biti malo čudan za moj blog, ali vjerujte mi kad vam kažem – sve je u redu. Ovo je samo moj način razmišljanja tijekom razvoja, dizajniranja i konačnog objavljivanja web stranica i web projekata.
Dakle, korak broj 0 za mene je istraživanje. Da, za mene je ovaj korak, u većini slučajeva, najvažniji iz mnogo razloga. Na primjer, jednom sam izradio demo projekt posebno za prijavu za posao, ali nažalost, taj projekt – uključujući sve snimke zaslona i sigurnosne kopije poddomena od tada – u međuvremenu je izgubljen u bespućima interneta. Ipak, bio je to dobar primjer kako pristupam novim izazovima i testiram ideje u stvarnom okruženju.
Za ovaj projekt imao sam oko tri sata da odaberem temu koju ću koristiti. Nakon istraživanja tema i značajki, prešao sam na fazu u kojoj tražim slične projekte kako bih dobio ideje koje ću možda, ali i ne moram, koristiti u vlastitom projektu.
Nakon toga dolazi korak broj 1 – skiciranje na papiru ili u Photoshopu/Illustratoru, tek toliko da dobijem neku ideju o tome što želim i kako to želim. U ovom dijelu stvari mogu postati jako neuredne. Mislim, ozbiljno. Na primjer, s projektom Nekretnina.hr, skice su postale toliko neuredne da nisam mogao pronaći neke od ranih ideja jer sam papire bacio u krivi koš. Čak je i digitalna kopija bila, da budem iskren, loša fotografija snimljena mojim tadašnjim uređajem – Huawei P9 Lite. Da, dizajniranje je bio kaos, ali ipak, ovo je za mene najiritantniji dio dizajna, posebno kada radim kao samostalni dizajner i programer.
Sada se projekti mogu prebaciti iz dizajna u radni projekt u koraku broj 2 – lokalni razvoj. U ovom dijelu mogu raditi puno stvari: testirati dizajn, testirati dodatke (plugine) i prilagođeni kod te konačno, stvarati sadržaj koji se može premjestiti u sljedeći korak.
Korak broj 3 je razvoj na pripremnoj (staging) okolini i testiranje na stvarnom poslužitelju. Većinu vremena to je na poslužitelju na kojem će projekt na kraju biti ugošćen. Razlog zašto je ovo važno jest taj što pojednostavljuje testiranje nakon svih prethodnih koraka. Uz to, ovdje mogu prilagoditi ono što je potrebno, a kasnije je ova pripremna postavka korisna za testiranje ažuriranja na stvarnom stroju bez gnjavaže oko stvaranja problema koji bi mogli srušiti cijelu stranicu (što se dogodilo nekoliko puta u mojim ranim danima razvoja prije nego što sam znao za pripremne poslužitelje i postavke) u produkciji.
I na kraju, korak broj 4 je migracija s pripremne na produkcijsku okolinu, što znači premještanje datoteka, mapa i baze podataka na zasebnu instalaciju. Ovdje mogu ispraviti sve posljednje probleme koji bi se mogli pojaviti, i to je to.
Korak 5 je uživanje u radu i korištenje pripremne verzije stranice za testiranje budućih ažuriranja i isprobavanje rješenja za probleme koji se mogu otkriti kasnije.
Napomena: Ovaj je članak izvorno objavljen u kolovozu 2019. Ovdje je ponovno objavljen s tekstom lektoriranim pomoću alata Perplexity AI Pro u travnju 2025. Naslovna slika je nova, izrađena pomoću Canva AI-ja, budući da je original izgubljen u arhivama.