Publicatiedatum : 05/04/2024

Opleiding : Svelte, ontwikkelen met de lichtste en snelste JavaScript-raamwerken

Praktijkcursus - 3d - 21u00 - Ref. JCT
Prijs : 1830 € V.B.

Svelte, ontwikkelen met de lichtste en snelste JavaScript-raamwerken




Cette formation permet de maîtriser Svelte, un framework JavaScript innovant, car également compilateur. Réputé plus simple et plus rapide que ses homologues, il constitue une véritable alternative pour développer rapidement et efficacement des Single Page Applications (SPA).


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand
Beschikbaar in het Engels op aanvraag

Ref. JCT
  3d - 21u00
1830 € V.B.




Cette formation permet de maîtriser Svelte, un framework JavaScript innovant, car également compilateur. Réputé plus simple et plus rapide que ses homologues, il constitue une véritable alternative pour développer rapidement et efficacement des Single Page Applications (SPA).


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
Beheers de belangrijkste concepten en syntaxis die specifiek zijn voor Svelte
Begrijpen hoe Svelte verschilt van andere frameworks
Het begrip toepassingsresponsiviteit heroverwegen
Een Svelte-applicatie beheren van component tot implementatie

Doelgroep
Iedereen die meer wil weten over het Svelte JavaScript framework.

Voorafgaande vereisten
Kennis van JavaScript.

Praktische modaliteiten
Praktisch werk
Aanmaken van een filmbibliotheek met behulp van een film-API van derden.
Leer methodes
Training waarin theorie en praktijk worden afgewisseld. Alles wat je leert, breng je in de praktijk.

Opleidingsprogramma

1
Introductie en implementatie van het raamwerk

  • Presentatie van Svelte.
  • Svelte versus andere frameworks.
  • Onderzoek van een use case.
  • Presentatie van het rode draad project: een filmbibliotheek.
  • Omgevingsinstellingen.
  • Een toepassing maken.
  • Organisatie van Svelte-bestanden.
Praktisch werk
Statistieken bekijken voor de stateofjs.com site. De editor instellen, een Svelte-toepassing installeren en de bestanden analyseren.

2
Basiscomponenten en syntaxis

  • Een component instellen.
  • Gebruik van accolades.
  • Gebruik van gegevensbinding.
  • Variabelen en reactieve methoden.
  • Gebeurtenisverwerking.
  • Tabellen en objecten gebruiken.
  • Stijlen en klassen toevoegen.
  • HTML invoegen.
  • Controle over levenscycli van onderdelen.
  • Nesten van componenten.
Praktisch werk
Aanmaken van de eerste pagina van de filmbibliotheek met verschillende onderdelen.

3
Communicatie tussen componenten

  • Als / anders / anders als gebruiken.
  • Gebruik van elk.
  • Sleutels toevoegen.
  • Communicatie via rekwisieten en sleuven.
  • Overbrenging van een prop.
  • Definitie van een standaardwaarde voor prop.
  • Transmissie van een object.
  • Gebruik van slots.
  • Gebruik van slots met naam.
Praktisch werk
Toevoeging van props en slots om de communicatie tussen applicatiecomponenten aan te passen en mogelijk te maken.

4
Verder gaan met evenementen

  • Wanneer en hoe moeten event modifiers worden gebruikt?
  • Reageren op een gebeurtenis waarbij je kind betrokken is.
  • Start een gepersonaliseerd evenement.
Praktisch werk
Implementatie van reacties op hovers over miniaturen van films (wijzigen van miniaturen) en klikken op miniaturen (wijzigen van de interface met weergave van de geselecteerde film).

5
Formulieren

  • Definitie van een formulier.
  • Invoerbindingen instellen.
  • Definitie van selectievakje en radiobindingen.
  • Definitie van selects bindingen.
  • Definitie van textarea-bindingen.
  • Formuliervalidatie.
Praktisch werk
Filters toegevoegd aan de filmlijstpagina.

6
Jaloezieën

  • Een schrijfbare winkel aanmaken en er een abonnement op nemen.
  • Zelf-onderschrijven.
  • De gegevens in de winkel bijwerken.
  • Creëer en abonneer je op een leesbare winkel.
  • Gebruik van afgeleide jaloezieën.
  • Een aangepaste winkel maken en je erop abonneren.
Praktisch werk
Toevoeging van een algemeen blind aan de filmbibliotheek.

7
API's en routers

  • Over API's.
  • Verbinding met een API van een derde partij.
  • Een API-oproep doen.
  • Gebruik van het wachtblok.
  • Verschillende routers verkennen.
  • Voorbeeld van het gebruik van een router.
Praktisch werk
Integratie van gegevens van de API van derden "The Movie Database". Toevoeging van een "filmfiche"-pagina aan de filmbibliotheek.

8
Animaties en overgangen.

  • Een overgang toevoegen.
  • Een animatie toevoegen.
Praktisch werk
Verbeterde ergonomie door vloeiende overgangen toe te voegen aan de applicatie.