Frontend · Koodaus
Sovelluksen käyttöliittymäpuoli eli kaikki se mitä käyttäjä näkee ja käyttää selaimessa. Frontend rakennetaan HTML:llä, CSS:llä ja JavaScriptillä, ja Reactin kaltaiset frameworkit tekevät siitä interaktiivista.
Frontend tarkoittaa kaikkea mitä käyttäjä näkee ja käyttää sovelluksessa: napit, lomakkeet, listat, navigaatio ja visuaalinen ilme. Se rakennetaan HTML:llä, CSS:llä ja JavaScriptillä, ja React on suosituin framework frontendiin. Vibekoodauksessa frontend on usein se mistä aloitat — pyydät tekoälyä luomaan käyttöliittymän ja lisäät backendin myöhemmin. Tekoäly osaa frontend-koodia erityisen hyvin koska siitä on valtavasti koulutusdataa. Frontend kommunikoi backendin kanssa API-kutsujen kautta hakien ja lähettäen dataa.
React ja Next.js ovat suosituimmat frontend-teknologiat vibekoodauksessa
Tailwind CSS hoitaa frontendin tyylit utility-luokkien avulla
Frontend hakee datan backendistä: const data = await fetch("/api/users")
"Luo tuotelistaus-sivu korttinäkymällä" on tyypillinen frontend-prompti
Tutustu kaikkiin vibekoodauksen termeihin.