Kopiranje koda bez čitanja
Najčešća pogreška koju vidim na modulu o web razvoju jest lijepljenje koda koji je predložio AI asistent, bez da ga je itko pročitao. Stranica se otvori, izgleda otprilike kako treba i polaznik krene dalje. Problem se pojavi tjedan kasnije, kad treba promijeniti jednu boju ili razmak, a nitko ne zna gdje se to nalazi.
Zato polaznicima predlažem jednostavno pravilo: svaki blok koda koji prihvatite morate moći objasniti vlastitim riječima. Ako ne možete, zamolite asistenta da ga objasni redak po redak, pa provjerite objašnjenje u pregledniku. Tako asistent postaje alat za učenje, a ne zamjena za razumijevanje.
Ovo ne traje dugo. Dovoljno je nekoliko minuta po prijedlogu, a dugoročno štedi sate traženja pogreške u kodu koji nitko nije napisao svjesno.
- Pročitajte svaki prijedlog prije nego ga zalijepite
- Objasnite blok koda vlastitim riječima
- Mijenjajte jednu stvar odjednom i odmah provjerite
Responzivnost provjerena samo na jednom zaslonu
Druga česta pogreška je testiranje stranice samo u prozoru preglednika na vlastitom računalu. AI asistent rado generira raspored koji na širokom zaslonu izgleda uredno, a na mobitelu se tekst preklapa ili slika izlazi izvan okvira. Polaznici to otkriju tek kad im netko pošalje snimku zaslona.
Navika koju gradimo na tečaju jest ručno mijenjanje širine prozora i korištenje alata za razvojne programere u pregledniku, koji simuliraju manje zaslone. Provjerite barem tri širine: mobitel, tablet i računalo. Zatim tražite od asistenta da ispravi konkretan problem koji ste vidjeli, umjesto da traži opći prijedlog.
Uz to, pazite na veličine slova i razmake. Ono što je čitljivo na velikom monitoru često je preusko za dodir prstom na malom zaslonu.
- Testirajte najmanje tri širine zaslona
- Koristite razvojne alate preglednika za simulaciju
- Opišite asistentu točno što ste vidjeli
Nejasne upute asistentu
Kad zatražite 'napravi mi lijepu stranicu', dobit ćete nešto generičko i često preopširno. Polaznici onda zaključe da alat ne radi dobro, iako je problem u uputi. Jasan zahtjev navodi svrhu stranice, sadržaj koji ide na nju, željeni raspored i ograničenja, na primjer da ne želite vanjske biblioteke.
Dobra praksa je graditi stranicu u malim koracima: prvo struktura, zatim stilovi, zatim ponašanje na manjim zaslonima. Nakon svakog koraka pogledajte rezultat prije nego što nastavite. Time dobivate kod koji razumijete i lako ga ispravljate.
Ako odgovor nije onakav kakav ste očekivali, nemojte ponavljati istu rečenicu. Dodajte ono što je nedostajalo i navedite primjer željenog ishoda.
- Navedite svrhu, sadržaj i raspored stranice
- Gradite u malim koracima
- Dopunite uputu umjesto da je ponavljate
Zanemarena pristupačnost i semantika
AI asistenti često predlažu elemente koji izgledaju ispravno, ali nemaju smislenu strukturu: sve su to div oznake bez naslova, bez opisa slika i s polji obrasca bez oznaka. Takva stranica ljudima koji koriste čitač zaslona ili tipkovnicu ostaje teško upotrebljiva, a vama kasnije stvara popravke.
Na tečaju polaznike učimo provjeriti nekoliko stvari: ima li svaka slika opisni tekst, može li se stranicom kretati samo tipkovnicom, imaju li polja obrasca vidljive oznake i je li kontrast teksta dovoljan. Ništa od toga ne zahtijeva posebno znanje, samo naviku da se pregled obavi prije objave.
Pristupačna stranica ujedno je i uredniji kod, pa je kasnije lakše održavati i mijenjati.
- Dodajte opis svakoj slici
- Isprobajte kretanje samo tipkovnicom
- Svako polje obrasca neka ima oznaku
Preskakanje provjere prije objave
Posljednja pogreška događa se na samom kraju: stranica radi na računalu polaznika pa se odmah objavi. Pritom ostaju neprovjerene poveznice, slike koje se spore učitavaju i obrasci koji ne šalju podatke. Freelancer koji klijentu preda takvu stranicu gubi povjerenje, a lako se izbjegne.
Preporučujem kratak popis za provjeru: otvorite svaku poveznicu, provjerite težinu slika, ispunite obrazac probnim podacima i pogledajte stranicu u dva različita preglednika. Asistenta možete zamoliti da vam pomogne sastaviti taj popis za konkretan projekt, ali provjeru obavljate sami.
S vremenom ovo postaje rutina od desetak minuta, a razlika u kvaliteti predane stranice vidi se odmah.
- Otvorite sve poveznice
- Smanjite slike prije objave
- Probajte obrazac s probnim podacima
Većina pogrešaka u web razvoju uz AI asistenta nije tehnička, nego se tiče navika: čitanja koda, provjere na više zaslona, jasnih uputa, pristupačnosti i završnog pregleda. Asistent ubrzava posao, ali odgovornost za rezultat ostaje na vama. Ako te navike usvojite rano, svaka sljedeća stranica bit će urednija, a vi sigurniji u ono što predajete.
