Jučer sam se logirao na mydataknox gdje imam par webova i shvatio da tamo hostam besplatnu domenu u formatu ime-prezime.from.hr a koju pak dodjeljuje CARNET svakome tko to hoće. Kao i na šalterima, osoba mora imat 18 godina i osobnu iskaznicu i dobije tu domenu.
Pa sam tako za par sati napravio cijeli cjelcati sajt. Pomogao mi je Gemini AI.Išlo bi to brže da nisam želio baš sve...
Tražio sam da generira html/css i rekao koja je svrha web stranice i tražio sam još da sam izabere temu odnosno boje kojima bi odisao sajt.
Rekao sam da će na sajt ići samo tekst i da želim single web page predložak. To je bio početni prompt i Gemini je izgenerirao savršen html, pa css i na kraju javascript.
Za navigaciju se koristi javascript a dijelovi stranice se prikazuju i skrivaju na show/hide.
Kako stranica ima dosta materijala za skrolanje (sadrži mudre izreke), AI mi je najprije sugerirao "scroll to top" botun na dnu, a zatim je predložio tzv. "pill menu" za kojeg prvi put čujem i koji lebdi dole na dnu stranice i koji je dohvatljiv palcem desne ruke. To jesam negdje vidio ali nisam znao kako se to zove. A zatim je predložio da umjesto točkica upišem nazive menija i još me naučio zašto je to bolje od točkica.
Ja sam uredno pejstao izgenerirani kod a povremenu mu vraćao nazad da iznova izgenerira sve jer sam u CSS samo dodavao nove sugestije znajući da to css procesor ionako guta onako kako mu naleti a što pak kod programera ponekad izaziva zbunjenost, nelagodu i neshvaćanje prihvaćanja prolaznosti te ne-striktne logike kodiranja i takvog pristupa općenito.
Da ne piskaram dalje, stvarno sam impresioniran. Ono gdje je AI griješio bila je jedna mala sitnica iz CSS-a ali koja je dovoljna da upropasti iskustvo "surfanja". To je bilo onda kad bi se otvorio meni, tad bi prekrio bi gumb koji ga zatvara pa se meni nije mogao ponovo zatvoriti. To se rješava z-index atributom i AI je inzistirao na pogrešnoj vrijednosti. Imalo je logike ali nije bilo točno. No to su zbilja sitnice s obzirom da je u 99% sajta uloženo minimalno mozganja, a samim tim i vremena.
Pored tog z-indexa cijeli html&css&javascript nema ni jednog bajta mog koda.
Još mi je na kraju pomogao generirati PHP za kontakt formu gdje umjesto u bazu podataka poruke zapisujem u datoteku.
Na moje traženje izradio je i skriptu koja čita te datoteke i šalje ih mejlom.
Sam je dodao da ne šaljemo u komadu više od pet poruka i predložio da koristim PHP bibiloteku PHPMailer. Nju sam pak instalirao tako da sam izvršio komandu "composer install <ime_paketa_phpmailer>", znate sve.
Sajt sam na server poslao FTP-om iliti one-click-install.
Sajt je online i ima sve: dizajn, single web page, navigacija, dostupnost, kontakt formu, linkovi na društvene mreže, sve, sve, ... i sve to za par sati.
Ima i kopiranje izreka u međuspremnik!
I ranije sam se ovako igrao generiranje html css koda, ali ovaj put je drukčije to da
ja to već prihvaćam zdravo za govoto. Jesam li ja vajb kodirao sajt? Pa jesam, neka sam!
Kad sam vidio kako je to postalo lako i kako to lijepo izgleda, požalio sam se AI-ju da je prava šteta što to nitko neće vidjeti. Dobio sam utješno razumijevanje od strane AI-ja i spiku da je to uvijek tako.
Evo link ali
samo za one koji ovo čitaju na mobitelu:
https://gorazd-beybe.from.hr Sajt je u izradi, naravno
