Comprendre l'architecture Nuxt
Identifier le rôle de Nuxt dans l'écosystème Vue et comprendre l'organisation d'un projet moderne.
Formation Frameworks JavaScript
Formation Nuxt.js
Maîtrisez Nuxt.js pour concevoir des applications web modernes, rapides et performantes à partir de l'écosystème Vue.js. Une formation progressive centrée sur la pratique, le développement d'applications professionnelles, le SEO et les bonnes pratiques d'architecture front-end.
✓ Formation personnalisable
✓ Exercices pratiques
✓ Accompagnement formateur
✓ Présentiel ou distanciel
N
Construisez des applications Vue nouvelle génération.
Nuxt simplifie l'architecture, le routage, le rendu serveur, la gestion des données et l'optimisation des performances.
npx
nuxi@latest init projet
<script setup>
const { data } = await
useFetch()
</script>
Vue.js + Nuxt.js
La formation
Développez de véritables applications Nuxt.js
Cette formation vous permet de comprendre progressivement l'écosystème Nuxt et de passer d'une application Vue classique à une architecture moderne capable de répondre aux besoins d'un projet professionnel.
Public
Développeurs, intégrateurs et profils web.
Pré-requis
Bases JavaScript recommandées.
Format
Présentiel ou classe virtuelle.
Pédagogie
Théorie, démonstrations et projet pratique.
Objectifs pédagogiques
Ce que vous saurez réaliser avec Nuxt.js
Créer des interfaces avec Vue
Structurer les pages et composants réutilisables d'une application professionnelle.
Maîtriser le routage
Créer des routes, paramètres dynamiques et structures de navigation complexes.
Connecter des API
Récupérer et exploiter des données distantes dans une application Nuxt.
Améliorer le SEO
Exploiter les capacités de rendu et de gestion des métadonnées proposées par Nuxt.
Déployer une application
Préparer, optimiser et publier une application Nuxt dans un environnement de production.
À qui s'adresse cette formation ?
Le parcours peut être adapté à votre niveau initial et à vos objectifs professionnels : montée en compétences, développement d'un projet ou spécialisation JavaScript.
Développeurs JavaScript souhaitant découvrir Nuxt.js.
Utilisateurs de Vue.js voulant structurer des projets plus avancés.
Intégrateurs web souhaitant évoluer vers le développement front-end.
Développeurs souhaitant améliorer les performances et le SEO de leurs applications.
Entreprises souhaitant former une équipe sur l'écosystème Vue / Nuxt.
Parcours pédagogique
Une formation Nuxt.js organisée en 3 niveaux
Le contenu peut être adapté après une évaluation initiale afin de concentrer la formation sur les compétences réellement utiles au participant.
Fondamentaux
Découvrir Vue et prendre en main Nuxt.
- Présentation de Vue.js et Nuxt.js
- Installation de l'environnement
- Création d'un premier projet Nuxt
- Structure des dossiers
- Pages et composants
- Props et événements
- Composition API
- Templates Vue
- Layouts
- Navigation entre les pages
Intermédiaire
Développer une application dynamique.
- Routes dynamiques
- Paramètres de navigation
- Composables personnalisés
- Gestion des états
- Utilisation de Pinia
- Connexion à une API REST
- useFetch et données asynchrones
- Gestion des erreurs
- Middleware
- Authentification
Avancé
Concevoir et déployer des projets professionnels.
- Architecture avancée
- Rendu côté serveur
- Génération statique
- Routes serveur
- API avec Nuxt
- Gestion avancée des métadonnées
- SEO technique
- Optimisation des performances
- Sécurisation d'une application
- Déploiement en production
Contenu
Les principaux modules étudiés
Écosystème Nuxt
Architecture, environnement de développement et organisation d'un projet.
Vue Composition API
Réactivité, composants, composables et logique métier.
Pages et navigation
Routage automatique, layouts et routes dynamiques.
Données et API
Appels asynchrones, récupération des données et gestion des erreurs.
Gestion d'état
Organisation des données globales et utilisation de Pinia.
Server Side Rendering
Comprendre les différents modes de rendu d'une application.
SEO & performances
Métadonnées, vitesse de chargement et optimisation technique.
Déploiement
Préparation du build et publication de l'application en ligne.
Méthode pédagogique
Une formation orientée vers la pratique
Démonstrations
Présentation des concepts directement dans un environnement de développement.
Exercices guidés
Mise en application immédiate des notions abordées.
Projet pratique
Construction progressive d'une véritable application Nuxt.
Accompagnement
Corrections, bonnes pratiques et réponses aux problématiques rencontrées.
À l'issue de la formation
Des compétences directement mobilisables
Vous repartez avec une méthodologie et des compétences permettant de développer et maintenir un projet Nuxt.js dans un contexte professionnel.
01.
Créer un projet Nuxt structuré.
02.
Développer des composants Vue réutilisables.
03.
Consommer des données provenant d'une API.
04.
Organiser le routage d'une application.
05.
Optimiser le référencement et les performances.
06.
Préparer le déploiement d'un projet.
Votre projet de formation
Quelle formation Nuxt.js correspond à votre niveau ?
Échangez avec Philippe, votre formateur référent, pour définir votre parcours de formation ou commencez directement par l'évaluation de votre niveau afin d'identifier les compétences à travailler.