Formation Nuxt
Concevez des applications web réactives avec Nuxt, le framework construit autour de Vue pour lui apporter de toutes nouvelles fonctionnalités.
Découvrez comment utiliser Nuxt, le framework basé sur VueJS, pour développer des applications web performantes et optimisées. Cette formation vous guidera à travers les concepts fondamentaux et avancés de Nuxt, vous permettant de créer des sites web modernes avec facilité.
Vous apprendrez à structurer vos projets, gérer les composants, intégrer des API externes et tirer parti des fonctionnalités uniques de Nuxt telles que le rendu côté serveur (SSR) et la génération de sites statiques (SSG). Vous découvrirez mais aussi les composants spécifiques à Nuxt, les composables très pratiques pour gérer la logique d'application et bien plus encore. Des exercices pratiques vous permettront de mettre en œuvre vos connaissances et de maîtriser ce puissant framework.
Programme de la formation
L'Univers de Nuxt
- L'écosystème et ses outils
- NodeJS et NPM, Vite
- Concepts de Vue
Les bases de Nuxt
- Structure des fichiers
.vue - Structure des dossiers Nuxt
- Rendu et Virtual DOM
- Créer des composants réutilisables
- Réactivité et MVVM
Composants Nuxt
- Directives Vue
- Gestion des événements
- template, script et style
- États, données (data)
- Propriétés (props) et méthodes
- Imbrication de composants
- Options API vs Composition API
- Gestion des formulaires (
v-model, etc)
Composants avancés
- Lifecycle
- Composables
- Teleport
- Suspense
- Keep-alive
- Slots
- Transitions
Composants Nuxt
ClientonlyNuxtLayoutNuxtPageNuxtLinkNuxtImg,NuxtPicture- Autres composants
Store, Pinia
- Partage de données inter-composants
- State, getters, actions, mutations
- L'importance du Store dans une application
Données avancées
- Utiliser une API
- Promesses, écriture de code asynchrone
- Chargements avec
useFetchetuseAsyncData
Magie de Nuxt
- Routing automatique
- SSG : génération de site statique
- SSR : rendu côté serveur
- Optimisations SEO
- Balises meta
- Lazy loading
Travaux Pratiques
- Réalisation d'une application Nuxt
- Multi-composants et multi-fonctionnalités
- Petits défis à résoudre
Informations complémentaires
Public
Cette formation à Nuxt est destinée aux développeurs/intégrateurs qui souhaitent dynamiser leurs sites web ou développer une application web en exploitant toute la puissance du framework et de ses composants.
Objectifs
Être capable de créer et organiser plusieurs composants Vue, de les mettre en oeuvre dans une application Nuxt, de les faire interagir entre eux et partager des données. Connaître les différences de rendu possibles à l'aide du framework. Connaître les avantages de Nuxt et son architecture globale. Être capable d'initialiser une nouvelle application Nuxt et de la déployer en ligne.
Prérequis
Être familier avec HTML, CSS et connaître les notions de base de JavaScript (variables, fonctions, boucles, conditions) ou d'un langage équivalent.
Moyens pédagogiques
Durant chaque formation, les participants et participantes auront l’opportunité de mettre en application leurs apprentissages grâce à de nombreux cas pratiques et exercices. Ces exercices seront ensuite corrigés et explicités par le formateur ou la formatrice. Dans le cas de sessions inter-entreprises, à Strasbourg ou à Paris, la formation est dispensée dans les salles pédagogiques adaptées à des apprentissages informatiques : capacité de 1 à 10 personnes, équipement informatique fourni pour chacun des stagiaires, vidéo-projecteur et paperboard.
Suivi et appréciation des résultats
L'exécution de l'action de formation est suivie à l'aide de feuilles de présence émargées par demi-journée par les participants et le formateur. Sanction : attestation de présence. Un bilan des acquis est effectué à l'issue de la formation par questionnaire individuel en ligne et par les exercices réalisés durant la session.
Modalités de positionnement et d’évaluation
Le positionnement à l'entrée est évalué par questionnaire individuel en ligne (comportant des questions relatives au profil, aux attentes, aux connaissances initiales et aux prérequis techniques) ainsi que par échange e-mail lors de la prise de contact et de la préparation du dossier. Un entretien préalable par visioconférence a lieu dans le cas des groupes en intra.
Inscription et informations pratiques
Durée de formation
Lieux disponibles
Formateur
Rodolphe Rimelé
Rodolphe est l'auteur de l'ouvrage de référence sur HTML5 publié chez Eyrolles et de nombreux développements JavaScript. Il est chef de projet technique spécialisé Vue et Nuxt chez Alsacréations.
Atouts de la formation
- Effectif réduit (jamais plus de 12 participant·e·s).
- Repas de midi offert chez Alsacréations (à Strasbourg).
- Formateur à l’écoute, chacun peut intervenir à tout moment.
- Travaux pratiques réalisés en conditions réelles.
- Supports complets fournis.
Infos complémentaires
Derniers avis
Témoignage
Merci pour l’accueil et la qualité du cours dispensé.
Témoignage
Formation très complète et bien structurée. Le formateur est très compétent et pédagogue. J'ai beaucoup appris en peu de temps.
Témoignage
Merci pour la formation vraiment sur-mesure qui nous a été donnée
Date de mise à jour :
