Introduction au framework NUXT.JS par l'exemple

Ce document fait partie d’une série de quatre articles :

  1. [Introduction au langage PHP7 par l’exemple] ;
  2. [Introduction au langage ECMASCRIPT 6 par l’exemple] ;
  3. [Introduction au framework VUE.JS par l’exemple] ;
  4. [Introduction au framework NUXT.JS par l’exemple] ;

Ce sont tous des documents pour débutants. Les articles ont une suite logique mais sont faiblement couplés :

  • le document [1] présente le langage PHP 7. Le lecteur seulement intéressé par le langage PHP et pas par le langage Javascript des articles suivants s’arrêtera là ;
  • les documents [2-4] visent à construire un client Javascript au serveur de calcul de l’impôt développé dans le document [1] ;
  • les frameworks Javascript [vue.js] et [nuxt.js] des articles 3 et 4 nécessitent de connaître le Javascript des dernières versions d’ECMASCRIPT, celles de la version 6. Le document [2] est donc destiné à ceux qui ne connaissent pas cette version de Javascript. Il fait référence au serveur de calcul de l’impôt construit dans le document [1]. Le lecteur de [2] aura alors parfois besoin de se référer au document [1] ;
  • une fois ECMASCRIPT 6 maîtrisé, on peut aborder le framework VUE.JS qui permet de construire des clients Javascript s’exécutant dans un navigateur en mode SPA (Single Page Application). C’est le document [3]. Il fait référence à la fois au serveur de calcul de l’impôt construit dans le document [1] et au code du client Javascript autonome construit en [2]. Le lecteur de [3] aura alors parfois besoin de se référer aux documents [1] et [2] ;
  • une fois VUE.JS maîtrisé, on peut aborder le framework NUXT.JS qui permet de construire des clients Javascript s’exécutant dans un navigateur en mode SSR (Server Side Rendered). Il fait référence à la fois au serveur de calcul de l’impôt construit dans le document [1], au code du client Javascript autonome construit en [2] ainsi qu’à l’application [vue.js] développée dans le document [3]. Le lecteur de [4] aura alors parfois besoin de se référer aux documents [1] [2] et [3] ;

[Introduction au framework NUXT.JS par l’exemple] présente les concepts suivants :

  • routage et navigation ;
  • pages serveur, pages client ;
  • nuxtServerInit ;
  • maintien d’une session [nuxt] client / serveur ;
  • persistance du store avec un cookie de session ;
  • injection dans l’application [nuxt] d’un gestionnaire de session ;
  • l’objet [context] des client et serveur [nuxt] ;
  • middlewares de routage ;
  • contrôles des routes ;
  • contrôle de la navigation ;
  • routage et navigation ;
  • asyncData et loading ;
  • requêtes HTTP avec [axios] ;
  • portage dans un environnement [nuxt] d’une application [vue.js], cliente d’un serveur PHP 7 de calcul de l’impôt ;

Le document est destiné à des personnes de niveau débutant. Tout y est expliqué et détaillé.

Bonne lecture à tous.

Serge Tahé, décembre 2019

Pour réagir à cet article, un espace de dialogue vous est proposé sur le forum : Commentez.

Article lu   fois.

L'auteur

Site personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Téléchargements

Téléchargement PDF de l'article : http1 http2

Les exemples de l'article : http1 http2

II. A lire également

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Licence Creative Commons
Le contenu de cet article est rédigé par Serge Tahé et est mis à disposition selon les termes de la Licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 non transposé.
Les logos Developpez.com, en-tête, pied de page, css, et look & feel de l'article sont Copyright © 2019 Developpez.com.