7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 9Length: 1.1 hours

Next lesson playing in 5 seconds

  • 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.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.

Back to the top