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

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

Rechercher

Clear Search

Sign in Sign up

Rechercher

Clear Search

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

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

Leçon 1, Chapitre 7 de7

Création d’un premier projet Svelte avec Vite

Apprenez à créer votre premier projet Svelte avec Vite en suivant des étapes simples et claires.

Chapitre Précédent

Retour à la/au Leçon

Report

There was a problem reporting this post.

Harassment Harassment or bullying behavior

Inappropriate Contains mature or sensitive content

Misinformation Contains misleading or false information

Offensive Contains abusive or derogatory content

Suspicious Contains spam, fake content or potential malware

Autre

Report note

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 .