Discussion :

[Community Management]

Chers membres du club,

SOAT, société d'expertise et de conseil en informatique, et Nourdine FALOLA nous proposent une série de tutoriels pour nous faire découvrir et comprendre l'outil Javascript Grunt .

Dans ce premier tutoriel, nous allons apprendre à l'installer et le mettre en place dans un projet.

Dans vos développements Web, vous êtes souvent amené à exécuter des tâches récurrentes en marge de votre cœur de métier comme de la minification ou de la concaténation de fichiers JavaScript ou CSS, de la compilation de LESS ou de SASS, etc. Ces actions prennent du temps et si certaines peuvent être faites à la main, l'intervention humaine augmente le risque d'erreur. C'est là qu'un outil tel que Grunt intervient.

Vous allez découvrir dans cette suite d'articles ce qu'est un lanceur de tâches JavaScript et, plus spécifiquement, ce que Grunt peut apporter à vos projets par l'automatisation de toutes ces tâches qui font taches et vous gâchent l'existence.

Bonne lecture

Retrouvez tous les tutoriels de la société Soat.
Retrouvez les meilleurs cours et tutoriels pour apprendre le JavaScript.

[Community Management]

Chers membres du club,

J'ai le plaisir de vous présenter la deuxième partie de cette série de tutoriels destinée à nous apprendre à utiliser l'outil JavaScript Grunt. Dans ce cours, Nourdine FALOLA nous offre une présentation de l'API.

L'API Grunt comporte neuf namespaces :

• grunt.config : accès à la configuration du projet ;

• grunt.task : enregistrer, de charger et de lancer des tâches externes ;

• grunt.file : rechercher, lire et écrire des fichiers ;

• grunt.fail : avertir quand quelque chose se passe mal ;

• grunt.log : afficher des messages de sortie sur la console ;

• grunt.option : partager des paramètres entre plusieurs tâches et accéder aux options de la ligne de commande ;

• grunt.event : gérer les événements ;

• grunt.template : gérer les templates ;

• grunt.util : utilitaires pour le Gruntfile et les tâches.

Dans la suite de ce tutoriel, les quatre premiers namespaces de l'API et l'objet this dans le contexte d'une tâche sont présentés. Cela vous donnera une idée du fonctionnement global de l'API et vous aidera à aborder les prochains articles de cette série pour créer, configurer et exécuter des tâches Grunt.

Bonne lecture

Retrouvez les meilleurs cours et tutoriels pour apprendre le JavaScript
Retrouvez tous les cours de la société Soat.

[Jarodd]

Merci pour ce tuto, c'est une très bonne entrée en matière

Dans le 1er tuto, à la fin du III-E-5, il est indiqué :

Avec ce Gruntfile, vous pouvez exécuter les tâches simple et default.

Ca ne serait pas les tâches uglify et simple plutôt ?

[Community Management]

Chers membres du club,

J'ai le plaisir de vous présenter la troisième partie de cette série de tutoriels destinée à vous apprendre à utiliser l'outil JavaScript Grunt. A travers ce cours, Nourdine FALOLA va vous apprendre à configurer des tâches

Avec le précédent tutoriel sur l'API Grunt, vous avez eu un aperçu de comment accéder à la configuration et aux fichiers. Dans ce tutoriel, vous allez mettre en pratique ces connaissances dans le cadre de la configuration des tâches.

À la fin de votre lecture, vous saurez comment configurer les tâches Grunt. Vous aborderez en particulier les multitâches, ou tâches à cibles multiples, qui offrent des fonctionnalités intéressantes pour la manipulation de fichiers. Dès lors, vous serez prêt pour aborder la création des tâches Grunt.

Bonne lecture .

Retrouvez les meilleurs tutoriels et cours pour apprendre JavaScript
Retrouvez tous les cours et tutoriels de la société SOAT

[Community Management]

Chers membres du club,

J'ai le plaisir de vous présenter la quatrième partie de cette série de tutoriels pour vous apprendre à utiliser l'outil JavaScript Grunt. À travers ce cours, nous allons apprendre à créer des tâches simples et à cibles multiples.

Dans les articles précédents, vous avez eu un aperçu des deux types de tâche proposés par Grunt. Dans cet article, vous allez en apprendre les bases de l’écriture.

• tâche simple

• tâche à cibles multiples ou “multitâche”

Les tâches Grunt mise en file s’exécutent toujours séquentiellement : lorsqu’une se termine avec succès, la suivante peut commencer ; lorsqu’une tâche se termine en erreur, l’exécution de la séquence est interrompue. Ce mécanisme séquentiel fonctionne naturellement si le code des tâches est synchrone. En revanche, s’il comporte une composante asynchrone, cela peut casser la gestion continu-si-succès/stop-si-erreur de la séquence. Grunt fournit un mécanisme permettant de conserver ce mode de fonctionnement.

• tâche asynchrone

Retrouvez tous les tutoriels de la société Soat.
Retrouvez les meilleurs cours et tutoriels pour apprendre JavaScript

[Community Management]

Chers membres du club,

J'ai le plaisir de vous présenter la dernière partie de cette série de tutoriels pour vous apprendre à utiliser l'outil JavaScript Grunt. Ce tutoriel a pour objectif de vous apprendre à exécuter des tâches.

Ce tutoriel vous donne toutes les clés pour comprendre comment exécuter vos tâches Grunt.

La base : exécution en ligne de commande
Alias
Lancement programmé
Arguments des tâches
Options d'exécution
Options d'exécution personnalisées

Retrouvez tous les tutoriels de la société Soat.
Retrouvez les meilleurs cours et tutoriels pour apprendre le JavaScript.

[SpaceFrog]

J'utilise Grunt avec stylus ( équivalent less ) pour le css
il me permet aussi de minifier les scripts js et de rationaliser les images.

Un bon outil qui me simplifie la vie.