Grunt.js: Web Workflows
1h 17mIntermediate2015-07-13
Authors
Ray Villalobos
Senior Staff Instructor at LinkedIn Learning
Course details
Developing a workflow will help you program, test, and deploy your web applications more easily and efficiently. Tools like Grunt.js make generating workflows as easy as writing a setup file. Here Ray Villalobos covers the key steps in creating a Grunt-based web workflow, from creating tasks to process Sass and combine scripts to automating the entire workflow. He also shows how to use Bower.io to quickly load frameworks such as Bootstrap, jQuery, and Mustache.js.
Skills covered
Grunt.jsWeb Development ToolsWeb DevelopmentOpen SourceDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Welcome
- 02 - What you should know
- 03 - Using the exercise files
1. Creating Tasks with Grunt
- 04 - Exploring our workflow
- 05 - Preparing our project
- 06 - Creating your first Grunt task
- 07 - Adding task options and defaults
- 08 - Processing Sass files
- 09 - Automating our workflow
- 10 - Reloading our pages
2. Using Bower.io
- 11 - Working with Bower
- 12 - Integrating Bower into our workflow
- 13 - Combining Bower scripts and CSS
Conclusion
- 14 - Next steps