Sådan ser Angular-apps ud
Få en visuel rundtur på begrebsniveau i Angular-apps: komponenter, templates og idéen om en single-page-applikation — alt forklaret uden at skrive en eneste linje kode.
Sådan ser Angular-apps ud er en gratis Angular Academy-lektion på CoddyKit. Dette er lektion 3 af 3. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Angular Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Angular Academy-kurset indeholder 3 lektioner i alt.
Bygget af blokke 🧱
En Angular-app består af små blokke, der kaldes komponenter. Hver komponent er en lille del af skærmen.
Komponenter overalt
En sidehoved, en knap, et profilkort. Hver del er sin egen komponent. Sæt dem sammen, så har du en app.
Som LEGO-klodser
Tænk på LEGO. Små klodser sættes sammen til store byggerier. Genbrug en klods når som helst og hvor som helst uden at bygge den igen.
Skabelonen: HTML
Hver komponent har en skabelon, der er skrevet i HTML, og som beskriver, hvad der vises på skærmen. Det er den synlige del.
<h1>Hello, {{ name }}!</h1>De krøllede parenteser ✨
Kan du se {{ name }}? Angular erstatter det med rigtige data. Ændr dataene, så opdateres skærmen automatisk.
Hjernen: TypeScript
Bag hver komponent ligger der TypeScript-kode. Det er hjernen, som indeholder dataene og afgør, hvad der sker.
Skabelon + hjerne = komponent
En komponent er altså bare to venner: den HTML, du ser, og den TypeScript, der tænker. Sammen udgør de en del.
Klik og handlinger
Tryk på en knap, så reagerer hjernen: Måske gemmer den noget eller viser en besked. Appen føles levende.
Et træ af komponenter 🌳
En hel app består bare af komponenter, der ligger indlejret i andre komponenter, ligesom grene på et træ. Enkle idéer, gentaget.
Du er færdig! 🏆
Nu ved du, hvad Angular er, hvorfor det findes, og hvordan dets apps ser ud. Det er et solidt fundament. Det kan du godt være stolt af!
Hurtigt tjek
Det sidste! Hvad kaldes de små byggesten i en Angular-app?
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 38
- Lektioner
- 144
Ofte stillede spørgsmål
Er lektionen “Sådan ser Angular-apps ud” gratis?
Ja — hele teksten til “Sådan ser Angular-apps ud” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Angular Academy-kurset, skal du opgradere til CoddyKit PRO. Angular Academy-kurset indeholder 3 lektioner i alt.
Hvad lærer jeg i “Sådan ser Angular-apps ud”?
Få en visuel rundtur på begrebsniveau i Angular-apps: komponenter, templates og idéen om en single-page-applikation — alt forklaret uden at skrive en eneste linje kode. Du øver dig i Angular Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Angular Academy?
Der kræves ingen tidligere erfaring. Angular Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 3.
Hvor lang tid tager lektionen “Sådan ser Angular-apps ud”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Angular Academy-lektion?
Ja. Alle Angular Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Hvad er Angular?
- Hvorfor findes frontend-frameworks?
- Sådan ser Angular-apps ud