Vans Shoes DanylkoWeb

Always Learning. ASP.NET MVC. Code Exorcist. Mobile Gadgeteer. Web Architect.

Visual Studio 2015 Front-end Tooling Series - Introduction

With the new ASP.NET web tooling, Visual Studio contains a number of front-end tools to make life a little easier at design-time. In this series, I show how each one can increase your development process.

June 6th, 2016 • Develop •
0 (0 votes)
Collection of tools on a peg board.

With ASP.NET MVC Core 1.0 out, it's a whole new world for Microsoft web developers.

Not only do we have a faster compiler, we also have a new set of client-side tools for the command-line jockeys on your team using Visual Studio.

Front-end tools like Grunt, Gulp, npm, Bower, Node, SASS, and LESS. They sound like characters in a video game, right?

These tools are becoming the standard in your front-end web development process.

Why do I need them?

With the development of JavaScript libraries like AngularJs, ReactAurelia, Ember, and Meteor, you can create an entire application using only JavaScript (although web services would be great to have to retrieve data). ;-)

When you create these types of applications, you need to minify and bundle JavaScript, optimize images, include and install JavaScript packages (yes, I said JavaScript packages), and optimize CSS.

And that's just the tip of the iceberg.

If you don't know by now, JavaScript is quickly becoming critical to your language skill set and Visual Studio can use these tools in either a GUI or at a command-line level.

Over the next series of posts, we'll be covering each new front-end tool included with Visual Studio, introduce some add-ons to assist your development, and how each tool can optimize your workflow when developing client-side (and server-side) applications.

However, be aware that each of these tools can run independently outside of Visual Studio on its own. Some companies have integrated the tooling into their IDEs to make their product more marketable (i.e. JetBrain's WebStorm).

So let's get started with LESS and SASS!

Visual Studio Front-End Tooling Series

Was this informative? Share it!

Looking to become a better developer?

Sign up to receive ReSharper Design Pattern Smart Templates, ASP.NET MVC Guidelines Checklist, and Newsletter Updates!

Picture of Jonathan Danylko

Jonathan Danylko is a freelance web architect and avid programmer who has been programming for over 20 years. He has developed various systems in numerous industries including e-commerce, biotechnology, real estate, health, insurance, and utility companies.

When asked what he likes to do in his spare time, he replies, "Programming."

comments powered by Disqus