Velkommen til Svelte
Broen mellom utseende og logikk.
UI Verdenen
🎨
HTML & CSS
Dette er det du ser.
- Struktur (Skjelettet)
- Farger & Layout (Klærne)
- Statisk innhold
Svelte
Binder sammen
Data Verdenen
🧠
JavaScript
Dette er det som skjer.
- Logikk (Hjernen)
- Data & Tall
- Interaktivitet
Hva er programmering?
På et høyt nivå handler programmering om å gi datamaskinen en oppskrift. Datamaskiner er ikke smarte; de er bare veldig raske til å følge instruksjoner.
Vanlig Nettside (HTML/CSS)
<p>Hei Verden</p>
<style> p { color: red; } </style>
<style> p { color: red; } </style>
Dette viser bare tekst. Den kan ikke "tenke" eller huske hvem du er.
Med Programmering (JS)
let navn = "Ola";
if (klokka < 12) {
siHei("God morgen " + navn);
}
if (klokka < 12) {
siHei("God morgen " + navn);
}
Her kan vi ta valg, huske navn, og endre siden basert på hva brukeren gjør.
🗝️ Sentrale Begreper
- UI (User Interface): Brukergrensesnittet. Det brukeren ser og trykker på. Bygges med HTML og CSS.
- Logikk: Reglene for hvordan programmet oppfører seg. Skrives i JavaScript.