Sveltekit
Human Coders
Non finançable CPF
Tout public
En ligne
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Etudiant
Prix
1680 €
Durée
Nous contacter
Niveau visé
Non diplômante
Localité
En ligne
Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.
Objectifs
- Structurer un projet Sveltekit
- Charger les données d'une page
- Gérer les formulaires
- Créer une API REST simple
- Gérer les erreurs
- Développer une application SvelteKit de l'installation jusqu'au déploiement
- Charger les données d'une page
- Gérer les formulaires
- Créer une API REST simple
- Gérer les erreurs
- Développer une application SvelteKit de l'installation jusqu'au déploiement
Programme
Jour 1
- Rappels JS
- Définir les variables avec `const` et `let`.
- Déclarer les variables avec la déstructuration.
- Manipuler les tableaux avec `.map` et `.filter`.
- Utiliser `async` et `await` pour gérer les opérations asynchrones.
-Rappels Svelte
- Comprendre la réactivité de Svelte
- Gérer les évènements
- Revoir le principe des stores
- Utiliser les slots
- Premiers pas
- Comprendre l'histoire du web front-end.
- Aborder la définition d'un framework front-end.
- Lister les ressources utiles
- Se lancer avec SvelteKit
- Structurer un projet
- Utiliser `$lib` pour partager des fonctions entre composants
- Routing
- Apprendre à configurer des routes et leur associer des pages spécifiques.
- Mutualiser des éléments d'interface avec les layouts
- Rendre les urls dynamiques
- Chargement de données
- Charger les données d'une page avec la fonction `load`
- Utiliser la fonction `load` pour les layouts
- Gérer les headers et cookies
- Apprendre dans quelles situation utiliser la fonction `load` universelle
- Anticiper le chargement des données au survol
- Stores Kit
- Obtenir des informations sur la page actuelle avec le store `page`
- Utiliser le store navigating pour détecter les actions de navigation.
- Mettre à jour son application chez ses utilisateurs avec le store `updated`
Mise en pratique
- Créer la structure des pages pour l'application
- Définir un layout commun pour partager des éléments d'interface
- Charger les données de la page de liste de Pokémon et détail d'un Pokémon
- Afficher un loader lors de la navigation
Jour 2
- Stratégies de rendu
- Clarifier les différents types de rendu et leurs implications (MPA, SPA, SSR, CSR, ...)
- Utiliser les options de page SvelteKit pour choisir sa stratégie
- Formulaires
- Utiliser les formulaires avec SvelteKit
- Apprendre à distinguer différentes actions utilisateur dans les formulaires.
- Valider un formulaire côté serveur
- Ajouter du progressive enhancement
- API routes
- Créer des endpoints de type GET
- Créer des endpoints de type POST et autres méthodes HTTP
- Erreurs et redirections
- Apprendre à gérer les erreurs et à fournir des réponses appropriées aux utilisateurs
- Créer une page d'erreur
- Gérer les cas d'urgence avec la page d'erreur de secours
- Gérer les redirections
- Déploiements
- Choisir son adapteur de déploiement
- Déployer une application sur Vercel
Mises en pratique
- Créer d'un formulaire d'inscription
- Rendre les pages qui le peuvent complètement statiques
- Sauvegarder son inventaire via la création de endpoints dédiés
- Gérer les erreurs
- Déployer son application sur Vercel
- Rappels JS
- Définir les variables avec `const` et `let`.
- Déclarer les variables avec la déstructuration.
- Manipuler les tableaux avec `.map` et `.filter`.
- Utiliser `async` et `await` pour gérer les opérations asynchrones.
-Rappels Svelte
- Comprendre la réactivité de Svelte
- Gérer les évènements
- Revoir le principe des stores
- Utiliser les slots
- Premiers pas
- Comprendre l'histoire du web front-end.
- Aborder la définition d'un framework front-end.
- Lister les ressources utiles
- Se lancer avec SvelteKit
- Structurer un projet
- Utiliser `$lib` pour partager des fonctions entre composants
- Routing
- Apprendre à configurer des routes et leur associer des pages spécifiques.
- Mutualiser des éléments d'interface avec les layouts
- Rendre les urls dynamiques
- Chargement de données
- Charger les données d'une page avec la fonction `load`
- Utiliser la fonction `load` pour les layouts
- Gérer les headers et cookies
- Apprendre dans quelles situation utiliser la fonction `load` universelle
- Anticiper le chargement des données au survol
- Stores Kit
- Obtenir des informations sur la page actuelle avec le store `page`
- Utiliser le store navigating pour détecter les actions de navigation.
- Mettre à jour son application chez ses utilisateurs avec le store `updated`
Mise en pratique
- Créer la structure des pages pour l'application
- Définir un layout commun pour partager des éléments d'interface
- Charger les données de la page de liste de Pokémon et détail d'un Pokémon
- Afficher un loader lors de la navigation
Jour 2
- Stratégies de rendu
- Clarifier les différents types de rendu et leurs implications (MPA, SPA, SSR, CSR, ...)
- Utiliser les options de page SvelteKit pour choisir sa stratégie
- Formulaires
- Utiliser les formulaires avec SvelteKit
- Apprendre à distinguer différentes actions utilisateur dans les formulaires.
- Valider un formulaire côté serveur
- Ajouter du progressive enhancement
- API routes
- Créer des endpoints de type GET
- Créer des endpoints de type POST et autres méthodes HTTP
- Erreurs et redirections
- Apprendre à gérer les erreurs et à fournir des réponses appropriées aux utilisateurs
- Créer une page d'erreur
- Gérer les cas d'urgence avec la page d'erreur de secours
- Gérer les redirections
- Déploiements
- Choisir son adapteur de déploiement
- Déployer une application sur Vercel
Mises en pratique
- Créer d'un formulaire d'inscription
- Rendre les pages qui le peuvent complètement statiques
- Sauvegarder son inventaire via la création de endpoints dédiés
- Gérer les erreurs
- Déployer son application sur Vercel
Envie d’en savoir plus sur cette formation ?
Documentez-vous sur la formation
Ces formations peuvent vous intéresser

DATA ANALYST | Titre RNCP niveau 7 Bac +5 | co-certifiée école MINES...
À DISTANCE
Avis du centre
Témoignages
Les formations les plus recherchées
Lyon
Toulouse
Marseille
Montpellier
Paris
Bordeaux
Dijon
Mâcon
Nantes
Rennes
Informatique CPF
Informatique en Ligne
Programmation
Programmation CPF
Programmation en Ligne
Developpeur web
Creation site internet
Webmaster
Integrateur web
Intelligence artificielle
Machine learning
Vba
Growth hacking
Technicien informatique
Technicien support informatique
Creation site internet Mantes-la-Ville
Developpeur web Villiers-le-Bel
Integrateur web Villiers-le-Bel
Programmation Villiers-le-Bel
Webmaster Villiers-le-Bel
Webmaster Mantes-la-Ville
Programmation Paris
Integrateur web Beaumont-sur-Oise
Developpeur web Paris
Creation site internet Mantes-la-Jolie