Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Visual Studio 2015 Front-End Tooling Series: Introduction

DZone's Guide to

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.

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

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, React, Aurelia, 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 see 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!

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:
visual studio ,studio ,asp.net ,microsoft ,mvc ,front-end

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}