Svelte Training Cursus

Invoering

• Svelte.io versus React versus Vue.js

Overzicht van Svelte Functies en architectuur

• Applicatiestatus beheren zonder virtuele DOM-verschillen.
• Applicaties maken die vrij zijn van externe afhankelijkheden.
• Laadsnelheid van een Svelte applicatie

Aan de slag

• Overzicht van projectmappen en bestandsstructuur
• Een eenvoudige Hello World-app.
• Overzicht van Svelte syntaxis

Een onderdeel maken

• Een sjabloon schrijven
• Eenvoudige stijlen toevoegen
• Opschonen van de CSS regels

Het uitvoeren van de applicatie

• De code uitvoeren, controleren en bijwerken
• Conditionals en loops toevoegen

Interactiviteit aan de app toevoegen

• Een gebruikersformulier maken
• Verwerken van gebruikersinvoer
• UI-elementen binden en gegevens doorgeven
• Het afhandelen van andere evenementen

Componenten toevoegen aan de applicatie

• Hoe componenten communiceren
• Navigeren door verschillende componenten via routing

Applicatiestatus beheren

• Gegevens opslaan in de component
• Gegevens opslaan op een centrale locatie
• Abonneren op eigenschappen

Gegevens ophalen uit externe bronnen

• Accessgegevens van een API

Verbetering van de bruikbaarheid

• Werken met stijlen
• Verwijzen naar CSS elementen

Integratie van Svelte code in een bestaand React project

• Code op componentniveau implementeren met Svelte
• Belfunctionaliteit vanuit een React applicatie

Samenvatting en conclusie