untangle your front end development with visual studio 2015

21
Untangle Your Front End Development with Visual Studio 2015 SCOTT HECKEL

Upload: scott-heckel

Post on 13-Aug-2015

48 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Untangle Your Front End Development with Visual Studio 2015

Untangle Your Front End Development

with Visual Studio 2015SCOTT HECKEL

Page 2: Untangle Your Front End Development with Visual Studio 2015

Scott Heckel

Consultant

Web and Mobile Development

MSSE University of Minnesota

CMPE & CS University of Wisconsin

Questions? [email protected] @scottheckel

Page 3: Untangle Your Front End Development with Visual Studio 2015

Visual Studio 2015WHAT’S NEW?

Page 4: Untangle Your Front End Development with Visual Studio 2015

ASP.NET 5 and the Core-CLR

Page 5: Untangle Your Front End Development with Visual Studio 2015

New Web Project Structure

Page 6: Untangle Your Front End Development with Visual Studio 2015

Embracing Front End Tooling

Page 7: Untangle Your Front End Development with Visual Studio 2015

The Package ManagersINSTALL AND UPGRADE YOUR DEPENDENCIES

Page 8: Untangle Your Front End Development with Visual Studio 2015

For C# DependenciesReside in…

project.jsonReferences

Page 9: Untangle Your Front End Development with Visual Studio 2015

For Node.js DependenciesReside in…

package.jsonDependencies -> NPM

Page 10: Untangle Your Front End Development with Visual Studio 2015

Bower

For Front-End DependenciesReside in…

bower.jsonDependencies -> Bower

Page 11: Untangle Your Front End Development with Visual Studio 2015

The Build/Task ToolsAUTOMATE, COMPILE AND TRANSFORM

Page 12: Untangle Your Front End Development with Visual Studio 2015

The Build/Task Tools

MSBuildGrunt - TasksGulp.js - Streams

Page 13: Untangle Your Front End Development with Visual Studio 2015
Page 14: Untangle Your Front End Development with Visual Studio 2015

Semantic Versioning

Major.Minor.Patch 0.1.0 1.0.5

Page 15: Untangle Your Front End Development with Visual Studio 2015

Semantic Versioning

Initial Development Version? 0.x.x

Public 1.0.0

Page 16: Untangle Your Front End Development with Visual Studio 2015

Semantic VersioningFix a bug & backwards compatible?Patch Bump

Add functionality & backwards compatible?Minor Bump

Backwards Incompatible?Major Bump

Page 17: Untangle Your Front End Development with Visual Studio 2015

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

Page 18: Untangle Your Front End Development with Visual Studio 2015
Page 19: Untangle Your Front End Development with Visual Studio 2015

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

Page 20: Untangle Your Front End Development with Visual Studio 2015

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

Page 21: Untangle Your Front End Development with Visual Studio 2015

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

@SCOTTHECKEL

[email protected]