Formation Vite

Cette formation Vite vous permettra d’accélérer votre workflow de développement en exploitant les performances de cet outil moderne et léger.

Dans le cadre de cette journée dédiée à Vite.js, vous apprendrez :
- à configurer un projet Vite
- à intégrer des frameworks comme React, Vue et Svelte, et
- à optimiser votre application pour la production.

Au programme de cette formation, se trouvent la découverte des fonctionnalités clés de Vite, la comparaison entre Vite et les autres outils, l’intégration avancée de Vite et l’optimisation des performances.

Les ateliers pratiques vous permettront de créer une application complète en appliquant les meilleures pratiques et en résolvant les problèmes courants que vous allez rencontrer !

Cette formation Vite.js s’adresse aux développeur·euse·s front-end de tous niveaux souhaitant optimiser le développement de leurs applications web grâce à Vite.

Vous êtes intéressé·e par les formations Front-end ?

Les formations suivantes pourraient vous être utiles :
- formation React
- formation Vue
- formation Svelte

Les objectifs

• Comprendre les concepts fondamentaux de Vite
• Comparer Vite avec d'autres outils comme Webpack, Parcel ou Rollup
• Apprendre à créer une application à partir de zéro avec Vite
• Découvrir les fonctionnalités avancées : plugins, intégration TypeScript, Hot Module Replacement (HMR)
• Optimiser les performances et préparer l’application pour la mise en production

Pré-requis

• Connaissances de base en JavaScript et TypeScript
• Familiarité avec au moins un framework front-end (React, Vue, etc.)
• Notions d'utilisation des outils comme npm, yarn ou pnpm
• Ordinateur portable à apporter

Le programme de la formation Vite

• Introduction à Vite
  • Pourquoi Vite ?
  • Limitations des outils traditionnels
  • Installation et configuration de base
• Mise en place d’un projet avec Vite
  • Initialiser un projet avec npm create vite@latest
  • Structure d’un projet Vite.
  • Configuration minimale et avancée
    • vite.config.js
• Fonctionnalités principales de Vite
  • Hot Module Replacement (HMR)
    • fonctionnement et avantages
  • Gestion des ressources
    • CSS
    • images
    • SVG
  • Intégration de TypeScript et JSX
  • Utilisation des plugins
    • plugin officiel Vue, React et Rollup
  • Debugging et intégration avec les outils de développement
• Vite et les frameworks
  • Vite avec React
    • points clés et bonnes pratiques
  • Vite avec Vue
    • intégration native et avantages
  • Introduction à Svelte avec Vite
  • Exemples de migration depuis Webpack
• Optimisation et mise en production
  • Mode build et optimisation des performances
  • Analyse du bundle avec vite-plugin-analyze
  • Préparation pour un déploiement

Mises en pratique :
- Créer une application complète avec React ou Vue
- Ajouter des plugins et gérer des configurations spécifiques
- Résoudre des problèmes courants et discuter des cas réels

Télécharger le programme

Le(s) formateur(s)

Emmanuel DEMEY

Emmanuel est consultant et formateur depuis 2009. Spécialisé dans les technologies Web et également sur la suite Elastic, il donne des formations depuis une dizaine d’années.

Toujours prêt à partager ces connaissances, il donne depuis cinq ans de nombreuses conférences en France et co-gère également l’association du GDG Lille, organisant la conférence Devfest Lille. Il est également intervenant à l’IMT Lille-Douai depuis 2019.

Aujourd’hui, Emmanuel intervient chez ces clients pour des missions d’expertise et de réalisation en apportant tout d’abord son experience sur les problématiques de qualité, maintenabilité, accessibilité et performance.

Voir son profil détaillé

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1646 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 169 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux