Tame your Front-end using Grunt and NPM

Manjit.Singh
kamalpreetkaur

Introduction

The presentation outlines the Grunt based drupal tasks. Grunt is widely adopted and flexible for automating build and processing tasks, necessary to speed up the Front End development. Using Grunt enforces consistent practice across development and Client server.

Topics

The session would cover following topics:

  • Introduction of Grunt
  • Drush task using Grunt
  • Uglify/Minification/Aggregation
  • Handle Sprites with Grunt
  • SASS compilation (libsass vs compass)
  • Livereload while theme development
  • Linting through Grunt
  • CSS , JS beautify
  • Grunt copy

Tools Used

  • Drupal
  • Grunt
  • Drush

Audience:

Good for front end developers, Drupal Themers.

Session Format

The session would be a mix of presentation and live demo using above tools. At the end of the session we should be confident of using Grunt packages to make our lives easy.
We will also talk about the cutting-edge future technologies like Webpack, Post CSS etc

 

Session Track

Frontend

Experience Level

Intermediate

Drupal Version