Aller au contenu principal

Développeur framework Svelt

Date de mise à jour :
Identifiant Offre Info : 07_25104630F
Organisme responsable : Vivaneo (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Comprendre le fonctionnement du framework Svelte Installer et configurer un environnement de développement Svelte Créer et structurer des composants réactifs Gérer l'état d'une application avec les stores Consommer des API et manipuler des données dynamiques Construire une application complète avec SvelteKit Mettre en place le routage et organiser une architecture modulaire Optimiser une application Svelte et préparer le déploiement Maîtriser les bonnes pratiques de…

  • Comprendre le fonctionnement du framework Svelte
  • Installer et configurer un environnement de développement Svelte
  • Créer et structurer des composants réactifs
  • Gérer l'état d'une application avec les stores
  • Consommer des API et manipuler des données dynamiques
  • Construire une application complète avec SvelteKit
  • Mettre en place le routage et organiser une architecture modulaire
  • Optimiser une application Svelte et préparer le déploiement
  • Maîtriser les bonnes pratiques de développement
  • Déployer un projet Svelte en production

Programme de la formation

Module 1 – Introduction à Svelte Présentation et philosophie du framework Fonctionnement basé sur la compilation Création d'un premier projet avec Vite Module 2 – Structure et réactivité des composants Syntaxe Svelte et fichier .svelte Variables, réactivité et binding Événements, formulaires, conditions, listes Module 3 – Styles, transitions et animations Gestion locale des styles (scoped) Transitions intégrées (fade, slide, fly…) Notions d'animations…

Module 1 – Introduction à Svelte
  • Présentation et philosophie du framework
  • Fonctionnement basé sur la compilation
  • Création d'un premier projet avec Vite
Module 2 – Structure et réactivité des composants
  • Syntaxe Svelte et fichier .svelte
  • Variables, réactivité et binding
  • Événements, formulaires, conditions, listes
Module 3 – Styles, transitions et animations
  • Gestion locale des styles (scoped)
  • Transitions intégrées (fade, slide, fly…)
  • Notions d'animations personnalisées
Module 4 – Stores et gestion d'état
  • Types de stores : writable, readable, derived
  • Gestion d'un état global
  • Structuration d'une application réactive
Module 5 – API, données et intégrations
  • Requêtes HTTP avec fetch
  • Traitement, affichage et mise à jour des données
  • Gestion des erreurs et des chargements
Module 6 – SvelteKit : application complète
  • Présentation de SvelteKit
  • Routage, layouts, endpoints
  • Gestion SEO, formulaires et navigation avancée
Module 7 – Bonnes pratiques, tests et optimisation
  • Structuration du code et architecture
  • Tests unitaires et fonctionnels
  • Optimisation du build et performances
Module 8 – Déploiement et mise en production
  • Build d'une application Svelte/SvelteKit
  • Déploiement sur plateformes cloud (Vercel, Netlify…)
  • Gestion des environnements et configuration finale

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

50 h

Financement

Conventionnement
Non
Financeur
  • Entreprise

    Programme : Formation adulte financée par l'entreprise ou financement individuel

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Bases en HTML, CSS et JavaScript Connaissances fondamentales en développement web Notions d'utilisation de Node.js et d'un terminal recommandées

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

4 Rue Germaine Richier
37100 Tours

Responsable : Arkopol

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
28 Rue du Chemin Vert
75011 Paris 11e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes