by Manas Jayanth (@prometheansacrifice) on Saturday, January 4, 2014
- Technical level
This workshop introduces the audience to workflow automation using Grunt and Yeoman. The workshop starts from the basics to advanced topics like writing custom Grunt plugins.
Frontend Development involves a lot of tasks like linting, minification, concatenation, unit testing etc. and are run repeatedly during the development process. Since running them command by command is tedious, developers have resort to scripting to automate them. This again can require maintainance and can be a major distraction to the development of the main project. As the number of tools increase, automating scripts grow in complexity.
Modern workflow tool-chains like Grunt and Yeoman save the developer all this trouble by providing a easily configurable, readily available tasks that let Developers focus on the development and do the mundane repetitive tasks for them.
The workshop aims at introducing modern workflow tools Grunt and Yeoman.
Grunt make task automation much simpler to configure and manage unlike older buid tools like ant, make etc. For a good start, the following will be covered on Grunt.
- Task automation and how Grunt is better
- Creating the first Grunt automated project
- A discussion on widely used tasks like unit testing, minification, linting, etc.
- Integrating Git Hooks using grunt
- The Grunt workflow
- Creating a custom Grunt plugin
Yeoman takes Grunt and makes the workflow even easier by integrating package management and project scaffolding into the workflow - all in one place. Following will be covered to serve as a detailed introduction to Yeoman.
- Introducing Yeoman
- Project Scaffolding with yo
- Package Managers and Bower
- Grunt to automate distribution tasks
- Software: Node.js with Node Package Manager