Créer une architecture de développement frontal avec NPM, Grunt et Bower

Table des matières

introduction

Pour ce tutoriel, il est nécessaire d'avoir installé GIT et d'en avoir quelques connaissances de base car nous n'entrerons pas dans les détails sur l'utilisation de cette technologie. De la même manière, avoir des connaissances en développement web (au moins connaître les langages HTML, CSS et Javascript).

Après avoir travaillé comme développeurs pendant plusieurs années, une des questions qui se pose lors de la programmation est, comment automatiser mon travail et gagner du temps ? Ou comment mieux organiser mon projet ?

Nous ne faisons pas référence à l'utilisation de bibliothèques ou de frameworks qui nous aident à gagner du temps dans certains cas, ni à l'utilisation d'IDE qui nous offrent confort et facilité lors de la programmation. Il y a quelque chose de plus dont nous avons besoin aujourd'hui pour rendre notre développement beaucoup plus professionnel, à la fois dans le résultat final pour nos clients, pour nos collègues, ou même pour nous-mêmes. Il existe des modèles de développement qui nous fournissent ces aides, mais ils peuvent aller bien au-delà de ce dont nous avons besoin, tels que, Graine angulaire qui nous fournit des ressources pour le développement d'une application en AngularJS, mais ce sont déjà des modèles qui sont mis en avant pour des types de projets spécifiques, c'est là qu'il est important de créer notre environnement de travail et de le structurer de la manière qui nous convient le mieux.

Allons au fait, si nous voulons atteindre ce qui précède, l'une de nos alternatives consiste à utiliser NodeJS, Grunt et Bower.

Vous vous demanderez ce que chacun est et à quoi ils servent.

NodeJSNodeJS est un langage de développement côté serveur en Javascript qui nous aidera à créer un serveur pour nos projets grâce à l'utilisation de NPM (Node Package Manager). Je n'entrerai pas dans les détails conceptuels de ce langage car ce n'est pas la priorité du sujet.

Plus d'informations : https://nodejs.org/

GrognementGrunt, est une automatisation de tâches qui facilitera de nombreux travaux que nous effectuons manuellement lors du développement.

Plus d'informations : http://gruntjs.com/

TonnelleBower est une bibliothèque de bibliothèques front-end, qui nous fournit de nombreuses alternatives telles que des plugins et des frameworks qui peuvent nous servir dans nos projets.

Plus d'informations : http://bower.io/

Grunt et Bower sont des packages NPM, ce qui signifie qu'ils dépendent de ce dernier. Passons à l'installation de tous les composants.

PrécédentPage 1 sur 3Prochain

wave wave wave wave wave