Modern Front-End Web Development with Visual Studio BRK3287 Modern Front-End Web Development with Visual Studio Jeffrey T. Fritz Sr. Program Manager – ASP.NET © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Agenda Why Visual Studio for Front-End Web Development Simplify Your Development Experience Automate Your Development Experience Web Essentials © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Why Visual Studio for Web Development? Amazingly extensible IDE that can support ANY language .NET (C#, VB, F#), C++, JavaScript, NodeJS, TypeScript, Python, Java Built in editor support for CSS, JavaScript, SCSS, LESS, TypeScript Task Runner that supports most popular formats Grunt, Gulp, npm, WebPack © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Why Extensions? Visual Studio RTMs every 2 or 3 years Web moves faster 9/14/2018 4:37 PM Why Extensions? Visual Studio RTMs every 2 or 3 years 2017, 2015, 2013, 2012, 2010, 2008, 2005, 2003 Web moves faster © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual Studio Makes Complex Things Easy 9/14/2018 4:37 PM Visual Studio Makes Complex Things Easy Jeffrey T. Fritz © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Visual Studio Automates the Easy Things 9/14/2018 4:37 PM Visual Studio Automates the Easy Things Jeffrey T. Fritz © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9/14/2018 4:37 PM Web Essentials Free Visual Studio extension – http://vswebessentials.com Huge Collection of Web Features Open Source – Apache 3.0 license 3 million downloads Community Owned © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Web Essentials 2010 - 2015 CSS Tools .d.ts generation Image Optimizer 9/14/2018 4:37 PM Web Essentials 2010 - 2015 CSS Tools .d.ts generation Image Optimizer Bundling/minification Web Compiler Image Sprites JavaScript Tools ZenCoding Browser Link HTML Tools © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Web Essentials 2017 CSS Tools ZenCoding HTML Tools Web Compiler Microsoft Build 2017 9/14/2018 4:37 PM Web Essentials 2017 CSS Tools ZenCoding HTML Tools Web Compiler JavaScript Tools Bundler Minifier Image Optimizer Image sprites © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Resources Links to extensions, sample code: 9/14/2018 4:37 PM Resources Links to extensions, sample code: http://tinyurl.com/IgniteWeb2017 http://aka.ms/WebDevBlog Twitter: @csharpfritz © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Please evaluate this session Tech Ready 15 9/14/2018 Please evaluate this session From your Please expand notes window at bottom of slide and read. Then Delete this text box. PC or tablet: visit MyIgnite https://myignite.microsoft.com/evaluations Phone: download and use the Microsoft Ignite mobile app https://aka.ms/ignite.mobileapp Your input is important! © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9/14/2018 4:37 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.