1. 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.

2. 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.

3. 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.

4. 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.

5. 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.

6. 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.

7. 9/14/2018 4:37 PM
Web Essentials
Free Visual Studio extension –
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.

8. Web Essentials 2010 - 2015 CSS Tools .d.ts generation Image Optimizer
9/14/2018 4:37 PM
Web Essentials
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.

9. 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.

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

11. 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
Phone: download and use the Microsoft Ignite mobile app
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.

12. 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.