Back to Cours

Apprendre Svelte 3 et SvelteKit 1.0

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
Exercice
Variables réactives
Data binding
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
Boucles each
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
Slots simples
Slots nommés
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
Challenge
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
Challenge
É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
invydeo (188 x 50 px) (2)
Clear Search
Sign in Sign up
Clear Search
Back to Cours

Apprendre Svelte 3 et SvelteKit 1.0

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
Exercice
Variables réactives
Data binding
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
Boucles each
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
Slots simples
Slots nommés
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
Challenge
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
Challenge
É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
Leçon 1 de 10

Introduction et premiers pas

Lesson Topics

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
Retour à la/au Cours
Chapitre Suivant

Report

There was a problem reporting this post.

Harassment or bullying behavior
Contains mature or sensitive content
Contains misleading or false information
Contains abusive or derogatory content
Contains spam, fake content or potential malware

Block Member?

Please confirm you want to block this member.

You will no longer be able to:

  • See blocked member's posts
  • Mention this member in posts
  • Invite this member to groups
  • Message this member
  • Add this member as a connection

Please note: This action will also remove this member from your connections and send a report to the site admin. Please allow a few minutes for this process to complete.

Report

You have already reported this .