{"id":21696317,"url":"https://github.com/dinanathsj29/grunt-javascript-task-runner","last_synced_at":"2025-03-20T14:47:18.456Z","repository":{"id":121990047,"uuid":"244553097","full_name":"dinanathsj29/grunt-javascript-task-runner","owner":"dinanathsj29","description":"In this course, let us learn and use Grunt-the JavaScript Task Runner, which helps to Architect, Practice, and Automate your development workflow so we can build app/projects/websites faster.  Grunt is a command-line task automation tool that speeds up development workflow by taking all the repetitive `grunt work` out of work.","archived":false,"fork":false,"pushed_at":"2020-03-05T06:21:15.000Z","size":3803,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-25T14:11:22.761Z","etag":null,"topics":["grunt","grunt-automate-development-workflow","grunt-cli","grunt-concat","grunt-configuration","grunt-contrib","grunt-cssmin","grunt-gulp-webpack","grunt-htmlmin","grunt-imagemin","grunt-javascript-task-runner","grunt-node-npm-package","grunt-plugins","grunt-sass","grunt-source-to-target-copy","grunt-task","grunt-uglify","grunt-watch","gruntfile-gruntfilejs","gruntjs"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dinanathsj29.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-03T05:51:04.000Z","updated_at":"2020-04-20T10:26:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"25023fe4-c53e-41f5-8a0a-53948121c9dd","html_url":"https://github.com/dinanathsj29/grunt-javascript-task-runner","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinanathsj29%2Fgrunt-javascript-task-runner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinanathsj29%2Fgrunt-javascript-task-runner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinanathsj29%2Fgrunt-javascript-task-runner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dinanathsj29%2Fgrunt-javascript-task-runner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dinanathsj29","download_url":"https://codeload.github.com/dinanathsj29/grunt-javascript-task-runner/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244635919,"owners_count":20485440,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["grunt","grunt-automate-development-workflow","grunt-cli","grunt-concat","grunt-configuration","grunt-contrib","grunt-cssmin","grunt-gulp-webpack","grunt-htmlmin","grunt-imagemin","grunt-javascript-task-runner","grunt-node-npm-package","grunt-plugins","grunt-sass","grunt-source-to-target-copy","grunt-task","grunt-uglify","grunt-watch","gruntfile-gruntfilejs","gruntjs"],"created_at":"2024-11-25T19:19:27.414Z","updated_at":"2025-03-20T14:47:18.415Z","avatar_url":"https://github.com/dinanathsj29.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e **Description**:\n\nIn this course, let us learn and use Grunt-the JavaScript Task Runner, which helps to Architect, Practice, and Automate your development workflow so we can build app/projects/websites faster.\n\nGrunt is a command-line task automation tool that speeds up development workflow by taking all the repetitive `grunt work` out of work.\n\n\u003e **Topics (separate with spaces)**:\n\nAdd topics to categorize your repository and make it more discoverable.\n\n- grunt\n- grunt-javascript-task-runner\n- grunt-cli\n- grunt-task\n- gruntjs\n- gruntfile-gruntfilejs\n- grunt-configuration\n- grunt-plugins\n- grunt-gulp-webpack\n- grunt-automate-development-workflow\n- grunt-uglify\n- grunt-cssmin\n- grunt-htmlmin\n- grunt-imagemin\n- grunt-sass\n- grunt-concat\n- grunt-contrib\n- grunt-source-to-target-copy\n- grunt-watch\n- grunt-node-npm-package\n\n\u003cp align=\"center\"\u003e\n \u003cimg src=\"_images-grunt-javascript-task-runner/grunt-logo-1.png\" alt=\"Grunt - JavaScript Task Runner Logo\" title=\"Grunt - JavaScript Task Runner\" width=\"200\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n \u003cimg src=\"_images-grunt-javascript-task-runner/grunt-logo-2.png\" alt=\"Grunt - JavaScript Task Runner Logo\" title=\"Grunt - JavaScript Task Runner\" width=\"250\" /\u003e\n\u003c/p\u003e\n\nGrunt - The JavaScript Task Runner\n=====================\nAutomate Workflow with Grunt\n=====================\n\n- Grunt is a `task-based` command line build tool for JavaScript projects\n- Grunt JS is a `JavaScript task automation tool` which make life better/easier\n- Grunt is a command-line task automation tool that speeds up development workflow by taking all the repetitive `grunt work` out of work\n\n\u003e `Grunt` is a `JavaScript Task Runner` which can be used as a `command-line tool` for JavaScript objects, It is a `task manager` written on top of `NodeJS`, helps to automate front end workflow to Build app/project/websites faster.\n\nWelcome\n---------------------\n\nHi All, I'm **`Dinanath Jayaswal, Senior UI/Web Developer and Adobe Certified Expert Professional`**, I wanna welcome you to `Grunt - The JavaScript Task Runner (Automate Workflow with Grunt)` tutorial for all. \n\nAbout the Course/Tutorial\n---------------------\n\nIn this course, let us learn and use Grunt-the JavaScript Task Runner, which helps to Architect, Practice, and Automate your development workflow so we can build app/projects/websites faster.\n\nGrunt is a command-line task automation tool that speeds up development workflow by taking all the repetitive `grunt work` out of work.\n\nWhat will learn and cover\n---------------------\n\nWelcome to the new tutorial series on `Grunt - The JavaScript Task Runner (Automate Workflow with Grunt)`.\n\nIn this introductory Angular Material module will have a look and learn:\n- Understand what is Grunt, How to install/setup and use Grunt\n- Use Grunt to automate everyday development tasks\n\nWho is this for? Audience\n---------------------\n\nThis Course/Tutorial is ideal for:\n- Freshers\n- Intermediates\n- Web Designers and Developers, Front-End/UI Designers and Developers\n- Developer who wants to configure Grunt efficiently for project\n- An architect who wants to industrialize automation, or just want to move repetitive tasks away\n- Any coder looking to be more efficient when programming or developing with JavaScript\n- Candidates desire to learn new techniques to improve skills\n- Anyone want to be more productive writing/using with JavaScript libraries and external utilities\n- Front-end developer who wants to streamline the development workflow with an automated build system\n\nCourse/Tutorial achievement\n---------------------\nCourse/Tutorial Goal\n---------------------\n\nAfter completing/attending/finishing this Course/Tutorial, participants should be able to: \n- Understand What, Why and How to use Grunt\n- Install/Setup Grunt\n- Minify / Concatenate / Combine files\n- Generating automated Grunt Build\n- Understand Best coding/programming practices for minification\n\nPrerequisites for current course / What you need to know\n---------------------\n\n- Node / NPM\n- Terminal - Unix / DOS terminal\n- Participants need to know and have Basic/Intermediate knowledge of HTML/HTML5, CSS/CSS3 or JavaScript\n- JavaScript (good to know - understand the basis of JavaScript)\n- How to use a text editor such as Notepad++, Sublime Text and/or IDE like Visual Studio Code \n- Some programming background or Coding knowledge is preferred\n\n\nTopics included/covered\n=====================\n\n1. [Introduction to Grunt](#1-introduction-to-grunt)\n   - 1.1 [Grunt-The JavaScript Task Runner](#11-grunt-the-javaScript-task-runner)\n   - 1.2 [Welcome](#12-Welcome)\n   - 1.3 [Agenda](#13-Agenda)\n   - 1.4 [What You will Learn](#14-what-you-will-learn)\n   - 1.5 [General Web-UI Development Tasks](#15-General-Web-UI-Development-Tasks)\n   - 1.6 [Automating Tasks-different approach](#16-Automating-Tasks-different-approach)\n   - 1.7 [What is Grunt?](#17-What-is-Grunt)\n   - 1.8 [Task based-Task Automation](#18-Task-based-Task-Automation)\n   - 1.9 [What does a task runner do?](#19-What-does-a-task-runner-do)\n   - 1.10 [Why Grunt?](#110-Why-Grunt)\n   - 1.11 [Who have been using it?](#111-Who-have-been-using-it)\n   - 1.12 [Task runners-Tools popular in market](#112-Task-runners-Tools-popular-in-market)\n   - 1.13 [Build System around us](#113-Build-System-around-us)\n2. [Understand Minify Minification](#2-understand-minify-minification)\n   - 2.1 [Why Minify? Advantages of Minification](#21-why-minify-advantages-of-minification)\n   - 2.2 [Difference-Normal and Minified code](#22-difference-normal-and-minified-code)\n3. [Installation and Setup](#3-installation-and-setup)\n   - 3.1 [Pre-requisites? How Do I start? Node-NPM](#31-pre-requisites-how-do-i-start-node-npm)\n   - 3.2 [NODE-NODEJS](#32-node-nodejs)\n   - 3.3 [NPM](#33-npm)\n   - 3.4 [Installing NODE and NPM](#34-installing-node-and-npm)\n   - 3.5 [Installing GRUNT-CLI](#35-installing-grunt-cli)\n   - 3.6 [Installing GRUNT-package.json](#36-installing-grunt-packagejson)\n   - 3.7 [More on package.json](#37-more-on-packagejson)\n   - 3.8 [More on package.json-Look like](#38-more-on-packagejson-Look-like)\n4. [Using Grunt](#4-using-grunt)\n   - 4.1 [Working with Grunt-Using Grunt](#41-working-with-grunt-using-grunt)\n   - 4.2 [Create gruntfile.js](#42-create-gruntfilejs)\n   - 4.3 [More on gruntfile.js](#43-more-on-gruntfilejs)\n   - 4.4 [Overview of gruntfile.js](#44-overview-of-gruntfilejs)\n   - 4.5 [Best Coding practices for minification](#45-best-coding-practices-for-minification)\n   - 4.6 [Best Coding practices for minification-IE](#46-best-coding-practices-for-minification-ie)\n5. [Demo and Resources](#5-demo-and-resources)\n   - 5.1. [Demo](#51-Demo)\n   - 5.2. [Useful NODE NPM commands](#52-useful-node-npm-commands)\n   - 5.3. [Useful Websites Resources](#53-useful-websites-resources)\n   - 5.4. [What You Learnt](#54-what-you-learnt)\n   - 5.5. [Q and A](#55-q-and-a)\n   - 5.6. [Feedback ](#56-feedback)\n   - 5.7. [Refinements and Improvements](#57-refinements-and-improvements)\n   - 5.8. [Thank You](#58-thank-you)\n\n1 Introduction to Grunt\n=====================\n\n1.1. Grunt-The JavaScript Task Runner\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide1.png\" alt=\"Grunt-The JavaScript Task Runner - Banner\" title=\"Grunt-The JavaScript Task Runner - Banner\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Banner\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.2. Welcome\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide2.png\" alt=\"Grunt-The JavaScript Task Runner - Welcome\" title=\"Grunt-The JavaScript Task Runner - Welcome\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Welcome\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.3. Agenda\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide3.png\" alt=\"Grunt-The JavaScript Task Runner - Agenda\" title=\"Grunt-The JavaScript Task Runner - Agenda\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Agenda\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.4. What You will Learn\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide4.png\" alt=\"Grunt-The JavaScript Task Runner - What You will Learn\" title=\"Grunt-The JavaScript Task Runner - What You will Learn\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - What You will Learn\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.5. General Web-UI Development Tasks\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide5.png\" alt=\"Grunt-The JavaScript Task Runner - General Web-UI Development Tasks\" title=\"Grunt-The JavaScript Task Runner - General Web-UI Development Tasks\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - General Web-UI Development Tasks\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.6. Automating Tasks-different approach\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide6.png\" alt=\"Grunt-The JavaScript Task Runner - Automating Tasks-different approach\" title=\"Grunt-The JavaScript Task Runner - Automating Tasks-different approach\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Automating Tasks-different approach\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.7. What is Grunt?\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide7.png\" alt=\"Grunt-The JavaScript Task Runner - What is Grunt?\" title=\"Grunt-The JavaScript Task Runner - What is Grunt?\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - What is Grunt?\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.8. Task based-Task Automation\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide8.png\" alt=\"Grunt-The JavaScript Task Runner - Task based-Task Automation\" title=\"Grunt-The JavaScript Task Runner - Task based-Task Automation\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Task based-Task Automation\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.9. What does a task runner do?\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide9.png\" alt=\"Grunt-The JavaScript Task Runner - What does a task runner do?\" title=\"Grunt-The JavaScript Task Runner - What does a task runner do?\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - What does a task runner do?\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.10. Why Grunt?\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide10.png\" alt=\"Grunt-The JavaScript Task Runner - Why Grunt?\" title=\"Grunt-The JavaScript Task Runner - Why Grunt?\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Why Grunt?\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.11. Who have been using it?\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide11.png\" alt=\"Grunt-The JavaScript Task Runner - Who have been using it?\" title=\"Grunt-The JavaScript Task Runner - Who have been using it?\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Who have been using it?\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.12. Task runners-Tools popular in market\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide12.png\" alt=\"Grunt-The JavaScript Task Runner - Task runners-Tools popular in market\" title=\"Grunt-The JavaScript Task Runner - Task runners-Tools popular in market\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Task runners-Tools popular in market\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n1.13. Build System around us\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide13.png\" alt=\"Grunt-The JavaScript Task Runner - Build System around us\" title=\"Grunt-The JavaScript Task Runner - Build System around us\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Build System around us\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n2 Understand Minify Minification\n=====================\n\n2.1. Why Minify? Advantages of Minification\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide14.png\" alt=\"Grunt-Why Minify? Advantages of Minification\" title=\"Grunt-Why Minify? Advantages of Minification\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-Why Minify? Advantages of Minification\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n2.2. Difference-Normal and Minified code\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide15.png\" alt=\"Grunt-The JavaScript Task Runner - Difference-Normal and Minified code\" title=\"Grunt-The JavaScript Task Runner - Difference-Normal and Minified code\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Difference-Normal and Minified code\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide16.png\" alt=\"Grunt-The JavaScript Task Runner - Difference-Normal and Minified code\" title=\"Grunt-The JavaScript Task Runner - Difference-Normal and Minified code\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Difference-Normal and Minified code\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n3 Installation and Setup\n=====================\n\n3.1 Pre-requisites? How Do I start? Node-NPM\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide17.png\" alt=\"Grunt-The JavaScript Task Runner - Pre-requisites? How Do I start? Node-NPM\" title=\"Grunt-The JavaScript Task Runner - Pre-requisites? How Do I start? Node-NPM\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Pre-requisites? How Do I start? Node-NPM\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\n3.2 NODE-NODEJS\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide18.png\" alt=\"Grunt-The JavaScript Task Runner - NODE-NODEJS\" title=\"Grunt-The JavaScript Task Runner - NODE-NODEJS\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - NODE-NODEJS\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n3.3 NPM\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide19.png\" alt=\"Grunt-The JavaScript Task Runner - NPM\" title=\"Grunt-The JavaScript Task Runner - NPM\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - NPM\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\n3.4 Installing NODE and NPM\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide20.png\" alt=\"Grunt-The JavaScript Task Runner - NPM\" title=\"Grunt-The JavaScript Task Runner - Installing NODE and NPM\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Installing NODE and NPM\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide21.png\" alt=\"Grunt-The JavaScript Task Runner - Installing NODE and NPM\" title=\"Grunt-The JavaScript Task Runner - Installing NODE and NPM\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Installing NODE and NPM\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide22.png\" alt=\"Grunt-The JavaScript Task Runner - Installing NODE and NPM\" title=\"Grunt-The JavaScript Task Runner - Installing NODE and NPM\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Installing NODE and NPM\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\n3.5 Installing GRUNT-CLI\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide23.png\" alt=\"Grunt-The JavaScript Task Runner - Installing NODE and NPM\" title=\"Grunt-The JavaScript Task Runner - Installing NODE and NPM\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Installing NODE and NPM\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\n3.6 Installing GRUNT-package.json\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide24.png\" alt=\"Grunt-The JavaScript Task Runner - Installing GRUNT-package.json\" title=\"Grunt-The JavaScript Task Runner - Installing GRUNT-package.json\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Installing GRUNT-package.json\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\n3.7 More on package.json\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide25.png\" alt=\"Grunt-The JavaScript Task Runner - More on package.json\" title=\"Grunt-The JavaScript Task Runner - More on package.json\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - More on package.json\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\n3.8 More on package.json-Look like\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide26.png\" alt=\"Grunt-The JavaScript Task Runner - More on package.json-Look like\" title=\"Grunt-The JavaScript Task Runner - More on package.json-Look like\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - More on package.json-Look like\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n4 Using Grunt\n=====================\n\n4.1. Working with Grunt-Using Grunt\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide27.png\" alt=\"Grunt-The JavaScript Task Runner - Working with Grunt-Using Grunt\" title=\"Grunt-The JavaScript Task Runner - Working with Grunt-Using Grunt\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Working with Grunt-Using Grunt\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n4.2. Create gruntfile.js\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide28.png\" alt=\"Grunt-The JavaScript Task Runner - Create gruntfile.js\" title=\"Grunt-The JavaScript Task Runner - Create gruntfile.js\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Create gruntfile.js\n\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n4.3. More on gruntfile.js\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide29.png\" alt=\"Grunt-The JavaScript Task Runner - More on gruntfile.js\" title=\"Grunt-The JavaScript Task Runner - More on gruntfile.js\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - More on gruntfile.js\n\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n4.4. Overview of gruntfile.js\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide30.png\" alt=\"Grunt-The JavaScript Task Runner - Overview of gruntfile.js\" title=\"Grunt-The JavaScript Task Runner - Overview of gruntfile.js\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Overview of gruntfile.js\n\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n4.5. Best Coding practices for minification\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide31.png\" alt=\"Grunt-The JavaScript Task Runner - Best Coding practices for minification\" title=\"Grunt-The JavaScript Task Runner - Best Coding practices for minification\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Best Coding practices for minification\n\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide32.png\" alt=\"Grunt-The JavaScript Task Runner - Best Coding practices for minification\" title=\"Grunt-The JavaScript Task Runner - Best Coding practices for minification\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Best Coding practices for minification\n\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n4.6. Best Coding practices for minification-IE\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide33.png\" alt=\"Grunt-The JavaScript Task Runner - Best Coding practices for minification-IE\" title=\"Grunt-The JavaScript Task Runner - Best Coding practices for minification-IE\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Best Coding practices for minification-IE\n\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n5 Demo and Resources\n=====================\n\n5.1. Demo\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide34.png\" alt=\"Grunt-The JavaScript Task Runner - Demo\" title=\"Grunt-The JavaScript Task Runner - Demo\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Demo\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n5.2. Useful NODE NPM commands\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide35.png\" alt=\"Grunt-The JavaScript Task Runner - Useful NODE NPM commands\" title=\"Grunt-The JavaScript Task Runner - Useful NODE NPM commands\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Useful NODE NPM commands\n\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n5.3. Useful Websites Resources\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide36.png\" alt=\"Grunt-The JavaScript Task Runner - Useful Websites Resources\" title=\"Grunt-The JavaScript Task Runner - Useful Websites Resources\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Useful Websites Resources\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n\n5.4. What You Learnt\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide37.png\" alt=\"Grunt-The JavaScript Task Runner - What You Learnt\" title=\"Grunt-The JavaScript Task Runner - What You Learnt\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - What You Learnt\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n5.5. Q and A\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide38.png\" alt=\"Grunt-The JavaScript Task Runner - Q and A\" title=\"Grunt-The JavaScript Task Runner - Q and A\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Q and A\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n5.6. Feedback\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide39.png\" alt=\"Grunt-The JavaScript Task Runner - Feedback\" title=\"Grunt-The JavaScript Task Runner - Feedback\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Feedback\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n5.7. Refinements and Improvements\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide40.png\" alt=\"Grunt-The JavaScript Task Runner - Refinements and Improvements\" title=\"Grunt-The JavaScript Task Runner - Refinements and Improvements\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Refinements and Improvements\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n\n5.8. Thank You\n---------------------\n\n\u003cp\u003e\n  \u003cfigure\u003e\n    \u0026nbsp;\u0026nbsp;\u0026nbsp; \u003cimg src=\"./_images-grunt-javascript-task-runner/Slide41.png\" alt=\"Grunt-The JavaScript Task Runner - Thank You\" title=\"Grunt-The JavaScript Task Runner - Thank You\" width=\"1000\" border=\"2\" /\u003e\n    \u003cfigcaption\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp; Image - Grunt-The JavaScript Task Runner - Thank You\u003c/figcaption\u003e\n  \u003c/figure\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdinanathsj29%2Fgrunt-javascript-task-runner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdinanathsj29%2Fgrunt-javascript-task-runner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdinanathsj29%2Fgrunt-javascript-task-runner/lists"}