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

CONFIDENTIAL

Thank You !Lohith.Nagaraj@Telerik.com