diff --git a/documentation/docs/01-getting-started/01-introduction.md b/documentation/docs/01-getting-started/01-introduction.md index 8983f876b2..19125c1f56 100644 --- a/documentation/docs/01-getting-started/01-introduction.md +++ b/documentation/docs/01-getting-started/01-introduction.md @@ -2,13 +2,15 @@ title: Introduction --- -Welcome to the Svelte reference documentation! This is intended as a resource for people who already have some familiarity with Svelte and want to learn more about using it. +Bienvenue sur la documentation Svelte de référence ! Ces pages sont pensées comme une ressource utile pour des personnes ayant déjà une certaine familiarité avec Svelte, et souhaitant en apprendre davantage. -If that's not you (yet), you may prefer to visit the [interactive tutorial](https://learn.svelte.dev) or the [examples](/examples) before consulting this reference. You can try Svelte online using the [REPL](/repl). Alternatively, if you'd like a more fully-featured environment, you can try Svelte on [StackBlitz](https://sveltekit.new). +Si ce n'est pas (encore) le cas pour vous, vous préférerez probablement jeter un oeil au [tutoriel interactif](/tutorial) ou aux [exemples](/examples) avant de consulter cette section. Vous pouvez essayez Svelte en ligne en utilisant le [REPL](/repl), ou bien sur [StackBlitz](https://sveltekit.new) si vous préférez un environnement de développement plus complet. -## Start a new project +Cette documentation en français, ainsi que l'intégralité du contenu en français de ce site est une **traduction bénévole et non officielle** de la [documentation et du site officiels](https://svelte.dev) (en anglais). N'hésitez pas à y jeter un oeil. Vous pouvez aussi [nous faire part de vos suggestions de traduction](https://github.com/Svelte-Society-Fr/svelte/issues) si celles que vous trouverez dans ces pages ne vous conviennent pas. -We recommend using [SvelteKit](https://kit.svelte.dev/), the official application framework from the Svelte team: +## Démarrer un nouveau projet + +Nous recommandons d'utiliser [SvelteKit](https://kit.svelte.dev/), le framework d'application officiel créé par l'équipe Svelte : ``` npm create svelte@latest myapp @@ -17,18 +19,18 @@ npm install npm run dev ``` -SvelteKit will handle calling [the Svelte compiler](https://www.npmjs.com/package/svelte) to convert your `.svelte` files into `.js` files that create the DOM and `.css` files that style it. It also provides all the other pieces you need to build a web application such as a development server, routing, deployment, and SSR support. [SvelteKit](https://kit.svelte.dev/) uses [Vite](https://vitejs.dev/) to build your code. +SvelteKit se charge d'exécuter [le compilateur Svelte](https://www.npmjs.com/package/svelte) pour convertir vos fichiers `.svelte` en fichiers `.js` qui créent le DOM, et en fichiers `.css` qui le stylisent. Il fournit également tout ce dont vous avez besoin pour créer une application web, comme un serveur de développement, du routage, et des outils de déploiement. [SvelteKit](https://kit.svelte.dev/) utilise [Vite](https://vitejs.dev/) pour empaqueter votre code. -### Alternatives to SvelteKit +### Alternatives à SvelteKit -If you don't want to use SvelteKit for some reason, you can also use Svelte with Vite (but without SvelteKit) by running `npm init vite` and selecting the `svelte` option. With this, `npm run build` will generate HTML, JS and CSS files inside the `dist` directory. In most cases, you will probably need to [choose a routing library](/faq#is-there-a-router) as well. +Si vous ne souhaitez pas utiliser SvelteKit, vous pouvez aussi utiliser Svelte (sans SvelteKit) avec Vite en exécutant `npm init vite`, puis en choisissant l'option `svelte`. De cette manière, `npm run build` génèrera les fichiers HTML, JS et CSS dans le dossier `dist`. Dans la plupart des cas, vous aurez aussi probablement besoin de [choisir une librairie de routing](/faq#is-there-a-router). -Alternatively, there are [plugins for all the major web bundlers](https://sveltesociety.dev/tools#bundling) to handle Svelte compilation — which will output `.js` and `.css` that you can insert into your HTML — but most others won't handle SSR. +Il existe également des [plugins pour les bundlers web majeurs](https://sveltesociety.dev/tools#bundling) pour gérer la compilation Svelte — qui génèreront les `.js` et `.css` à insérer dans votre HTML — mais la plupart ne gèreront pas pas le rendu côté serveur (SSR). -## Editor tooling +## Outillage d'éditeur -The Svelte team maintains a [VS Code extension](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) and there are integrations with various other [editors](https://sveltesociety.dev/tools#editor-support) and tools as well. +L'équipe Svelte maintient une extension [VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode), et des intégrations existent également pour d'autres [éditeurs](https://sveltesociety.dev/tools#editor-support) ou outils. -## Getting help +## Obtenir de l'aide -Don't be shy about asking for help in the [Discord chatroom](https://svelte.dev/chat)! You can also find answers on [Stack Overflow](https://stackoverflow.com/questions/tagged/svelte). +Si vous rencontrez des difficultés, vous trouverez de l'aide sur le [Discord officiel](https://svelte.dev/chat) ou sur le [Discord francophone](/chat). Vous trouverez également des réponses sur [StackOverflow](https://stackoverflow.com/questions/tagged/svelte). diff --git a/documentation/docs/01-getting-started/meta.json b/documentation/docs/01-getting-started/meta.json index 345e69a3c2..e0a37ca96e 100644 --- a/documentation/docs/01-getting-started/meta.json +++ b/documentation/docs/01-getting-started/meta.json @@ -1,3 +1,3 @@ { - "title": "Getting Started" + "title": "Bien commencer" } diff --git a/sites/svelte.dev/src/routes/+layout.server.js b/sites/svelte.dev/src/routes/+layout.server.js index 6e9a0cea60..8bcb91c5d3 100644 --- a/sites/svelte.dev/src/routes/+layout.server.js +++ b/sites/svelte.dev/src/routes/+layout.server.js @@ -10,13 +10,13 @@ export const load = async ({ url, fetch }) => { /** @param {URL} url */ function get_nav_title(url) { const list = new Map([ - [/^docs/, 'Docs'], + [/^docs/, 'Documentation'], [/^repl/, 'REPL'], [/^blog/, 'Blog'], - [/^faq/, 'FAQ'], - [/^tutorial/, 'Tutorial'], - [/^search/, 'Search'], - [/^examples/, 'Examples'] + [/^faq/, 'FÀQ'], + [/^tutorial/, 'Tutoriel'], + [/^search/, 'Recherche'], + [/^examples/, 'Exemples'] ]); for (const [regex, title] of list) { diff --git a/sites/svelte.dev/src/routes/+layout.svelte b/sites/svelte.dev/src/routes/+layout.svelte index ab15ba8182..36f78a72e3 100644 --- a/sites/svelte.dev/src/routes/+layout.svelte +++ b/sites/svelte.dev/src/routes/+layout.svelte @@ -35,7 +35,7 @@ - Tutorial + Tutoriel SvelteKit diff --git a/sites/svelte.dev/src/routes/+page.svelte b/sites/svelte.dev/src/routes/+page.svelte index 92be7f193a..533e78300e 100644 --- a/sites/svelte.dev/src/routes/+page.svelte +++ b/sites/svelte.dev/src/routes/+page.svelte @@ -21,26 +21,28 @@
-

stylé

+

compilé

- Svelte shifts as much work as possible out of the browser and into your build step. No more - manual optimisations — just faster, more efficient apps. + Svelte allège le travail du navigateur en déléguant un maximum de tâches au compilateur. Plus + besoin d'optimisations manuelles — vos apps sont simplement plus rapides et plus efficaces.

-

génial

+

compact

- Write breathtakingly concise components using languages you already know — HTML, CSS and - JavaScript. Oh, and your application bundles will be tiny as well. + Écrivez des composants vraiment plus concis en utilisant des langages que vous connaissez déjà + — HTML, CSS et JavaScript. Ah, et les bundles de vos applications seront également plus + légers.

-

beau gosse

+

complet

- Built-in scoped styling, state management, motion primitives, form bindings and more — don't - waste time trawling npm for the bare essentials. It's all here. + Styles scopés par défaut, gestion d'état, primitives d'animation, liaisons de formulaire et + bien d'autres — ne perdez plus votre temps à fouiller npm pour des fonctionnalités de bases. + Tout est inclus.

@@ -57,26 +59,27 @@ diff --git a/sites/svelte.dev/src/routes/_components/Demo.svelte b/sites/svelte.dev/src/routes/_components/Demo.svelte index 3ddab56964..182666b5e9 100644 --- a/sites/svelte.dev/src/routes/_components/Demo.svelte +++ b/sites/svelte.dev/src/routes/_components/Demo.svelte @@ -6,25 +6,26 @@ { id: 'hello-world', title: 'Hello World', - description: 'Svelte components are built on top of HTML. Just add data.' + description: + "Les composants Svelte sont construits en se basant sur du HTML. Vous n'avez qu'à ajouter de la donnée." }, { id: 'nested-components', - title: 'Scoped CSS', + title: 'CSS scopé', description: - 'CSS is component-scoped by default — no more style collisions or specificity wars. Or you can use your favourite CSS-in-JS library.' + 'Votre CSS est par défaut scopé à votre composant — plus aucune collision de style ou guerre de spécificité. Vous pouvez aussi utiliser votre librairie CSS-in-JS préférée.' }, { id: 'reactive-assignments', - title: 'Reactivity', + title: 'Réactivité', description: - 'Trigger efficient, granular updates by assigning to local variables. The compiler does the rest.' + "Déclenchez des mises à jour granulaires en assignant à des variables locales. Le compilateur s'occupe du reste." }, { id: 'svg-transitions', title: 'Transitions', description: - 'Build beautiful UIs with a powerful, performant transition engine built right into the framework.' + "Construisez de superbes interfaces à l'aide d'un moteur de transition puissant et performant intégré dans le framework." } ]; @@ -36,7 +37,7 @@
-

build with ease

+

développez en toute simplicité

@@ -53,7 +54,7 @@ {/each}
- more  examples → + plus d'exemples →
{#if selected} diff --git a/sites/svelte.dev/src/routes/_components/Hero.svelte b/sites/svelte.dev/src/routes/_components/Hero.svelte index 9122196b4b..3843b36443 100644 --- a/sites/svelte.dev/src/routes/_components/Hero.svelte +++ b/sites/svelte.dev/src/routes/_components/Hero.svelte @@ -17,9 +17,9 @@
- tutorial + tutoriel - read the docs + lire la documentation
@@ -42,7 +42,10 @@ - The Svelte compiler packaging up your component code + Le compilateur Svelte préparant le code de vos composants diff --git a/sites/svelte.dev/src/routes/_components/Supporters/index.svelte b/sites/svelte.dev/src/routes/_components/Supporters/index.svelte index 3b220a52ce..fac51a0721 100644 --- a/sites/svelte.dev/src/routes/_components/Supporters/index.svelte +++ b/sites/svelte.dev/src/routes/_components/Supporters/index.svelte @@ -10,13 +10,15 @@
-

Svelte is made possible by the work of hundreds of supporters.

+

Svelte existe grâce au travail de centaines de personnes.

-

contributors

+

contributeurs

- Join us on GitHub + Rejoignez-nous sur Github

@@ -34,8 +36,8 @@
-

donors

-

Support us on OpenCollective

+

donateurs

+

Soutenez-nous sur OpenCollective

diff --git a/sites/svelte.dev/src/routes/_components/Try.svelte b/sites/svelte.dev/src/routes/_components/Try.svelte index 4efdc7df91..708a962df9 100644 --- a/sites/svelte.dev/src/routes/_components/Try.svelte +++ b/sites/svelte.dev/src/routes/_components/Try.svelte @@ -7,12 +7,12 @@
-

see for yourself

+

faites-vous votre opinion

- Try it locally, on StackBlitz, or with - the interactive tutorial. + Essayez en local, sur StackBlitz, ou avec + le tutoriel interactif.
diff --git a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte index f55f2bd64b..7a72a2c998 100644 --- a/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte +++ b/sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte @@ -7,19 +7,19 @@
-

loved by developers

+

adoré par les développeurs et développeuses

- We're proud that Svelte was recently voted the most admired JS web frameworkframework JS web le plus admiré - in one industry survey while drawing the most interest in learning it in + dans un sondage à l'échelle de l'industrie, tout étant suscitant le plus de curiosité dans two others. We - think you'll love it too. + >deux autres. Nous + pensons que vous allez l'aimer aussi.

diff --git a/sites/svelte.dev/src/routes/chat/+server.js b/sites/svelte.dev/src/routes/chat/+server.js index 0cb184d932..ce1d85bb9d 100644 --- a/sites/svelte.dev/src/routes/chat/+server.js +++ b/sites/svelte.dev/src/routes/chat/+server.js @@ -1,6 +1,6 @@ export function GET() { return new Response(undefined, { status: 302, - headers: { Location: 'https://discord.gg/svelte' } + headers: { Location: 'https://discord.gg/D6Dzc5m3' } }); }