1.1 Setting Up a Pro Front-End Development Workflow
Owing to the plethora of tools available nowadays, front-end development has a lower barrier to entry for a wide range of people. We can use libraries that enhance the code we write whilst also simplifying it. We can compile and minify Sass or LESS with a single line of code. We can use tools like Grunt to execute as many tasks as we want just by typing a few keywords into the terminal.
Needless to say, to achieve this you must have a basic understanding of how these tools all work, but if that’s not yet the case, you’ve come to the right place.
In this short course I’m going to show you how to use Grunt, Bower and several other tools to create a pro front-end development workflow that will save you loads of time when coding.
1.Introduction
1.1Setting Up a Pro Front-End Development Workflow00:40
1.1
Setting Up a Pro Front-End Development Workflow
00:40
1.2Using the Workflow04:15
1.2
Using the Workflow
04:15
1.3An Introduction to Grunt05:48
1.3
An Introduction to Grunt
05:48
2.The Workflow
2.1File and Folder Preparation10:31
2.1
File and Folder Preparation
10:31
2.2Browser Reloading09:55
2.2
Browser Reloading
09:55
2.3Working With CSS09:31
2.3
Working With CSS
09:31
2.4Working With JavaScript05:53
2.4
Working With JavaScript
05:53
2.5Working With Bower13:50
2.5
Working With Bower
13:50
2.6Creating the Build Task06:39
2.6
Creating the Build Task
06:39
