Sveltejs Academy · Les

Layouts op routeniveau

Voeg een layout toe die alleen op een specifieke route en de onderliggende routes van toepassing is.

Les 2 van 413 stappen

Layouts op routeniveau is een gratis Sveltejs Academy-les op CoddyKit. Dit is les 2 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Sveltejs Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Sveltejs Academy bevat in totaal 4 lessen.

Specifieke lay-outs

Je kunt een lay-out toevoegen die alleen op een specifieke route en de onderliggende routes van toepassing is door +layout.svelte in de map van die route te plaatsen.

Stapelen

Geneste lay-outs worden gestapeld: de hoofdlay-out omsluit de sectielay-out, die op zijn beurt de pagina omsluit.

Navigatie per sectie

Een beheerderssectie kan een eigen lay-out met zijbalk hebben en tegelijk de algemene header overnemen.

Lay-outgegevens

Elke lay-out kan zijn eigen gegevens laden; gegevens stromen door naar geneste lay-outs en pagina's.

Lay-outs hergebruiken

Vermijd dubbele opmaak door lay-outs te delen in de diepst geneste gemeenschappelijke map.

Combineren met groepen

Combineer groepen en lay-outs op routeniveau voor geavanceerde architecturen.

Foutpagina's

Elke lay-out kan een eigen +error.svelte hebben voor sectiespecifieke fouten.

Serverlay-outs versus universele lay-outs

+layout.server.js wordt alleen op de server uitgevoerd; +layout.js wordt overal uitgevoerd.

Samenstelling

Zie lay-outs als samenstelbare omhulsels. Elke lay-out voegt context, opmaak of gegevens toe aan de onderliggende elementen.

Overervingsketen

Elke pagina wordt binnen alle bovenliggende lay-outs weergegeven. Ga verder naar de bladpagina's.

Prestaties

Lay-outs worden in de cache opgeslagen en bij navigatie binnen hun bereik opnieuw gebruikt.

Korte controle

Hoe werken geneste lay-outs?

Samenvatting

Voeg per map +layout.svelte toe voor een sectiespecifieke interface; deze lay-outs worden automatisch met de bovenliggende lay-outs gestapeld.

Gratis beginnen

Leer HTML met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen
41
Lessen
163

Veelgestelde vragen

Is de les “Layouts op routeniveau” gratis?

Ja — de volledige tekst van “Layouts op routeniveau” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Sveltejs Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Sveltejs Academy bevat in totaal 4 lessen.

Wat leer ik in “Layouts op routeniveau”?

Voeg een layout toe die alleen op een specifieke route en de onderliggende routes van toepassing is. Je oefent met Sveltejs Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met Sveltejs Academy te beginnen?

Ervaring vooraf is niet nodig. Sveltejs Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.

Hoe lang duurt de les “Layouts op routeniveau”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over Sveltejs Academy?

Ja. Elke les over Sveltejs Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

  1. Layoutgroepen met (group)
  2. Layouts op routeniveau
  3. Een layout verlaten met +page@route
  4. Gedeelde gegevens in layouts
← Terug naar Sveltejs Academy