Kuinka Kaikki Toimii Yhdessä

Fullstack-sovelluksessa kaikki osat toimivat yhdessä käsitelläkseen käyttäjän toimintoja ja hallitakseen dataa.

Kun käyttäjä on vuorovaikutuksessa käyttöliittymän kanssa, frontend lähettää pyynnön backendille. Backend käsittelee logiikan ja kommunikoi tarvittaessa tietokannan kanssa. Tulos lähetetään takaisin frontendille, ja käyttöliittymä päivittyy.

Yksinkertainen kulku

Frontend → backend → tietokanta → backend → frontend.

Esimerkki

Kuvittele, että lisäät uuden muistiinpanon sovellukseen.

Kirjoitat muistiinpanon ja painat painiketta. Frontend lähettää tämän datan backendille. Backend tallentaa sen tietokantaan ja lähettää vastauksen takaisin. Frontend päivittää näytön ja näyttää uuden muistiinpanon.

Mitä seuraavaksi

Nyt ymmärrät, miten fullstack-sovellus toimii kokonaisuutena.

Omien sovellusten rakentamisen ensimmäinen askel on oppia, miten verkkosivun rakenne luodaan.

Seuraavaksi aloitat HTML:stä, jota käytetään jokaisen verkkosivuston perustan rakentamiseen.