Aller au contenu principal

Développeur framework Svelt

Date de mise à jour :
Identifiant Offre Info : 10_25101632F
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

  • Savoir développer des applications modernes avec Svelte et SvelteKit
  • Maîtriser la création de composants réactifs et performants
  • Gérer l'état, les données et les intégrations API
  • Structurer une application complète prête pour un usage professionnel
  • Déployer une application optimisée en production

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

50 h

Financement

Conventionnement
Oui
Financeur
  • Entreprise

    Programme : Accessible en formation professionnelle continue hors alternance

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

21 rue gambetta
25000 Besançon

Responsable : Ibis Besançon Centre Ville

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