Untangle Your Front End Development

with Visual Studio 2015SCOTT HECKEL

Scott Heckel

Consultant

Web and Mobile Development

MSSE University of Minnesota

CMPE & CS University of Wisconsin

Questions? scott.heckel@gmail.com @scottheckel

Visual Studio 2015WHAT’S NEW?

ASP.NET 5 and the Core-CLR

New Web Project Structure

Embracing Front End Tooling

The Package ManagersINSTALL AND UPGRADE YOUR DEPENDENCIES

For C# DependenciesReside in…

project.jsonReferences

For Node.js DependenciesReside in…

package.jsonDependencies -> NPM

Bower

For Front-End DependenciesReside in…

bower.jsonDependencies -> Bower

The Build/Task ToolsAUTOMATE, COMPILE AND TRANSFORM

The Build/Task Tools

MSBuildGrunt - TasksGulp.js - Streams

Semantic Versioning

Major.Minor.Patch 0.1.0 1.0.5

Semantic Versioning

Initial Development Version? 0.x.x

Public 1.0.0

Semantic VersioningFix a bug & backwards compatible?Patch Bump

Add functionality & backwards compatible?Minor Bump

Backwards Incompatible?Major Bump

Semantic Versioning1.0.3>=1.0.3~1.0.31.0.x1.x*

NPM PackagesGruntGrunt-Bower-TaskGrunt-Contrib-UglifyGrunt-SassLoad-Grunt-Config

Bower PackagesBootstrapBootstrap-sassjQueryjQuery-ValidationjQuery-Validation-UnobtrusiveHammer.jsBootstrap-Touch-CarouselUnderscore

Questions?HTTPS://GITHUB.COM/SCOTTHECKEL/TALKS

@SCOTTHECKEL

SCOTT.HECKEL@GMAIL.COM