- Overview
- Transcript
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.Introduction3 lessons, 10:43
1.1Setting Up a Pro Front-End Development Workflow00:40
1.2Using the Workflow04:15
1.3An Introduction to Grunt05:48
2.The Workflow6 lessons, 56:19
2.1File and Folder Preparation10:31
2.2Browser Reloading09:55
2.3Working With CSS09:31
2.4Working With JavaScript05:53
2.5Working With Bower13:50
2.6Creating the Build Task06:39
1.1 Setting Up a Pro Front-End Development Workflow
If you're a Front-End developer, then you might have asked yourself, how can I get my job done faster? Or, how can I work easier with preprocessors in jQuery and a whole bunch of other libraries? Well, to do that you need to create a ProWorkflow. And that's what I'm gonna teach you in this course. At the end of it, you'll be able to write a single command in the terminal and that will compile Sass, it will concatenate and minify JavaScript, it will do browser reloading, and much more. I'm Adi Purdila, welcome to Setting up a Pro Front-End Development Workflow.