+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    1 319
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 1 319
    Points : 3 572
    Points
    3 572

    Par défaut Apprendre à utiliser l'outil JavaScript Grunt - Installation et mise en place dans un projet

    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.
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  2. #2
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    1 319
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 1 319
    Points : 3 572
    Points
    3 572

    Par défaut Apprendre à utiliser l'outil JavaScript Grunt - Présentation de l'API

    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.
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  3. #3
    Membre expérimenté
    Avatar de Jarodd
    Profil pro
    Inscrit en
    août 2005
    Messages
    792
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : août 2005
    Messages : 792
    Points : 1 503
    Points
    1 503

    Par défaut

    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 ?

  4. #4
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    1 319
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 1 319
    Points : 3 572
    Points
    3 572

    Par défaut Tutoriel pour apprendre à utiliser l'outil JavaScript Grunt - Configurer les tâches

    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
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  5. #5
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    1 319
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 1 319
    Points : 3 572
    Points
    3 572

    Par défaut

    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
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  6. #6
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    1 319
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 1 319
    Points : 3 572
    Points
    3 572

    Par défaut

    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.
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    mars 2002
    Messages
    37 396
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2002
    Messages : 37 396
    Points : 63 698
    Points
    63 698
    Billets dans le blog
    1

    Par défaut

    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.
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag


    réalisations :www.oxygen-translations.com|www.saftair.com| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

Discussions similaires

  1. Installation et mise en place Uwamp
    Par alcalata dans le forum Autres
    Réponses: 4
    Dernier message: 13/04/2017, 14h59
  2. Réponses: 2
    Dernier message: 28/04/2015, 00h16
  3. [Abbot] Comment installer et utiliser l'outil Abbot
    Par sofoot dans le forum Tests et Performance
    Réponses: 1
    Dernier message: 25/05/2012, 09h55
  4. [jsp] utilisation ds fonctions javascript?
    Par mzt.insat dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 06/04/2005, 15h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo