Apprendre Svelte 3 et SvelteKit 1.0 - Invydeo

Statut

Not Enrolled

Leçon

10

Enrolled

1

Mettre à jour

novembre 21, 2025

Cours Content

77 Sujets

10 Leçons

Introduction et premiers pas 7 Chapitres Extrait Leçon

Contenu de la Leçon

0% Terminé 0/7 Etapes

Préparation de l’environnement de développement

Les extensions utiles dans VS Code

Le site Officiel de Svelte

Premiers pas avec Svelte via le REPL

Ajout d’un composant

Installation ou mise à jour de Node.js

Création d’un premier projet Svelte avec Vite

La syntaxe de base de Svelte 10 Chapitres

Contenu de la Leçon

0% Terminé 0/10 Etapes

Création d’un squelette Svelte standard avec Vite

Les interpolations

Variables réactives

Plusieurs composants dans une application Svelte

Utilisation d’un objet JSON pour les props

Passage de fonctions d’un composant à un autre

Interpolations en texte brut ou en HTML

Classes conditionnelles

Conditions, boucles et gestion événementielle 7 Chapitres

Contenu de la Leçon

0% Terminé 0/7 Etapes

Exécution de code HTML conditionnellement

Deux paramètres dans une boucle each

Parcours d’objets JSON avec each

Gestion événementielle de la souris

Gestion événementielle du clavier

Les modificateurs d’événements (event modifiers)

Les composants 6 Chapitres

Contenu de la Leçon

0% Terminé 0/6 Etapes

Première approche des composants

Encore plus de composants

Passer des données d’un enfant au parent avec des Custom Events

Transmission de données au parent avec un Custom Event

Chaînage d’événements de composant à composant

Chaînage d’événements du DOM

Slots et Lifecycle hooks 10 Chapitres

Contenu de la Leçon

0% Terminé 0/10 Etapes

Slot par défaut

Affichage conditionnel de slots

Utilisation conjointe de slots et de props dans une application Svelte

Lifecycle Hooks

Interfaçage d’une API REST dans le hook onMount

Utilisation du bloc {#await}

Interfaçage de la base de données The Movie Database

Suite Interfaçage de la base de données The Movie Database

Gestion des formulaires 7 Chapitres

Contenu de la Leçon

0% Terminé 0/7 Etapes

Input de type text et input de type number

Input de type radio et de type checkbox

Select et option

Les autres balises input

Binding avec un composant

Validation d’un formulaire côté front

Les stores de Svelte 8 Chapitres

Contenu de la Leçon

0% Terminé 0/8 Etapes

Les stores de Svelte

Un premier exemple

Éviter les fuites mémoire avec unsubscribe()

Faciliter l’accès au store

Ajout d’une fonctionnalité pour supprimer un livre

Déplacement de la logique programmatique dans le store

Readable stores

Animations et transitions 7 Chapitres

Contenu de la Leçon

0% Terminé 0/7 Etapes

Animation de nombres avec le module motion

Action sur une propriété CSS inline

Le store Spring

Animations d’éléments HTML avec le module transition – Partie 1

Animations d’éléments HTML avec le module transition – Partie 2

Capturer le début et la fin d’une animation

Utiliser des animations d’apparition et de disparition différentes

Une application SPA avec Svelte 4 Chapitres

Contenu de la Leçon

0% Terminé 0/4 Etapes

Création d’une application SPA

Un routeur basé sur le hashing

Passage de paramètre dans l’URL

Bouton et lien Page précédente dans les pseudo-pages

SvelteKit 11 Chapitres

Contenu de la Leçon

0% Terminé 0/11 Etapes

Application de démonstration de SvelteKit

L’architecture d’une applications SvelteKit

Une application SvelteKit from scratch

Utilisation de props dans les pages

Création d’un composant de layout

Définition de règles de styles globales

Utilisation d’un layout spécifique à une ou plusieurs pages

Charger des données de façon asynchrone

Plusieurs sources de données

Routes dynamiques

Erreur dans une route dynamique

Créez des applications web modernes et ultra-rapides avec notre formation “Apprendre Svelte 3 et SvelteKit 1.0”. Rejoignez-nous et devenez un expert du développement JavaScript ! 🚀 #Svelte #SvelteKit #DéveloppementWeb