Git Product home page Git Product logo

dcc_grunt's Introduction

Grunt

  1. What you need - Node.js and NPM
  2. Why Grunt?
    • Mundane tasks are boring
    • Large apps NEED a build process
    • Make sure you don't miss things
    • Static file server
  3. Installing Grunt - npm install grunt -g
  4. Discuss CLI and Grunt commands (init tasks vs regular/multi tasks)
    • Explain built-in tasks
      • concat
      • init
      • lint
      • min
      • qunit
      • server
      • test
      • watch
  5. Adding it to your project - grunt init:gruntfile
    • Explain init templates and which are available by default
    • Go through prompts and explain predefined prompts and defaults
    • Explain "fuzzy logic" (lib/src, test/tests/unit/spec)
    • Adds grunt.js file to your project
  6. Examine grunt.js and defaults
    • Explain the default task
  7. Adding local and NPM tasks
  8. Templates
    • grunt.template.process(template, options) - options.data passed to template
      • config - use <% %> style delimiters (default)
      • init - use {% %} style delimiters (used in init task templates)
      • user - use [% %] style delimiters (not used internally in grunt)
    • grunt.template.date(date, format) and grunt.template.today(format)
  9. Discuss the differences between Grunt and Yeoman
    • Yeoman is an opinionated version of Grunt (SASS/Compass, Bootstrap, Mocha, RequireJS)
    • Many dependencies (curl, git, NodeJS, ruby, RubyGems, Compass, PhantomJS, jpegtran, optipng)
    • curl -L get.yeoman.io | bash
    • Adds Bower for package management
    • Adds its own initializers (yeoman, bbb, angular, ember)
    • Implements generators - like initializers for stubs
    • Insights/Analytics
  10. Transitioning to Grunt 0.4
    • Gruntfile.js
    • Strict mode
    • CoffeeScript support
    • Bash autocompletion
    • No more helpers or directives (use regular Node exports with init function)
    • grunt.utils renamed to grunt.util (don't know why)
    • Split into many small modules (tasks) - under grunt-contrib-NAME
    • Many small task changes
    • https://github.com/gruntjs/grunt/blob/devel/docs/migration_guide.mds

dcc_grunt's People

Contributors

phated avatar

Watchers

James Cloos avatar avatar avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.