À propos

C’est quoi PokéSvelte ?

PokéSvelte est un tutoriel pour apprendre à construire des applications web avec Svelte 5 et SvelteKit.

L’idée est de créer une application web simple de la première page de base jusqu’à son déploiement.

C’est le fruit de nombreuses années d’expérience dans le milieu web front-end en tant que développeur et formateur, et de plusieurs années à maturer l’envie de produire un contenu pédagogique sur le web sans néanmoins franchir le pas.

Svelte ? SvelteKit ?

Il est probable que la réponse à cette question se trouve quelque part sur ce site, mais en résumé il s’agit de deux outils complémentaires utiles pour construire des applications web relativement simplement.

Svelte permet de construire des briques d’interface sous forme de composants.

SvelteKit permet lui d’organiser ces briques en tant que pages d’une application.

Y a t’il des préquis à avoir pour suivre ce tutoriel ?

Oui, mais pas tant que ça.

Il est indispensable d’avoir des notions de ce que sont les technologies web de base – HTML, CSS, JavaScript – sans lesquelles vous n’aurez pas le vocabulaire technique pour appréhender ce contenu.

Il est également recommandé de savoir se servir de npm (ou équivalent), ainsi que d’un IDE.

Aucune connaissance de Svelte ou SvelteKit n’est en revanche nécessaire pour suivre ce tutoriel.

C’est payant ?

Non.

Le contenu de PokéSvelte est open-source, tout le monde peut s’en servir gratuitement.

Comment faire si je suis bloqué•e ?

Il existe une correction exercice par exercice.

Je vous recommande d’essayer de vous en servir le moins possible, mais ça peut toujours débloquer les situations désespérées.

Qu’est-ce que vous ne trouverez pas ici ?

Un tutoriel pour passer une codebase Svelte 4 en Svelte 5.

Ce tutoriel traite uniquement de la syntaxe Svelte 5.

Aucun comparatif entre les syntaxes Svelte 4 et Svelte 5 n’est présent dans ce tutoriel. Vous pouvez toujours vous référer à la documentation officielle si c’est ce que vous cherchez.

Svelte 5 ? Mais c’est même pas encore officiellement disponible !

C’est vrai. Mais Svelte 5 est en RFC depuis avril 2024, ce qui signifie que la syntaxe et l’API sont en grande partie sanctuarisées. De légers changements seront peut-être présents dans la version 5.0 lorsqu’elle sera publiée, le contenu de ce tutoriel sera alors modifié en conséquence.

Je tiens tout de même à préciser qu’à l’heure où j’écris ces lignes (22:11), je n’ai pas eu encore l’occasion de pratiquer Svelte 5 en “conditions réelles”.

Pourquoi ce tutoriel commence par parler de SvelteKit, et pas Svelte ?

Parce que je tente une approche différente de ce que j’ai pu faire en tant que formateur jusqu’ici.

De la même manière qu’on n’apprend pas à conduire en commençant par apprendre comment marche un moteur, la progression de ce tutoriel n’est pas “linéaire” dans le sens où il ne vous propose pas d‘“apprendre Svelte” puis d‘“apprendre SvelteKit”.

À la place, ce contenu prend le parti de prioriser les besoins plutôt que les moyens. Les notions techniques sont donc présentées et illustrées au moment où le besoin les rend nécessaires. Comme mentionné plus haut, tout le contenu est orienté vers la construction d’une application web simple, du début à la fin. Toutes les mises en pratique se font dans le cadre de cet objectif. Il n’y a pas d’exercice “isolé”, chaque exercice ajoute une brique supplémentaire à l’application que l’on construit.

Il est important de noter que chaque partie est axée sur Svelte ou sur SvelteKit, en fonction de ce qui est le plus pertinent à ce moment là. Pour vous aider à vous y retrouver, les parties traitant de Svelte sont représentées par un badge svelte et une couleur dominante orange – celles traitant de SvelteKit sont représentées par un badge kit et une couleur dominante bleue.

Qui a écrit ce contenu ?

Je m’appelle Romain.

Je suis développeur web depuis 2014, et formateur depuis 2017. J’ai passé les 4 dernières années à travailler à plein temps sur Svelte et SvelteKit.

Je travaille actuellement pour Radiofrance, dont la plateforme web est écrite en Svelte et SvelteKit.

Comment puis-je te contacter ?

Je zone de temps à autre sur le serveur Discord de Svelte, ainsi que sur le serveur Discord Svelte francophone.

N’hésitez pas à nous rendre visite et m’y faire un petit coucou !