Introduction au framework NUXT.JS par l’exemple¶
Auteur¶
Serge Tahé, octobre 2019, https://sergetahe.com
Licence¶
Téléchargements¶
Téléchargement du PDF du cours
Téléchargement des exemples du cours (rar)
- Présentation du cours
- L’environnement de travail
- Une première application [nuxt.js]
- Création de l’application
- Description de l’arborescence d’une application [nuxt]
- Le fichier de configuration [nuxt.config]
- Le dossier [pages]
- Le composant [Logo]
- Vue DevTools
- Modification de la page d’accueil
- Déplacement du code source de l’application dans un dossier séparé
- Déploiement de l’application [nuxt-00]
- Mise en place d’un serveur sécurisé
- Fin du premier exemple
- Exemple [nuxt-01] : routage et navigation
- Exemple [nuxt-02] : pages serveur et client
- Exemple [nuxt-03] : nuxtServerInit
- Exemple [nuxt-04] : maintien d’une session client / serveur
- Exemple [nuxt-05] : persistance du store avec un cookie de session
- Exemple [nuxt-06] : injection dans le contexte d’un gestionnaire de session
- Exemple [nuxt-07] : les contextes client et serveur
- Exemple [nuxt-08] : middlewares de routage
- Exemple [nuxt-09] : contrôle de la navigation
- Exemple [nuxt-10] : asyncData et loading
- Exemple [nuxt-11] : personnalisation de l’image d’attente
- Exemple [nuxt-12] : requêtes HTTP avec axios
- Présentation
- Arborescence du projet
- Le fichier de configuration [nuxt.config.js]
- La couche [UI] de l’application
- Les couches [dao] de l’application [nuxt]
- La session [nuxt]
- Les plugins de gestion de la session [nuxt]
- Le plugin de gestion de la session [nuxt] du client [nuxt]
- Les plugins des couches [dao]
- Le plugin de la couche [dao] du serveur [nuxt]
- Le store Vuex
- Le plugin [plgEventBus]
- Les composants de l’application [nuxt]
- Les layouts de l’application [nuxt]
- [error]
- La page [index] exécutée par le serveur [nuxt]
- La page [index] exécutée par le client [nuxt]
- La page [authentification] exécutée par le serveur [nuxt]
- La page [authentification] exécutée par le client [nuxt]
- La page [get-admindata]
- La page [fin-session]
- Exécution
- Conclusion
- Exemple [nuxt-13] : contrôle de la navigation de [nuxt-12]
- Exemple [nuxt-20] : portage de l’exemple [vuejs-22]