Training Svelte

Svelte onderscheidt zich van de 'traditionele' frameworks zoals React en Angular. In deze training gaan we in op de vraag óf dat zo is, en zo ja, waarom. Je ziet wat je nodig hebt om Svelte-applicaties te maken en welke tooling beschikbaar is.

Svelte is bedoeld voor grotere webapplicaties. Het is dan ook geen framework voor beginners. Je zult iets moeten weten van programmeren, JavaScript en de manier waarop moderne webapplicaties worden ontwikkeld. Denk bij het werken met Svelte bijvoorbeeld aan toepassingen als:

• E-commerce applicaties
• Dashboards
• CRUD-frontends voor databases

Dat betekent echter niet dat je ook op deze wijze moet beginnen! Al in kleinere webapplicaties kun je kennismaken met de kracht van Svelte en de manier waarop het in de browser werkt. Hiervoor werkt Svelte met een eigen template syntax, zijn er framework-specifieke directives en kent Svelte uiteraard een component lifecycle waarin je op vaste momenten in de levensduur van je applicatie en componenten bepaalde functies kunt uitvoeren.

Bedrijfstraining Svelte

Wil je met je hele team Svelte gaan gebruiken? In een bedrijfstraining kunnen wij de training volledig op maat verzorgen, voor jou alleen of een groep van je collega's. Zo maak je in feite een start met de implementatie van Svelte in je organisatie.

Tijdens de Training Svelte komen in basis onderstaande onderwerpen aan bod. Afhankelijk van ontwikkelingen op het vakgebied, kan de feitelijke trainingsinhoud hier echter van afwijken. Bel ons gerust voor meer informatie over de actuele inhoud.

• Introductie Svelte
• Wat is Svelte, wat is de plaats van Svelte in het frontend-landschap?
• Hoe verhoudt Svelte zich tot andere frameworks als Angular, Vue en React?
• Svelte-Tooling en SvelteKit
• Installatie van Svelte
• Architectuur en structuur van Svelte-applicaties
• Ontwikkeltools en debuggen in de browser
• Je eerste Svelte-component en -applicatie
• De Svelte-compiler
• Scoped styles
• Variabelen en functies
• Reactiviteit in Svelte
• Argumenten doorgeven aan functies
• Tekstvelden in de browser uitlezen
• Component properties maken
• Stores en het dollarteken $
• Svelte Template Syntax
• Controlestructuren
• Element directives
• Svelte Lifecycle functions
• Communiceren met externe API's
• Gegevens opslaan in een store
• Applicaties uitrollen naar productie
• Applicaties maken met SvelteKit
• Best practises
• Tips en trucs