IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Les modules JavaScript natifs et isomorphisme avec import, export et require,
Un tutoriel de Bruno Lesieur

Le , par Community Management

32PARTAGES

7  0 
Chers membres du club,

J'ai le plaisir de vous présenter ce tutoriel de Bruno Lesieur qui se charge de vous apprendre les modules JavaScript natifs et l'isomorphisme avec import, export et require.

Si vous êtes développeur web, vous devez savoir que pour que l'utilisateur final puisse afficher une page web sur son navigateur via le protocole HTTP, il faut deux choses : un code client, et un code serveur :

  • Dans son plus simple appareil, le code serveur est délivré par un serveur web comme Apache, nginx ou IIS à partir d'un fichier. Dans de nombreux cas, ce n'est pas à partir d'un fichier HTML, mais à partir du résultat créé en analysant du code serveur dans des fichiers PHP, .NET, Python, Ruby, etc. qu'est généré le rendu HTML.

  • Côté client, une fois la page reçue, le HTML sert de base au navigateur pour construire un DOM qui permettra d'afficher le site web. C'est alors le code JavaScript appelé par la page qui permettra de changer le DOM et donc, de faire des interactions à l'écran.


Le développeur a donc deux travaux, développer un code qui fonctionne côté serveur et développer un autre code qui fonctionne côté client (le serveur web étant la passerelle entre client et serveur), d'où la séparation connue des rôles de développeur front-end (partie cliente) et développeur back-end (partie serveur).

Imaginez que l'on puisse, à partir d'exactement le même code, produire du code côté serveur et côté client ! C'est ce que l'on appelle l'isomorphisme. Un code isomorphique est un code qui peut-être exécuté par le serveur et par le client.
Nous allons donc utiliser le sujet de l'isomorphisme comme fil conducteur dans cet article pour traiter :

  • de l'import / export de Modules ECMAScript en version 6 ;

  • du JavaScript côté serveur avec Node.js ;

  • des équivalences ECMAScript version 5 pour le require / export ;

  • de l'isomorphisme exploitable pour faire du web avec Vanilla JS et Node.js.

Bonne lecture.

Retrouvez tous les cours et tutoriels pour apprendre le JavaScript
Retrouvez tous les cours et tutoriels de Bruno Lesieur

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de Beginner.
Membre expert https://www.developpez.com
Le 20/04/2018 à 12:09
Salut,

Ah ben justement ce tutoriel répond à certaines de mes questions que je posais notamment ici : Les modules ES6 ?

Merci.
0  0