Pro Grunt.js [electronic resource] /
Cryer, James.author.
Pro Grunt.js gets you quickly up-to-speed with this popular JavaScript-based task runner. Author James Cryer takes you from initial installation all the way through to authoring successful plugins. Using hands-on examples you will learn about CSS linting, combination, compilation and minification; JavaScript linting, AMD modules, and templates; image processing and optimizing; and creating a local server. You will then move on to more advanced topics such as LiveReload, Test Automation, Modular configuration, and combining tasks. Finally you will see how to scaffold plugins using Grunt init and Yeoman, how to test them with Mocha and Chai, and how to publish them so others can use them. Start using Grunt.js to improve your workflows by using Pro Grunt.js today.
Contents at a Glance; Introduction; Chapter 1: Introducing Grunt; How Can I Benefit from Grunt?; Continuous Integration; Speeding Up Your Workflow; Every Craftsman Needs a Toolbelt; Integration with Other Tools; Versioning; Readability; Alternatives; Ant; Rake; Gulp; Summary; Chapter 2: How to Use Grunt in Your Project; Node.js; Installing on Linux; Installing on Windows; Installing on Mac OS X; Confirming Your Installation; npm; Finding Modules; Installing Modules; Modules; Loading Modules from node_modules; Defining Node.js Projects; Grunt; Creating a New Project to Work with Grunt
Adding Grunt and Plug-ins to Your ProjectConfiguring Tasks; Working with Files; Compact Format; File Object Format; Files Array Format; Summary; Chapter 3: Using Grunt with HTML and CSS; The Demo App; CSS Preprocessing; Installing Sass; Installing Ruby on Linux; Installing Ruby on Windows; Installing Ruby on Mac OS X; Checking Your Ruby Installation; Brief Introduction to Sass; Variables; Nesting; Partials and Imports; Mixins; Extend/Inheritance; Sass with Grunt; Working with Front-End Frameworks with Grunt; Bower; Installing Bower; Using Bower; Bower with Grunt; Linting
Setting a Standard for Your CSSPrefixing; Minification; Removing Unused or Duplicate CSS; Packaging Your App for Production; Versioning; Summary; Chapter 4: Using Grunt with JavaScript; Enhancing Our To-Do List Application; JavaScript Modules; AMD; CommonJS; Combining Grunt.js and JavaScript Modules; Cleaning the Build Process; JavaScript Templating; JavaScript Linting; Modernizr; Minification; Documentation; Summary; Chapter 5: Using Grunt with Images, SVG, and Icons; Compressing Images; Producing Responsive Images; Resizing Images with Grunt; Responsive Images with srcset
Producing Image SpritesAutomating Sprite Creation; Working with SVGs; Minifying SVG; Generating SVG Sprites; Generating Icon Fonts; Summary; Chapter 6: Using Grunt for Testing and Local Development; Setting Up a Local Server; Keeping the Server Running; Automated Browser Launching; Logging Requests to Our Server; Extending Our Server with Compressed Responses; Testing; Writing Our First Test; Modifying the Output from Nodeunit; Test-Driven Development with Grunt; Generating Fixtures; Automating Fixtures a t R untime; Applying Fixture Generation; Testing in the Browser
Configuring Karma Test RunnerModifying Our Application to Use AMD; Automating Accessibi lity Testing; Exposing the Local Server to the Outside World; Performance Testing; Performancing Development Environments; Summary; Chapter 7: Optimizing Your Grunt Workflow; Measuring Performance; Loading Plug-ins; Automating Loading with matchdep; Automating Loading with load-grunt-tasks; Deferring Automating Loading; Organizing Your Gruntfile; Using Modules; Using Groups; Extracting Common Configuration Options; Running Tasks in Parallel; Running Things on Changes
Reloading Changes Automatically in the Browser
Includes index.
Pro Grunt.js gets you quickly up-to-speed with this popular JavaScript-based task runner. Author James Cryer takes you from initial installation all the way through to authoring successful plugins. Using hands-on examples you will learn about CSS linting, combination, compilation and minification; JavaScript linting, AMD modules, and templates; image processing and optimizing; and creating a local server. You will then move on to more advanced topics such as LiveReload, Test Automation, Modular configuration, and combining tasks. Finally you will see how to scaffold plugins using Grunt init and Yeoman, how to test them with Mocha and Chai, and how to publish them so others can use them. Start using Grunt.js to improve your workflows by using Pro Grunt.js today.
Computer programming.
Software engineering.
Web Development.
Software Engineering/Programming and Operating Systems.