Summary  
This chapter covers automated code generation using AI language models to produce code snippets from natural language descriptions.

General domain of usage  
Web development

<u>Palataan takaisin verkkosivujen kehittämiseen.</u> ChatGPT voi luoda koodiesimerkkejä tai antaa koodiehdotuksia määrittelyjesi perusteella. Kuvaile tarvittava toiminnallisuus tai asettelu, ja ChatGPT tuottaa projektiisi vastaavan HTML-, CSS- tai JavaScript-koodin.

## Esimerkki
**Kehote**: "Työskentelen verkkosivustollani. Luo yksinkertainen navigointipalkki sivustolleni."

**Vastaus**: "Tässä on yksinkertainen esimerkki navigointipalkista, jota voit käyttää verkkosivustollasi:"

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogICAgPHRpdGxlPk15IFdlYnNpdGU8L3RpdGxlPgogICAgPHN0eWxlPgogICAgICAvKiBTdHlsZSB0aGUgbmF2aWdhdGlvbiBiYXIgKi8KICAgICAgLm5hdmJhciB7CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzOwogICAgICB9CgogICAgICAvKiBTdHlsZSB0aGUgbGlua3MgaW5zaWRlIHRoZSBuYXZpZ2F0aW9uIGJhciAqLwogICAgICAubmF2YmFyIGEgewogICAgICAgIGZsb2F0OiBsZWZ0OwogICAgICAgIGRpc3BsYXk6IGJsb2NrOwogICAgICAgIGNvbG9yOiB3aGl0ZTsKICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgICAgcGFkZGluZzogMTRweCAyMHB4OwogICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTsKICAgICAgfQoKICAgICAgLyogQ2hhbmdlIHRoZSBjb2xvciBvZiBsaW5rcyBvbiBob3ZlciAqLwogICAgICAubmF2YmFyIGE6aG92ZXIgewogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNkZGQ7CiAgICAgICAgY29sb3I6IGJsYWNrOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgY2xhc3M9Im5hdmJhciI+CiAgICAgIDxhIGhyZWY9IiNob21lIj5Ib21lPC9hPgogICAgICA8YSBocmVmPSIjYWJvdXQiPkFib3V0PC9hPgogICAgICA8YSBocmVmPSIjc2VydmljZXMiPlNlcnZpY2VzPC9hPgogICAgICA8YSBocmVmPSIjY29udGFjdCI+Q29udGFjdDwvYT4KICAgIDwvZGl2PgogIDwvYm9keT4KPC9odG1sPg==

Näin yksinkertaisella tavalla ChatGPT loi perus HTML-dokumentin rakenteen, navigaatiopalkin sekä navigaatiopalkin CSS-tyylit. Emme kirjoittaneet riviäkään koodia itse.

Mitkä seuraavista väittämistä ChatGPT:n avulla koodin generoinnista pitävät paikkansa?

Opi web-kehityksen perusteet hyödyntäen tekoälytyökaluja, kuten ChatGPT:tä. Ymmärrä HTML:n, CSS:n ja JavaScriptin roolit verkkosivustojen rakentamisessa sekä kuinka tekoäly voi parantaa koodausnopeutta ja luovuutta. Harjoittele tehokkaiden kehotteiden laatimista ja koodin tuottamista ChatGPT:llä. Rakenna kokonainen blogisivusto alusta alkaen tekoälyavusteisesti ja hanki käytännön taitoja omia web-projekteja varten.

Johdatus web-kehityksen keskeisiin käsitteisiin ja teknologioihin, mukaan lukien tekoälyn rooli nykyaikaisessa koodauksessa. Tämä osio luo perustan oppimispolullesi käsittelemällä web-kehityksen perusteita sekä sitä, miten tekoäly parantaa tuottavuutta, luovuutta ja tehokkuutta koodauksessa.

Opi keskeiset web-kehitysteknologiat. Syvenny HTML:n, CSS:n ja JavaScriptin perusteisiin, selvittäen niiden yksittäiset toiminnot ja yhteinen rooli digitaalisen ympäristön muovaamisessa.

Tutustu ChatGPT:n mahdollisuuksiin ja sen tehokkaaseen hyödyntämiseen. Saat tietoa kehotteiden laatimisesta ja koodin käsittelystä ChatGPT:n avulla. Lopuksi käytännön vinkkejä ChatGPT:n hyödyntämiseen eri sovelluksissa.

Rakenna blogisivusto. Luo täydellinen ja toimiva blogisivusto alusta alkaen hyödyntäen erilaisia web-kehitystekniikoita ChatGPT:n avulla.

Koodin Generointi ChatGPT:llä

Esimerkki

Koodin Generointi ChatGPT:llä

Esimerkki