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

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é

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

• une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• de nombreux clients qui nous font confiance depuis des années
• un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
• 141 formations au catalogue, 1622 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
• la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation