Over a million developers have joined DZone.

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 to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

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!

Crafter is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

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

Published at DZone with permission of Jonathan Danylko, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.


Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.


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

{{ parent.tldr }}

{{ parent.urlSource.name }}