Skip to main content

Grunt / Bower / Yeoman ou comment automatiser le développement d’un projet Web SPA – TechDays 2015

Par Maxime Luce

Introduction

Les projets Web étaient simples, mais dans les projets modernes on trouve énormément de JavaScript et de librairies. Tâches récurrentes:

  • Gestion des dépendances: récupération et mise à jour
  • Compilation (LESS, TypeScript, CoffeeScript), minification, tests, linting
  • Développement

Pour l’automatisation, on utilise Node.JS, avec son NPM pour la gestion des packages. On ajoute en plus Bower, Grunt (concurrent: Gulp), et Yeoman.

Bower

“A package manager for the Web”. Créé par Twitter. C’est l’équivalent de NPM pour les librairies Web. Utilisé pour installer et mettre à jour les librairies, et assurer l’intégrité des versions.

Il y a un registre de librairies JS/CSS, les versions sont enregistrées dans un fichier bower.json. L’arbre des dépendances est à plat, du coup Bower demande notre avis quand plusieurs bibliothèques ont besoin d’une version différente de la même bibliothèque.

Grunt

“The JavaScript task runner”. Gestionnaire de tâches Node.JS: il automatise les tâches récurrentes. Il y a énormément de tâches disponibles dans NPM, et on peut créer les siennes en JS.

Les tâches sont configurées dans un fichier Grunfile.js.

Yeoman

Gestionnaire de template de projets: pour la création de projets et d’éléments. Comme les modèles Yeoman mettent en oeuvre les bonnes pratiques, il nous force à utiliser ces bonnes pratiques.

Comme pour Grunt, les générateurs sont dans NPM. Il utilise Bower pour la gestion des dépendances et Grunt pour les tâches de compilation.

Comments

Popular posts from this blog

Gift idea : help your loved ones take their IT skills to the next level

You surely know a special person who works in IT. Learn Kubernetes & Docker enables them to quickly ramp up on those two technologies that one doesn't want to miss in 2021. With smoother operations, better scaling and availability, DevOps tooling, containers and containers orchestration smartly solve many problems that developers and system administrators commonly face. Don't let your loved ones face problems in their IT job : offer them the book that takes them from zero to productive in a matter of days. Grab it now! Get the ebook from Leanpub , Amazon or choose from many retailers . Get the print edition from Lulu .  

Vue semaine gratuite pour Windows Phone 7.5

J’ai le plaisir d’annoncer la disponibilité sur le marketplace de mon application Free Week Calendar . C’est la première application gratuite à vous fournir une vue semaine de vos rendez-vous. L’utilisation est aussi simple que fluide. Par défaut vos rendez-vous de la semaine courante sont affichés (les copies d’écran sont en anglais mais l’application est intégralement localisée en français): En glissant le doigt à gauche ou à droite vous obtenez la semaine suivante ou précédente. En écartant les doigts vous zoomez sur vos rendez-vous, et en les rapprochant vous revenez à la vue globale. Contrairement à d’autres applications, celle-ci est entièrement localisée pour fonctionner en français et respecter le lundi comme premier jour de la semaine. P.S: merci à l’ Accélérateur Windows Phone et Dalhia pour leur aide. Sans eux cette application aurait mis plus de temps à sortir.

TechDays 2010 Paris live

Vous ne pouvez pas ou n’avez pas pu vous rendre aux TechDays? Pas de panique, voici comment ne rien rater. Les pleinières (comprendre, la grande conférence du matin) seront retransmises en direct ici . Vous retrouverez chaque soir mon compte-rendu écrit sur mon blog . Pourquoi un compte-rendu écrit? C’est du boulot pour moi, mais je sais que c’est plus facile de se retrouver dans du texte que dans une vidéo. Ca permet aussi de lire vite en diagonale. Alors je vais sortir mes petits doigts et tout noter, comme je l’ai fait pour les événements précédents: Les TechDays 2009 Le TechEd Europe 2008 à Barcelone Le ReMix 08 de Paris Les TechDays 2008 (ou l’un des premiers netbooks m’a aidé) Le TechEd Europe 2007 à Barcelone Le Mix07 de Paris Rendez-vous donc sur ce blog à partir de demain. Et sur Twitter pour mes impressions en direct .