Summary  
This chapter introduces the fundamentals of structuring content with markup, styling with cascading style sheets, and adding dynamic behavior with scripting logic.

General domain of usage  
Web development

Tämä kurssi esittelee modernin verkon keskeiset teknologiat. Halusitpa rakentaa yksinkertaisia sivuja tai täysin vuorovaikutteisia sovelluksia, saat olennaiset taidot kehityspolkusi aloittamiseen.

## Tavoitteet
Kurssin lopussa osaat:
- Ymmärtää verkon toiminnan perusperiaatteet;
- Oppia web-kehityksen olennaiset osat: HTML, CSS ja JavaScript;
- Saada käytännön kokemusta verkkosivujen rakentamisesta ja muotoilusta;
- Luoda interaktiivisia verkkotoimintoja JavaScriptin avulla;
- Kehittää <a href="https://olreyplay.github.io/ai-powered-blog-website/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" ><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> täydellinen verkkosivusto</a> alusta alkaen, hyödyntäen kaikkea oppimaasi.

Älä pelkää kokeilla, tehdä virheitä ja esittää kysymyksiä. Nämä kaikki kuuluvat oppimisprosessiin.

Huomio

**Miksi kannattaa perehtyä web-kehitykseen?**

Web-kehitys on tehokas taito, joka avaa rajattomat mahdollisuudet sisällön luomiseen ja jakamiseen Internetissä. Tämän kurssin lopussa sinulla on vankka perusta jatkaa matkaasi web-kehityksen parissa.

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.

Kurssin Esittely

Tavoitteet