Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
JavaScript Task Runners
Gulp & Grunt
Lohith G N
About Me …
Microsoft MVP (Visual Studio & Development)
Technical Evangelist
@kashyapa
http://www.kashyapas.com
http://abou...
Agenda
• Web Development Tasks
• What is a Task Runner
• Why Task Runner
• Gulp
• Grunt
WEB DEVELOPMENT TASKS
What tasks do you perform for deployment ?
Deployment Tasks
• Compile SASS to CSS
• Compile LESS to CSS
• Concatenating JavaScript
• Minifying JavaScript
• Testing y...
BUILD SYSTEMS OR TASK RUNNERS
What are they ?
Build Systems
• Collection of Tasks
• Automate Repetitive Work
• Also called Task Runners
Modern Front End Workflow
Package
Managers
Preprocessors
Task Runners &
Build Tools
Modern Front End Workflow
Package
Managers
Bower NPM
Preprocessors CSS (SASS, LESS) JavaScript HTML
Task Runners
& Build T...
GULP
Streaming Build System
http://gulpjs.com
GRUNT
Configuration over Code
http://gruntjs.com
CONFIDENTIAL
Thank You !
Lohith.Nagaraj@Telerik.com
Upcoming SlideShare
Loading in …5
×

JavaScript Task Runners - Gulp & Grunt

663 views

Published on

Slide deck used for my webinar titled "JavaScript Task Runners for Web" held on Jan 28 2016

Published in: Technology
  • Be the first to comment

JavaScript Task Runners - Gulp & Grunt

  1. 1. JavaScript Task Runners Gulp & Grunt Lohith G N
  2. 2. About Me … Microsoft MVP (Visual Studio & Development) Technical Evangelist @kashyapa http://www.kashyapas.com http://about.me/kashyapa Lohith G N
  3. 3. Agenda • Web Development Tasks • What is a Task Runner • Why Task Runner • Gulp • Grunt
  4. 4. WEB DEVELOPMENT TASKS What tasks do you perform for deployment ?
  5. 5. Deployment Tasks • Compile SASS to CSS • Compile LESS to CSS • Concatenating JavaScript • Minifying JavaScript • Testing your code (JavaScript) • Linting your code (JavaScript) • …
  6. 6. BUILD SYSTEMS OR TASK RUNNERS What are they ?
  7. 7. Build Systems • Collection of Tasks • Automate Repetitive Work • Also called Task Runners
  8. 8. Modern Front End Workflow Package Managers Preprocessors Task Runners & Build Tools
  9. 9. Modern Front End Workflow Package Managers Bower NPM Preprocessors CSS (SASS, LESS) JavaScript HTML Task Runners & Build Tools Gulp Grunt
  10. 10. GULP Streaming Build System
  11. 11. http://gulpjs.com
  12. 12. GRUNT
  13. 13. Configuration over Code http://gruntjs.com
  14. 14. CONFIDENTIAL Thank You ! Lohith.Nagaraj@Telerik.com

×