JavaScript Task RunnersGulp & Grunt
Lohith G N
About Me …
Microsoft MVP (Visual Studio & Development)Technical Evangelist
@kashyapahttp://www.kashyapas.comhttp://about.me/kashyapa
Lohith G N
Agenda• Web Development Tasks• What is a Task Runner• Why Task Runner• Gulp• Grunt
WEB DEVELOPMENT TASKSWhat tasks do you perform for deployment ?
Deployment Tasks• Compile SASS to CSS• Compile LESS to CSS• Concatenating JavaScript• Minifying JavaScript• Testing your code (JavaScript)• Linting your code (JavaScript) • …
BUILD SYSTEMS OR TASK RUNNERSWhat are they ?
Build Systems• Collection of Tasks• Automate Repetitive Work• Also called Task Runners
Modern Front End Workflow
PackageManagers
Preprocessors Task Runners & Build Tools
Modern Front End WorkflowPackage
ManagersBower NPM
Preprocessors CSS (SASS, LESS) JavaScript HTML
Task Runners & Build Tools Gulp Grunt
GULPStreaming Build System
http://gulpjs.com
GRUNT
Configuration over Codehttp://gruntjs.com