CATALOGUE Code & Data Formation Svelte Apprendre Svelte 3 et SvelteKit 1.0

Exercice Pratique avec Svelte

Retour à la formation
Chapitre 2 Leçon 3
Précédent
Suivant

Initiez-vous à Svelte avec cet exercice pratique, en apprenant à inverser un texte grâce aux fonctions JavaScript <strong>split</strong>, <strong>reverse</strong> et <strong>join</strong>.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous vous guidons à travers un exercice pratique destiné à renforcer vos compétences en Svelte et en JavaScript. Vous allez créer un projet intitulé 03-INVERSE qui contiendra une fonctionnalité permettant d'inverser un texte via un simple bouton. L'utilisateur pourra cliquer sur un bouton de type button pour inverser les lettres du texte affiché grâce aux fonctions JavaScript split, reverse et join. Nous vous expliquons également comment accéder à des ressources en ligne, telles que W3schools, pour comprendre en profondeur ces méthodes JavaScript. Une correction complète de l'exercice est fournie pour vous aider à valider vos acquis.

Lors de cet exercice, vous apprendrez à manipuler le DOM, à utiliser des événements et à travailler avec des variables réactives en Svelte. Le projet est conçu pour être simple mais essentiel afin de vous familiariser avec les concepts de base et les bonnes pratiques en développement front-end.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Comprendre l'utilisation des fonctions JavaScript split, reverse et join.
  • Créer un projet Svelte de base.
  • Apprendre à manipuler le DOM et les événements en Svelte.
  • Acquérir des compétences pratiques en développement front-end.

Prérequis pour cette leçon

Avant de suivre cette vidéo, vous devez avoir :

  • Des notions de base en JavaScript.
  • Une connaissance élémentaire de Svelte ou la volonté d'apprendre.

Métiers concernés

Les connaissances acquises dans cette vidéo peuvent être appliquées dans les métiers suivants :

  • Développeur Front-end
  • Ingénieur en Logiciel
  • Développeur d'Applications Web

Alternatives et ressources

Comme alternatives, vous pouvez utiliser :

  • Réact pour une approche similaire en utilisant des hooks.
  • Vue.js avec ses directives de manipulation du DOM.

Questions & Réponses

Les fonctions JavaScript utilisées sont split, reverse et join.
La fonction split permet de transformer une chaîne de caractères en tableau en utilisant un séparateur.
Le moteur de recherche par défaut, Google, facilite la recherche d'informations spécifiques telles que les fonctions JavaScript sur W3schools.