Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

HTML5 : Optimisation des flux de production

Préparer un projet

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Abordez les notions de module et de package et découvrez ce qu'est une application Node. Profitez-en pour initier votre premier projet.
06:51

Transcription

Prenons quelques instants Pour comprendre comment Node voit les interactions Entre deux notions très importantes qui sont le Package et le Module. Et surtout comment Node Package Manager, Va pouvoir venir interférer avec ces deux types de notions-là. Premièrement la notion de Package, Ça va concerner tout dossier, Qui sera présent et qui contiendra un fichier package.json Dès cet instant-là, Node perçoit ce dossier-là comme étant un package à installer éventuellement. Ce package peut également être compressé. Et une simple URL qui pointera vers ce fichier compressé, Pourra être également chargée, Et récupérée par Node comme un package. Les modules quant à eux, Ça va pouvoir être tout élément qui, Fidèle à la philosophie de commande js sur laquelle s’appuie Node, Va pouvoir employer l’instructionJavaScript require() Dès qu’un JavaScript Ce quelque chose c’est un module. Un module pourra être un package, Dès lors où on pointera vers un dossier qui contiendra un fichier package.json, À ce moment-là ce sera un module qui sera sous forme de package. Mais on pourra très bien aussi pointer vers un dossier qui contiendra simplement Le fichier index.js Sauf si dans le Main on a pu identifier, On verra le Main un peu plus tard, Un autre fichier que le fichier index.js Donc dès qu’on fera un require() Un nom de quelque chose, À ce moment-là ça sera un module qui sera chargé, Et qui ne sera pas forcément un package. Et enfin on pourra pointer également vers tous types de fichiers, Quels qu’ils soient, fichiers de type JavaScript, Pareil ce sera un module pour Node. Ces deux notions vues, Et avant d’explorer plus en amont, Node. Commençons par définir une notion de Projet Node. Ici je suis dans un dossier qui ne contient pour l’instant rien. Et retournons du côté de la ligne de commande ici. Et positionnons le curseur de cette ligne de commande, Vers ce dossier. Vous avez vu, j’ai copié le chemin du dossier en format texte, Je viens de le coller ici maintenant. Vous avez plusieurs manières de faire, Vous pouvez aussi faire un clic droit, Et dire Ouvrir la ligne de commande à partir de ce dossier. Ou sous Macintosh, vous pouvez aussi faire un Glisser-Déposer du dossier, Vous aurez directement le chemin qui va s’écrire. Peu importe la manière que vous allez employer. L’essentiel est de pouvoir positionner le pointeur de cette ligne de commande, Sur le dossier en question. Et là maintenant je vais utiliser une instruction NPM, Qui va être de faire un npm init. Ce npm init va m’aider à construire un Node au travers d’un fichier JSON Alors ici, première chose qu’on me demande, C’est donne nom à ton projet. Ce nom doit utiliser que des caractères de bas de casse, Et certains types de caractères sont exclus. Comme les caractères accentués, Et ou certains autres glyphes qui ne seront pas acceptés. On reviendra un peu plus tard sur cette notion-là, Je vous indiquerai un site qui pourra vous aider à ce sujet. Ici je vais appeler pem-projet, Pourquoi pem ? Pour puce et médias. Pour donner un côté unique à ce projet, Surtout si je souhaite le partager avec la communauté par la suite. Trait d’union projet, pour le rendre plus lisible, Et autant que faire se peut, Je vais essayer de donner des noms qui soient le plus explicites possible Pour décrire mon projet. Ensuite au niveau des versions, je vais me baser sur un standard, Que l’on verra aussi par la suite. Je vous donnerai un autre URL qui vous aidera là-dessus. Pour pouvoir donner des numéros de version. Ici je vais commencer par la version 0.0.1, Pour avoir une version très basse au départ. La description du projet Est très utile surtout si vous le partagez avec la communauté. Ou si vous revenez travailler par la suite sur votre projet longtemps après Pour pouvoir mieux le différencier des autres. Ici on va simplement dire Mise en place Ensuite le fameux point d’entrée, Vous vous rappelez je vous avais dit index.js Sauf si le Main va être changé. Donc là si vous ne voulez pas pointer votre module vers index.js Vous pouvez pointer vers tout autre fichier js Qui ferait partie de votre projet. Pour l’instant on va le laisser tel quel. Le test de commande on le laisse tel quel pour l’instant aussi. On reviendra ultérieurement là-dessus. Git repository, Le keywords, pensez à donner un certain nombre de mots-clefs Surtout lorsque des personnes vont essayer de rechercher un module Qui pourrait répondre à leurs besoins. C’est ces mots-clefs qui seront détectés Et qui pourront refaire ressortir votre projet. Ici l’auteur, on va dire Birnou, Et la licence, je vais opter pour MIT Et là encore je vous donnerai un site qui pourra vous aider À choisir la licence la mieux adaptée à votre projet. Ici Node me dit, est-ce que ton projet NPM est bon, est-ce qu’il correspond ? Voici ce que je te propose, vous pouvez le valider ou pas. Ici je l’ai validé. Que ce passe-t-il ? Regardez maintenant au niveau du dossier. Dans le dossier un fichier package.json est apparu, Et si je l’ouvre dans un éditeur de code, Vous voyez que tout ce format JSON a été rempli pour moi. Donc ici toutes les informations sont données. Ce que je vous propose de faire c’est de supprimer pour l’instant ce script, Qui fait un peu de bruit visuel ici. On reviendra sur cette notion de script dans une étape ultérieure. Et d’enregistrer ce projet. Quel est maintenant les liens dont je vous parlais tout à l’heure ? Déjà celui-ci qui va nous aider à remplir ce fameux package JSON, Nous expliquant ce dont on a droit, ce dont on n’a pas droit, Pour chacune des propriétés qui sont décrites. Et d’autres propriétés qui ne sont pas décrites, Ni utilisées pas le npm init Mais que vous pourriez rajouter si besoin était, Lors de la construction de votre projet. Ici vous avez un autre document dans l’aide NPM.JS Qui vous aide à trouver toutes ces informations également. Et puis ici le site qui parle de la gestion sémantique de la version, Et qui vous explique comment on va pouvoir numéroter. Ici le dernier numéro c’est vraiment quand il y a des petites corrections, Qui sont faites, qui évoluent. Le deuxième numéro c’est dès que vous avez un numéro quand il y a un changement Qui restera quand même rétrocompatible, Avec les versions antérieures. Et puis ici c’est lorsqu’il y a un changement Qui est non rétrocompatible avec les versions antérieures. Et que donc ça va demander aux utilisateurs De s’assurer de la bonne portabilité de ce projet. Et enfin le dernier ici qui va permettre de vous lister L’intégralité des licences auxquelles vous avez accès. Et qui va vous permettre de mieux définir celle que vous allez utiliser. Ici moi j’ai personnellement utilisé la MIT License. Et voilà c’est une licence qui est assez ouverte, Qui est assez succincte en description Et qui va permettre de pouvoir partager vos projets, De manière ouverte avec l’ensemble de la communauté.

HTML5 : Optimisation des flux de production

Optimisez vos flux de production lors de vos développements en HTML5. Explorez les méthodes et les éléments essentiels à la mise en place de processus automatisés.

5h29 (62 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :26 déc. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !