Formation Nuxtjs 3
| 2090€ HT / personne |
| 3 jours (21 heures) |
Présentation
Utiliser Nuxtjs pour accélérer le développement de vos applications universelles. Nuxt simplifie leurs créations grâce à une meilleure connexion entre votre frontend et votre backend.
Les applications universelles sont des applications javascript s’éxécutant au niveau du client et du serveur. L’avantage de ce type de technologie est l’optimisation de la vitesse de chargement et la prise en compte du contenu par les moteurs de recherche.
Nuxt.js est un framework gratuit et open-source basé sur Node.js et Vue.js. Spécialement conçue pour les applications universelles, sa syntaxe plus abstraite permet à vos développeurs la conception d’applications plus performantes en un temps record.
Notre formation Nuxtjs vous présentera les avantages de ce framework javascript, vous découvrirez comment créer et déployer une application universelle. Tous les points essentiels seront abordés : les routes, les pages, les vues, la manipulation des données ou encore les middlewares. Nous verrons également les modes de rendus possibles dont le statique et le SSR (server-side-rendering)
Nuxt 3 se base sur la mise à jour de Vue 3 et apporte de nouvelles modifications en termes d’expérience développeur. L’idée de cette formation est de vous former à Nuxt 3 mais également de vous faire passer de Nuxt 2 à Nuxt 3 en comparant les deux frameworks et en offrant une vision complète sur la migration d’une version à l’autre.
Nous vous présenterons la dernière version de Nuxt, Nuxt 3.1.
Objectifs
- Comprendre l’application universelle et son intérêt
- Comprendre le fonctionnement de Nuxt
- Créer son application universelle avec Nuxt
- Savoir manipuler les données
- Utiliser les middlewares et gérer la sécurité
Public visé
- Développeur web
- Développeur backend
- Développeur frontend
Pré-requis
- Expérience en développement web (Javascript, CSS, HTML)
- Connaissances en développement backend
- Expérience avec le framework Vuejs
Programme de notre formation Nuxt
Introduction
- Présentation de Vuejs
- Passer de Vue à Nuxt
- Les cas d’usage de Nuxtjs
- Comprendre le SSR (Server Side Rendering) et son intérêt
- Qu’est-ce que la génération de site statique ?
- Utiliser Nuxt pour les SPA (Single Page Applications)
Prise en main
- Installation
- Comprendre le fonctionnement du framework
- Adapter sa configuration
- Présentation des éléments
- Routes
- Pages
- Vues
Les routes
- Les différents types de routes
- Routes basiques
- Routes dynamiques
- Routes imbriqués
- Routes dynamiques imbriqués
- Installer le router Vue
- Créer sa route personnalisée
Les vues et les pages
- Définir son layout
- Modifier sa page
- Qu’est-ce qu’une transition ?
- Utiliser les transitions Vue
- Les transitions avec une animation CSS
- Les transitions avec des hooks JavaScript
- Ajouter des composants Vuejs
- Qu’est-ce qu’un composant Vue ?
- Les conventions de nommage
- Créer son composant Vue
- Composant local vs composant global
- Écrire des mixins basiques et globaux
Gérer les données
- Ajouter des données dynamiques
- Préparer ses données au niveau du serveur
- Afficher les données avec useFetch
- Utiliser la méthode asyncData
- Débogage
- Utiliser les promises avec asyncData
- Ajouter le Vuex Store
- L’architecture Vuex
- Gérer les modules
- Gérer les formulaires
- Utiliser le Vuex Store de la bonne manière
Connecter son application au backend
- Coder à partir de son serveur
- Présentation de Firebase
- Utiliser Firebase pour stocker les données
- Modifier ses articles affichés
- Synchroniser Vuex et son backend
Middleware et sécurité
- Qu’est-ce qu’un middleware ?
- Créer un formulaire de connexion
- L’authentification backend et frontend
- Créer ses middlewares
- Ajouter un middleware avec Vue router
- Ajouter un middleware de route avec Nuxt
- Ajouter un middleware serveur avec Nuxt
- Gérer les erreurs
- Utiliser les cookies
- Créer la fonctionnalité de déconnexion
Test et déploiement
- Les bonnes pratiques de test
- Tester son application de bout en bout
- Utiliser Nightwatch pour tester son application
- Intégrer ESLint et Prettier
- Déployer son application
Pour aller plus loin
Formation NodeJS
Formation Vue
Formation Vue avancé
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Témoignages
Je recommande la formation
Afficher tous les témoignages
Je recommande la formation
Les + : l’enthousiasme communicatif du formateur et ses compétences
Noter la formation
| 2090€ HT / personne |
| 3 jours (21 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
