Kako koristiti ChatGPT za web development

Ira Mataić / 19 tra 2024
  • Inovacije
kako-koristiti-chatgpt-za-web-development.webp

SADRŽAJ:


Stvaranje modernih web stranica jednostavnih za korištenje nije jednostavno, pogotovo ako niste stručnjak za kodiranje.


ChatGPT je AI chatbot koji vam može pomoći kreirati osnovnu web stranicu u samo nekoliko minuta.


Nema potrebe pretraživati GitHub i postove na Redditu kako biste pronašli isječke koda za izradu vaše web stranice. Jednostavno postavite pitanje o kodiranju, a ChatGPT će vam pružiti objašnjenja i jednostavne copy-paste isječke.


49% tvrtki trenutno koristi ChatGPT, dok dodatnih 30% ga namjerava koristiti u budućnosti. (Master of code)

Možemo li dizajnirati web stranicu koristeći ChatGPT?


Prvo što morate razumjeti je da ChatGPT ne može stvoriti web stranicu umjesto vas, ali vam može pomoći kreirati kod i pružiti korak-po-korak vodič za izradu web stranice.


Iznimno je koristan ako imate ograničeno iskustvo u dizajnu i razvoju web stranica.


Ovo je jedan primjer prompta “Napravi predložak za početnu web stranicu u HTML-u”:

predlozak-za-izradu-pocetne-web-stranice-u-html-u
izgled-izradene-pocetne-stranice-putem-chatgpt-koda

Ponekad, na kraju generiranog koda, ChatGPT pruža napomene i savjete.


Na primjer, može pružiti upute kao što su: "morate promijeniti putanje svojih slika kako bi se prikazale na stranici" ili savjete kao što je "velika sekcija koja privlači pozornost će sadržavati gumb za kupnju i poziv na akciju."


No, kodiranje nije sve što ChatGPT može.


AI chatbot softver može biti vrlo koristan i za druge stvari poput generiranja ideja, pisanja imena i opisa te kreiranja SEO sadržaja.

Može li ChatGPT analizirati wireframe-ove?


Učitali smo wireframe Gauss početne stranice kako bi vidjeli analizu i prijedloge za hero sekciju stranice.

chatgpt-wireframe-analiza-pocetne-stranice-1
chatgpt-wireframe-analiza-pocetne-stranice-2

Možete pitati ChatGPT kako kreirati određeni segment ili cijeli wireframe pojedine stranice.


Što ako nemate ikakvu ideju kako kreirati wireframe?


Pogledajte naš primjer:

predlozak-za-izradu-wireframe-layout-a-za-online-web-shop

Može li ChatGPT 4 pretvoriti dizajn u kod?


Posljednje ažuriranje za ChatGPT-3 bilo je 2022. godine i, nažalost, ne sadrži najnovije funkcionalnosti.


ChatGPT-4, s druge strane, može prepoznati i generirati tekst i slike, istovremeno generirajući kod.


Na primjer, možete uzeti olovku i komad papira, baš kao što smo mi učinili, i nacrtati skicu web stranice.


Napravili smo grubu skicu početne stranice, stavili je u ChatGPT i zatražili od njega ispisivanje HTML i CSS koda za stranicu baziranu na našoj skici.

izrada-dizajna-web-stranice-putem-crteza-1
izrada-dizajna-web-stranice-putem-crteza-2

Uzeli smo taj kod i zalijepili ga u HTML i CSS vizualizator.


Ovo je web stranica koju smo dobili:

rezultat-izradene-web-stranice-uz-pomoc-slike

Zatim možete zatražiti od AI chatbota pružanje više pojedinosti o određenim segmentima web stranice. Možete nastaviti koristiti ChatGPT ili se odlučiti za neki drugi AI chatbot specijaliziran za kodiranje poput Uizarda, GitHub Copilota ili Wix ADI-ja.

Može li AI zamijeniti web developere?


Slično pitanju "Može li AI zamijeniti UI/UXdizajnere", odgovor je, vjerojatno ne.


ChatGPT sigurno ne može zamijeniti web developere, ponajviše zato što nije napravljen da ih zamijeni.


No s pojavom sve više sofisticiranih alata, kao što je Devin, koji mogu samostalno razvijati softver, teško je reći.


Pitali smo naše kolege iz odjela za web development što misle o AI alatima, koriste li ih i što misle gdje ide njihov razvoj.


„Ne koristim AI alate. Preferiram učiti i istraživati sama, a ne da mi se odgovor servira na pladnju.“ rekla je dev Laura, a Ivan je dodao: „Uopće ne koristim AI alate. Zašto bih doprinosio nečemu što bi me trebalo zamijeniti.“


Općenito mišljenje je da AI ima dug put pred sobom prije nego što bi mogao i približno zamijeniti ljudske web developere.


Čak i tada, zamjenjivost je upitna.


Jedan od čestih razloga za preispitivanje AI developera je nedostatak kreativnosti.


AI se može naučiti kako dizajnirati i kodirati, ali zamjena iskustva, intuicije i ljudske kreativnosti predstavlja izazov.


Osim toga, AI pokazuje ograničenu sposobnost testiranja i rješavanja novih problema, što zajedno s nedostatkom komunikacije i upravljanja projektima, ukazuje na dug razvoj do značajnijih poboljšanja.


Za sada, to može biti koristan alat za neke, prepreka za druge, a za nekolicinu nešto što će u potpunosti izignorirati.