Sveltekit
Human Coders
Non finançable CPF
Tout public
En ligne
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Étudiant
Prix
1680 €
Durée
Nous contacter
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
Développeur Web et Web Mobile - Développement Web
À DISTANCE
Finançable CPF
Nous contacter
À distance
Tout public
Avis du centre
.
Centre Européen de Formation
formation laravel 12 développer une application
À DISTANCE
Non finançable CPF
1335 €
À distance / En entreprise
Entreprise
ACCESS IT
RNCP37674 : Développeur Web et Web Mobile - Titre d'État
LESPINASSE
Finançable CPF
Nous contacter
À distance / En alternance / En entreprise
Salarié en poste / Demandeur d'emploi / Entreprise
PCWORKS31
R niveau 3 - Développeur - Conception d’interfaces Shiny
À DISTANCE
Finançable CPF
2990 €
À distance
Salarié en poste / Entreprise
ThinkR
HTML5 / CSS perfectionnement (Distanciel / présentiel)
PARIS 15E
Non finançable CPF
1419 €
À distance / En centre / En entreprise
Salarié en poste / Entreprise
APCL Formation & Coaching
Créer et gérer son site e-commerce avec Shopify
À DISTANCE
Finançable CPF
1890 €
À distance
Salarié en poste / Demandeur d'emploi / Entreprise
AMZ Academy
Les formations les plus recherchées
Formation Toulouse
Formation Paris
Formation Nantes
Formation Strasbourg
Formation Bordeaux
Formation Lille
Formation Rennes
Formation Montpellier
Formation Angers
Formation Dijon
Formation Web CPF
Formation Web en ligne
Formation Creation site internet CPF
Formation Creation site internet en ligne
Formation Devops
Formation Developpeur web
Formation Webmarketing
Formation Webmaster
Formation Digital
Formation Responsable digital
Formation Integrateur web
Formation Chef de projet web
Formation Instagram
Formation Reseaux sociaux
Formation Devops Nantes
Formation Developpeur web Nantes
Formation Devops Toulouse
Formation Developpeur web Toulouse
Formation Devops Paris
Formation Devops Puteaux
Formation Developpeur web Paris
Formation Webmarketing Toulouse
Formation Digital Toulouse
Formation Responsable digital Toulouse