fr: content/tutorial/01-svelte/01-introduction

.github/workflows/doc-tracker.yml

@@ -21,7 +21,7 @@ jobs:
           dir: apps/svelte.dev/content/docs/svelte
   track-docs-cli:
     runs-on: ubuntu-latest
-    name: Checking Docs Svelte
+    name: Checking Docs CLI
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
@@ -32,3 +32,16 @@ jobs:
           owner: sveltejs
           repo: svelte.dev
           dir: apps/svelte.dev/content/docs/cli
+  track-docs-tuto1:
+    runs-on: ubuntu-latest
+    name: Checking Tutorial 01
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - name: Svelte docs new commits
+        uses: AlexxNB/track-commits-to-issue@master
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          owner: sveltejs
+          repo: svelte.dev
+          dir: apps/svelte.dev/content/tutorial/01-svelte

apps/svelte.dev/content/tutorial/01-svelte/+assets/src/routes/+error.svelte

@@ -3,12 +3,11 @@
 </script>
 
 {#if page.status === 404}
-	<h1>Not found</h1>
+	<h1>Introuvable</h1>
 	<p><a href="/">Go to /</a></p>
 {:else}
 	<p>
-		Server-side rendering failed with HTTP status
-		code
+		Le rendu côté serveur a échoué avec un code HTTP
 		<a
 			target="_blank"
 			href="https://http.dog/{page.status}"

apps/svelte.dev/content/tutorial/01-svelte/01-introduction/01-welcome-to-svelte/+assets/app-a/src/lib/App.svelte

@@ -1 +1 @@
-<h1>Welcome!</h1>
+<h1>Bienvenue !</h1>

apps/svelte.dev/content/tutorial/01-svelte/01-introduction/01-welcome-to-svelte/index.md

@@ -1,30 +1,47 @@
 ---
-title: Welcome to Svelte
+title: Bienvenue dans le monde de Svelte
 ---
 
-Welcome to the Svelte tutorial! This will teach you everything you need to know to easily build web applications of all sizes, with high performance and a small footprint.
+Bienvenue dans le tutoriel de Svelte ! Celui-ci va vous apprendre tout ce qu'il faut savoir pour
+construire facilement des applications web performantes et optimisées de toutes envergures.
 
-You can also consult the [API docs](https://svelte.dev/docs) and visit the [playground](https://svelte.dev/playground), or — if you're impatient to start hacking on your machine locally — create a project with `npx sv create`.
+Vous pouvez également consulter la [documentation de l'API](/docs) et faire un tour dans le [bac à
+sable](/playground), ou — si vous êtes impatient•e de commencer sur votre machine — créer un projet
+avec `npx sv create`.
 
-## What is Svelte?
+## C'est quoi Svelte ? [!VO]What is Svelte?
 
-Svelte is a tool for building web applications. Like other user interface frameworks, it allows you to build your app _declaratively_ out of components that combine markup, styles and behaviours.
+Svelte est un outil permettant de construire des applications web. Comme toute autre framework
+d'interface, il vous permet de construire votre application _déclarativement_ à partir de composants
+combinant markup, styles, et logique.
 
-These components are _compiled_ into small, efficient JavaScript modules that eliminate overhead traditionally associated with UI frameworks.
+Ces composants sont _compilés_ en de petits modules JavaScript optimisés éliminant tout surcoût
+usuellement associé avec un framework d'interface quelconque.
 
-You can build your entire app with Svelte (for example, using an application framework like [SvelteKit](/docs/kit), which this tutorial will cover), or you can add it incrementally to an existing codebase. You can also ship components as standalone packages that work anywhere.
+Vous pouvez construire votre application entière avec Svelte (par exemple, en utilisant un framework
+d'application comme [SvelteKit](/docs/kit), que ce tutoriel va présenter), ou l'introduire
+progressivement dans une codebase existante. Vous pouvez aussi déployer des composants en tant que
+paquets indépendants utilisables partout.
 
-## How to use this tutorial
+## Comment utiliser ce tutoriel [!VO]How to use this tutorial
 
-> [!NOTE] You'll need to have basic familiarity with HTML, CSS and JavaScript to understand Svelte.
+> [!NOTE] Des connaissances de base en HTML, CSS et JavaScript sont nécessaires pour comprendre le
+> fonctionnement de Svelte.
 
-This tutorial is split into four main parts:
+Ce tutoriel est divisé en quatre sections principales :
 
-- [Basic Svelte](/tutorial/svelte/welcome-to-svelte) (you are here)
-- [Advanced Svelte](/tutorial/svelte/tweens)
-- [Basic SvelteKit](/tutorial/kit/introducing-sveltekit)
-- [Advanced SvelteKit](/tutorial/kit/optional-params)
+- [Bases de Svelte](/tutorial/svelte/welcome-to-svelte) (vous êtes ici)
+- [Svelte avancé](/tutorial/svelte/tweens)
+- [Bases de SvelteKit](/tutorial/kit/introducing-sveltekit)
+- [SvelteKit avancé](/tutorial/kit/optional-params)
 
-Each section will present an exercise designed to illustrate a feature. Later exercises build on the knowledge gained in earlier ones, so it's recommended that you go from start to finish. If necessary, you can navigate via the menu above.
+Chaque section vous présentera un exercice conçu pour illustrer une fonctionnalité. Les exercices se
+basent sur les connaissances acquises dans les exercices précédents, il est donc recommandé de
+suivre ce tutoriel de début à la fin. Si besoin, vous pouvez naviguer entre les exercices grâce au
+menu ci-dessus.
 
-If you get stuck, you can click the `solve` button in the top right of the screen. (The `solve` button is disabled on sections like this one that don't include an exercise.) Try not to rely on it too much; you will learn faster by figuring out where to put each suggested code block and manually typing it in to the editor.
+Si vous êtes bloqué•e, vous pouvez cliquer sur le bouton `résoudre` dans le coin supérieur droit de
+l'écran. (Le bouton `résoudre` est désactivé pour les sections comme celle-ci qui n'ont pas
+d'exercice.) Essayez de ne pas vous en servir trop souvent ; vous apprendrez plus vite en trouvant
+par vous-même où les blocs de code suggérés doivent se placer et en les tapant vous-même dans
+l'éditeur.

apps/svelte.dev/content/tutorial/01-svelte/index.md

@@ -1,6 +1,6 @@
 ---
-title: Basic Svelte
-label: Part 1
+title: Bases de Svelte
+label: Partie 1
 scope: { 'prefix': '/src/lib/', 'name': 'src' }
 focus: /src/lib/App.svelte
 ---

apps/svelte.dev/content/tutorial/index.md

@@ -1,3 +1,3 @@
 ---
-title: Tutorial
+title: Tutoriel
 ---

apps/svelte.dev/src/routes/tutorial/[...slug]/Controls.svelte

@@ -47,13 +47,13 @@
 
 	<a
 		href={exercise.prev ? `/tutorial/${exercise.prev?.slug}` : undefined}
-		aria-label={exercise.prev && 'Previous exercise'}
+		aria-label={exercise.prev && 'Exercice précédent'}
 	>
 		<Icon name="arrow-left" size={18} />
 	</a>
 	<a
 		href={exercise.next ? `/tutorial/${exercise.next?.slug}` : undefined}
-		aria-label={exercise.next && 'Next exercise'}
+		aria-label={exercise.next && 'Exercice suivant'}
 	>
 		<Icon name="arrow-right" size={18} />
 	</a>
@@ -66,9 +66,9 @@
 
 	<button class="raised" class:completed disabled={!exercise.has_solution} onclick={toggle}>
 		{#if completed && exercise.has_solution}
-			reset
+			réinitialiser
 		{:else}
-			solve
+			résoudre
 		{/if}
 	</button>
 </SecondaryNav>