Formation Vite.JS

PROGRAMME DE NOTRE FORMATION VITE.JS

INTRODUCTION À VITE.JS

• Présentation de Vite.js et de son créateur
• Pourquoi choisir Vite.js ? Avantages comparatifs avec d’autres outils comme Webpack
• Vue d’ensemble de l’écosystème Vite.js
• Installation de Vite.js et configuration de base
• Création d’un premier projet simple

FONCTIONNALITÉS DE BASE DE VITE.JS

• Gestion des imports et des modules NPM
• Configuration et utilisation de fichiers CSS, images et autres ressources
• Intégration et utilisation des préprocesseurs comme SASS
• Développement en mode serveur avec Hot Module Replacement (HMR)
• Débogage et résolution des problèmes courants

ASPECTS AVANCÉS DE VITE.JS

• Techniques d’importation asynchrone pour optimiser les performances
• Configuration avancée de Vite.js pour des besoins spécifiques
• Création et utilisation de plugins personnalisés
• Gestion de l’environnement de développement et variables d’environnement
• Sécurisation des applications Vite.js selon les principes OWASP

INTÉGRATION AVEC LES FRAMEWORKS FRONTEND

• Utilisation de Vite.js avec Vue.js 3 : configuration et meilleures pratiques
• Création d’une application React avec Vite.js
• Intégration avec d’autres bibliothèques JavaScript populaires
• Exemples pratiques de développement d’applications SPA avec Vite.js
• Techniques de routing et de gestion d’état avec Vite.js

OPTIMISATION ET PERFORMANCE

• Pourquoi Vite.js est rapide ? Expliquer l’utilisation d’Esbuild
• Comparaison des performances avec d’autres outils de bundling comme Webpack
• Techniques d’optimisation des builds et du chargement des ressources
• Stratégies de Lazy loading et de Code Splitting
• Analyse de performance et outils de profiling

DÉPLOIEMENT ET DEVOPS

• Bonnes pratiques pour le déploiement d’applications développées avec Vite.js
• Configuration de pipelines CI/CD pour des projets Vite.js
• Utilisation de conteneurs et d’orchestrateurs pour le déploiement
• Surveillance et maintenance en production
• Cas pratiques de déploiement sur différentes plateformes (Netlify, Vercel, serveurs personnalisés)

TRAVAUX PRATIQUES ET PROJETS FINAUX

• Intégration avec des services backend et des APIs
• Création de templates réutilisables pour accélérer le développement futur
• Présentation des projets aux pairs et retour d’expérience
• Évaluation des projets et feedback personnalisé