Bibliothèques et frameworks javascript

Vue.js – Développement d’applications web

21 heures 0 mins

Bibliothèques et frameworks javascript

Objectifs de la formation

  • Maîtriser l’environnement du développeur JavaScript
  • Comprendre les principes clés et les bonnes pratiques de Vue.js
  • Connaître les outils indispensables au développement d’applications web dynamiques avec Vue.js
  • Savoir développer une SPA (application monopage) avec Vue.js
  • Réaliser des tests

Programme de la formation

L’écosystème du développeur JS modern

  • Features modernes d’ECMAScript.
  • Intégration de TypeScript.
  • Tooling moderne JavaScript.
  • DevTools spécifiques Vue.js.

Travaux pratiques

JavaScript Moderne, pratiquer TypeScript, DevTools et debugging.

Utilisation de Vue.js avec Vite

  • Fondamentaux de Vite et ses avantages.
  • Architecture d’un projet Vue.js moderne.
  • Gestion des dépendances et scripts.
  • Bonnes pratiques de structuration.

Travaux pratiques

Installation et architecture du projet. Scripts et optimisation.

Les composants

  • Syntaxe et templating Vue.js.
  • Architecture des composants.
  • Gestion des styles et scoping.
  • Communication entre composants.
  • Patterns de composition avancée.
  • Hooks de cycle de vie.

Travaux pratiques

Créer des composants, composition avancée, cycle de vie et optimisation.

Répartir son code dans des composants

  • Architecture des composants.
  • Patterns de composition avancés.
  • Réutilisation de la logique.
  • Tests et validation.
  • Bonnes pratiques de structuration.

Travaux pratiques

Décomposer en composants et patterns de composants. Valider et optimiser.

Gestion de l’état avec Composition API

  • Reactive et Ref en profondeur.
  • Gestion des références complexes.
  • Computed properties avancées.
  • Watchers et leurs options.
  • Pattern Provide/Inject.
  • State management patterns.

Travaux pratiques

État local et réactivité, patterns de communication, debugging et optimisation.

Vue Router et navigation

  • Configuration avancée du router.
  • Navigation programmatique.
  • Guards et middleware.
  • Route meta fields.
  • Lazy loading de routes.
  • Nested routes et views.
  • Gestion des paramètres.

Travaux pratiques

Configurer le routing. Routes avancées. Tester et valider.

Gestion d’état avec Pinia

  • Architecture Pinia.
  • Set up et configuration.
  • Stores et state.
  • Getters et actions.
  • Mutations et state changes.
  • Modules et composition.
  • Plug-ins et extensions.
  • DevTools integration.

Travaux pratiques

Installer et configurer Pinia. Actions avancées. Tester et optimiser.

Tests et qualité du code

  • Testing framework Vitest.
  • Vue Test Utils.
  • Component testing.
  • E2E testing avec Cypress.
  • Code coverage.
  • CI/CD pour Vue.js.
  • Code quality tools.

Travaux pratiques

Tests unitaires, tests E2E, CI/CD et qualité.

Composants avancés

  • Slots patterns avancés.
  • Composants dynamiques.
  • Transitions et animations.
  • Rendu conditionnel optimisé.
  • Portails et téléportation.
  • Patterns de performance.

Travaux pratiques

Composants dynamiques, transitions et animations, portails et optimisation.

Integration API et gestion des données

  • HTTP clients (Axios/Fetch).
  • Gestion des requêtes.
  • Error handling.
  • Caching et optimisation.
  • Interceptors.
  • Data validation.
  • State synchronization.

Travaux pratiques

Installation de la couche API, gérer les données, valider et tester.

Performance et optimisation

  • Code splitting avancé.
  • Lazy loading intelligent.
  • Optimisation du bundle.
  • Performance du runtime.
  • Caching strategies.
  • Server-side rendering.
  • Build optimisation.

Travaux pratiques

Optimiser le bundle, performance runtime, optimiser le déploiement.

Production et déploiement

  • Configuration de production.
  • Sécurité application.
  • Monitoring et logging.
  • SEO et métadonnées.
  • Maintenance continue.
  • Stratégies de mise à jour.
  • Documentation.

Travaux pratiques

Configurer la production. Monitoring et SEO. Documenter le projet.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

  • Évaluation des besoins et du profil des participants.
  • Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
  • Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
  • Méthodes expositive, active et participative.
  • Réflexion et échanges sur cas pratiques.
  • Retours d'expériences.
  • Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Modalités d’évaluation :

  • Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.

Éléments matériels :

  • Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
  • Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

  • Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
  • Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
  • Feuilles de présences signées des participants et du formateur par demi-journée.
  • Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Vue.js, maîtriser le framework JavaScript Open Source (nouvelle édition) (Prev Lesson)
Back to Bibliothèques et frameworks javascript
Public

Développeurs web, intégrateurs, architectes logiciel, chefs de projet…

Pré-requis

Avoir une bonne connaissance pratique de HTML et la maîtrise de JavaScript.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer
training@profind.fr
Assistance technique

Une assistance technique et pédagogique est mise à disposition tout au long du parcours de formation. En cas de difficulté liée à l’utilisation des outils de visioconférence, à l’accès aux ressources nécessaires aux travaux pratiques ou au suivi de la formation, notre équipe est joignable par téléphone ou par e-mail afin de vous apporter une réponse dans les meilleurs délais.

Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adaptée.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Accessibilité handicap

Notre organisme de formation s’engage à favoriser l’accès à ses formations aux personnes en situation de handicap. Nous analysons les besoins spécifiques de chaque participant en amont de la formation afin de mettre en place les adaptations pédagogiques, techniques ou organisationnelles compatibles avec le déroulement de l’action de formation.

Sur le même thème