Accueil > Formations > Vue.js

Formation Vue.js Complète

Bienvenue dans ce guide tout en 1 sur Vue.js ! Il s'agit d'une formation complète qui va vous permettre d'apprendre à utiliser Vue et son écosystème au travers de nombreux projets. La difficulté sera croissante, nous allons commencer par toutes les notions de base pour passer progressivement à des sujets plus poussés.

L'objectif de ce cours est de vous permettre d'apprendre tout ce qui vous sera utile pour lancer votre carrière avec Vue.js. Je vous présenterai les bonnes pratiques ainsi que tout ce qui est recherché dans le monde professionnel. Vous apprendrez par la pratique avec des projets variés et concrets.

Vue récupère le meilleur de React + Angular et propose le tout sous une forme très simple d'utilisation et intuitive. Vous apprendrez Vue, Nuxt, Vuetify, Pinia, les tests, les API REST/GraphQL et même l'IA générative intégrée dans vos applications !

19 heures de contenu Niveau : Débutant à Expert Certificat inclus
Instructeur
Créé par Anthony Cardinale Ingénieur en informatique, Expert IA générative & Développement
Formation Vue.js
Acheter sur Udemy

Cette formation inclut :

  • ✓ Projets concrets et variés
  • ✓ Vue.js 3 et écosystème complet
  • ✓ Nuxt.js pour applications avancées
  • ✓ Vuetify pour interfaces Material Design
  • ✓ Pinia pour gestion d'état
  • ✓ Tests unitaires (Vitest) et E2E (Cypress)
  • ✓ API REST et GraphQL
  • ✓ Code source de tous les projets
  • ✓ Accès à vie
  • ✓ Certificat de fin de formation
  • ✓ Support de l'instructeur
  • ✓ Garantie 30 jours

Ce que vous apprendrez

Maîtriser Vue.js 3 et son écosystème complet
🚀 Développer avec Nuxt.js pour des apps performantes
🎨 Créer des interfaces modernes avec Vuetify
🧪 Implémenter tests unitaires et E2E
🤖 Intégrer l'IA générative dans vos applications
🔗 Consommer des API REST et GraphQL

Contenu du cours

14 sections • Nombreux projets • 19 heures

1. Les bases de Vue.js

Installation et configuration de Vue.js
Notions fondamentales du framework
Composants, directives et réactivité
Gestion des événements et des données

2. Projet : Portfolio personnel

Mise en pratique des bases Vue.js
Création du design et de la structure
Gestion du contenu dynamique
Optimisation et déploiement

3. Projet : Jeu Nonogram / Picross

Présentation du jeu et des règles
Générateur de grilles et puzzles
Syntaxes alternatives de Vue.js
Logique de jeu et validation

4. Projet : Dashboard Vuetify

Introduction à Vuetify Material Design
Création d'un tableau de bord financier
Graphiques et visualisation de données
Interface responsive et moderne

5. Vue Router - Navigation multi-pages

Installation et configuration Vue Router
Définition des routes et navigation
Routes dynamiques et paramètres
Guards et protection des routes

6. Pinia - Gestion d'état globale

Concepts du store et gestion d'état
Création et utilisation des stores
Actions, getters et mutations
Persistance et synchronisation

7. Nuxt.js - Framework Vue avancé

Introduction à Nuxt.js et ses avantages
Configuration et structure de projet
SSR, SSG et modes de rendu
Modules et plugins Nuxt

8. Projet : Site d'actualités

Développement avec Nuxt et Bootstrap
Création d'un agrégateur type Google News
Intégration API REST pour actualités
Optimisation SEO et performances

9. Tests unitaires avec Vitest

Introduction aux tests unitaires
Configuration Vitest pour Vue.js
Tests de composants et logique métier
Couverture de code et CI/CD

10. Tests E2E avec Cypress

Concepts des tests end-to-end
Configuration et premiers tests Cypress
Scénarios utilisateur et interactions
Débogage et maintenance des tests

11. Super projet partie 1 - API REST

Conception de l'application de gestion
Création API REST simple et efficace
Endpoints CRUD et gestion des données
Authentification et sécurité API

12. Super projet partie 2 - WebApp Vue

Interface de gestion complète avec Vue
Interaction avec l'API pour CRUD
Gestion d'état avancée avec Pinia
Interface utilisateur professionnelle

13. Super projet partie 3 - IA générative

Intégration IA générative (ChatGPT, Llama, Mistral)
ChatBot pour analyse et synthèse des données
Interface conversationnelle dans l'app
Optimisation et bonnes pratiques IA

14. API GraphQL avec Apollo

Introduction à GraphQL vs REST
Configuration Apollo Client avec Vue
Requêtes et mutations GraphQL
Exemple concret avec API SpaceX

Prérequis

  • Bases en HTML, CSS et JavaScript
  • Notions de programmation orientée objet
  • Environnement de développement Node.js
  • Motivation pour apprendre un framework moderne

À qui s'adresse cette formation

  • Développeurs JavaScript voulant apprendre Vue.js
  • Développeurs frontend cherchant un framework simple
  • Développeurs venant de React ou Angular
  • Étudiants en développement web
  • Professionnels voulant moderniser leurs compétences

Projets que vous réaliserez

💼

Portfolio Personnel

Créez votre site personnel avec Vue.js pour mettre en valeur vos compétences.

🧩

Jeu Nonogram

Développez un générateur de puzzles avec logique de jeu complète.

📊

Dashboard Financier

Tableau de bord moderne avec Vuetify et visualisation de données.

📰

Site d'Actualités

Agrégateur de news avec Nuxt.js et intégration API REST.

🏢

App de Gestion Complète

Application professionnelle avec API, interface et IA intégrée.

🤖

ChatBot IA

Intégration d'intelligence artificielle pour analyse de données.

Prêt à maîtriser Vue.js ?

Rejoignez plus de 100 000 étudiants qui me font confiance

✓ Garantie satisfait ou remboursé 30 jours