Formation Vue.js
Objectif
Découverte et maîtrise de tous les aspects de VueJS au travers d’un exemple concret.
Durée
Entre 3 et 5 jours
Format
Présentiel & Distanciel (Partout en France)
Public
Développeurs et Architectes souhaitant maîtriser Vue.JS.
Prérequis
Notions en HTML et JS.
Votre Formateur Expert
Votre formation sera animée par Yohann JOLAIN, un consultant en nouvelles technologies et Tech Lead .NET et Vue.js chez Reboot-Conseil. Fort de son expérience en ESN et de son expertise sur des technologies variées, Yohann est un formateur passionné et un expert en développement front-end.
Son parcours et son expérience du terrain garantissent une pédagogie orientée résolution de problèmes concrets, pour que vous puissiez non seulement maîtriser Vue.js, mais aussi adopter les réflexes d’un développeur et architecte de haut niveau.
Programme complet - Formation Vue.js
Ce programme intensif vous guidera de la découverte de Vue.js à la construction, la gestion d’état, les tests et le déploiement d’applications complètes.
1. De JavaScript à TypeScript
- Présentation de l’environnement JavaScript
- Les types avec TypeScript
2. Présentation de Vue
- Historique de Vue
- Quand utiliser Vue ?
3. Commencer un projet Vue
- Bien démarrer avec Vue CLI
- Structure initiale
- Fichier .vue
- Outils pour développer en VueJS
4. Composants Vue
- Qu’est ce qu’un composant?
- Template, Script, Style
- Data, Methods, Computed
- Lifecycle d’un composant
- Composition API vs Options API
5. Communication entre composants
- Props, events
- Binding
- Émission d’un évènement
- Slots
6. Formulaires
- Récupérer les données de son formulaire
- Valider les données d’un formulaire
7. Partage des données avec un store: Pinia
- Pattern Store
- Gérer et protéger son store
8. Tests automatisés
- Jest
- Tests sur les vues
- Tester le store
9. Fonctionnalités avancées
- Naviguer avec Vue Router
- Communication en HTTP avec axios
- Réagir à des changements de valeurs
- Internationalisation
10. Déploiement
- Configurer son bundle avec Vite
9. SSR
- Quels sont les avantages du SSR ?
- Mettre en place le SSR
- Faciliter la mise en place du SSR avec Nuxt
10. Déploiement
- Configurer son bundle avec Vite
Modalités Pratiques
- Objectifs :
- Public visé : Cette formation s’adresse spécifiquement aux Développeurs et Architectes souhaitant maîtriser Vue.js pour la création d’applications web modernes et performantes.
- Prérequis : Notions en HTML et JavaScript.
Nombre de stagiaires
Min: 1 personne(s)
Max: 10 personne(s)
Accessibilité Handicap
Notre équipe s'efforce d’accompagner au mieux les participants en situation de handicap. Pour toutes demandes à ce sujet, veuillez nous contacter via la page dédiée sur notre site.
Moyens pédagogiques
La formation comprend une partie théorique d’environ 30 à 40% du temps, le reste étant consacré à la mise en pratique par le biais d’ateliers guidés.
Évaluations
Le formateur évaluera votre progression pédagogique tout au long de la formation au moyen de QCM, mises en situation et travaux pratiques, garantissant l'acquisition des compétences.
Prix
Inter-entreprise : 600€ HT/jour
Intra-entreprise : 1500€ HT/jour
Cours sur mesure : sur devis
(Hors frais de déplacement éventuels)
Modalités et délais d'accès
Cette formation peut être mise en place rapidement après validation de votre demande, selon les modalités définies lors de notre échange personnalisé.
Outils utilisés
Nous utiliserons Teams pour les sessions à distance ou en ligne.
Pourquoi Choisir Notre Formation Vue.js ? Devenez un Expert du Développement Front-End
Vous avez des bases en HTML et JavaScript et vous souhaitez vous spécialiser dans Vue.js pour des projets innovants ? Vous aspirez à gérer l’état de vos applications de manière centralisée et à les déployer efficacement ? Cette formation est faite pour vous, avec des objectifs clairs et concrets :
- Comprendre l’Écosystème Vue.js : Découvrez l’historique de Vue, quand l’utiliser, et comment bien démarrer un projet avec Vue CLI. Familiarisez-vous avec la structure des fichiers .vue et les outils essentiels pour développer en Vue.js.
- Maîtriser les Composants Vue : Apprenez la structure des composants (Template, Script, Style), la gestion des données (Data, Methods, Computed), le cycle de vie et la communication inter-composants (Props, Events, Slots). Explorez la Composition API vs Options API.
- Gérer l’État de l’Application avec Pinia : Comprenez le Pattern Store et apprenez à implémenter Pinia pour une gestion centralisée, simple et efficace des données de votre application. Découvrez comment gérer et protéger votre store.
- Construire des Applications Complètes : Abordez la navigation avec Vue Router, la communication HTTP avec Axios, la gestion des formulaires, l’internationalisation, et les tests automatisés (Jest) pour des applications robustes et fiables.
- Optimiser le Déploiement avec SSR et Nuxt.js : Apprenez à configurer votre bundle avec Vite, comprenez les avantages du Server-Side Rendering (SSR) et facilitez sa mise en place avec le framework Nuxt.js pour améliorer le SEO et les performances.
- Une Approche Très Pratique : La formation est axée sur la mise en pratique via des ateliers guidés. Vous coderez un exemple concret du début à la fin, pour une maîtrise opérationnelle rapide.