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
Introduction
- Welcome
- What you should know
- Using the exercise files
Creating Tasks with Grunt
- Exploring our workflow
- Preparing our project
- Creating your first Grunt task
- Adding task options and defaults
- Processing Sass files
- Automating our workflow
- Reloading our pages
Using Bower.io
- Working with Bower
- Integrating Bower into our workflow
- Combining Bower scripts and CSS
Conclusion
- Next steps