Summary  
The chapter explains the client-server architecture by separating application logic into frontend and backend layers and outlining their interaction through request–response communication.  

General domain of usage  
Web development

Verkkosovelluksella on kaksi pääosaa: Frontend ja Backend. Ne toimivat yhdessä tarjotakseen kaiken, mitä näet ja käytät verkossa.

## Frontend
Frontend on se osa, jonka käyttäjät näkevät selaimessa: teksti, kuvat, painikkeet, lomakkeet ja asettelut.

Frontendin tehtävät:
- Näyttää sisällön ruudulla;
- Käsittelee käyttäjän toiminnot (klikkaukset, kirjoittaminen, lomakkeet);
- Tarjoaa navigoinnin ja vuorovaikutuksen.

Frontend = verkkosivuston näkyvä osa.

## Backend
Backend toimii taustalla palvelimilla. Se käsittelee dataa ja ohjaa sovelluksen logiikkaa.

Backendin tehtävät:
- Työskentelee tietokantojen kanssa;
- Käsittelee Frontendin pyynnöt;
- Lähettää takaisin dataa ja tuloksia.

Backend = piilotettu logiikka, joka saa verkkosivuston toimimaan.

## Kuinka Frontend kommunikoi Backendin kanssa
1. Frontend pyytää dataa (pyyntö);
2. Backend käsittelee sen ja palauttaa tuloksen (vastaus);
3. Frontend näyttää päivitetyn tiedon.

Mikä seuraavista kuvaa parhaiten Frontend- ja Backend-kehityksen eroa?

Opi HTML:n (HyperText Markup Language) perusteet, joka on verkkokehityksen perusta. Tämä aloittelijaystävällinen kurssi kattaa tunnisteet, attribuutit, elementit ja verkkosivujen rakenteen. Hanki käytännön taitoja otsikoiden, kappaleiden, listojen, kuvien, linkkien, lomakkeiden ja taulukoiden luomisessa. Tutustu parhaisiin käytäntöihin, optimointiin ja verkkosivustojen saavutettavuuteen. Aloita verkkokehityksen matkasi HTML:n avulla.

Tutki verkon sisäistä toimintaa. Opi, miten data kulkee verkkojen läpi, tutustu protokollien rooliin ja selvitä IP-osoitteiden ja verkkotunnusten mysteerit. Saa korkeatasoinen ymmärrys siitä, miten verkkoselaimet ja palvelimet kommunikoivat toimittaakseen verkkosisältöä.

Tutustu tunnisteiden voimaan sisällön jäsentämisessä, otsikoista ja kappaleista listoihin ja taulukoihin. Opi, kuinka voit parantaa elementtejä attribuuteilla.

HTML-dokumentin rakenteen ydin. Opi HTML-dokumentin osat, mukaan lukien doctype-ilmoitus, head ja body. Ymmärrä kunkin elementin tarkoitus ja miten ne vaikuttavat verkkosivun kokonaisrakenteeseen.

Tee verkkosivusta houkuttelevampi median, kuten kuvien, äänen ja videon avulla. Työskentele jäsennellyn taulukkomuotoisen datan kanssa taulukoiden muodossa.

Tutustu HTML-lomakkeiden monipuolisuuteen. Opi suunnittelemaan intuitiivisia ja käyttäjäystävällisiä lomakkeita hyödyntämällä keskeisiä käsitteitä ja tekniikoita. Selvitä, kuinka lomakkeet mahdollistavat käyttäjän vuorovaikutuksen ja tietojen lähettämisen verkkosivustoilla.

Frontend- ja Backend-kehityksen Selitys

Frontend

Backend

Kuinka Frontend kommunikoi Backendin kanssa

1. Mistä Frontend on vastuussa?

2. Mikä seuraavista kuvaa parhaiten Frontend- ja Backend-kehityksen eroa?