2-675: Modern Web Tooling in Visual Studio 2015

Learn how Visual Studio 2015 integrates with popular modern web tools and client-side frameworks to provide a better and more powerful development experience than ever. Join Mads as he walks you through the use of Gulp, Bower and npm and see how Visual Studio 2015 works with these tools to bring new and better workflows to web development.

1.0x

2-675: Modern Web Tooling in Visual Studio 2015

Created 2 years ago

Duration 1:00:07
lesson view count 2237
Learn how Visual Studio 2015 integrates with popular modern web tools and client-side frameworks to provide a better and more powerful development experience than ever. Join Mads as he walks you through the use of Gulp, Bower and npm and see how Visual Studio 2015 works with these tools to bring new and better workflows to web development.
Select the file type you wish to download
Slide Content
  1. Mads Kristensen

    Slide 1 - Mads Kristensen

    • Sr. Program Manager | Web Tools
    • @mkristensen
    • Modern web tooling in Visual Studio 2015
    • 2-675
  2. Mads Kristensen

    Slide 2 - Mads Kristensen

    • Sr. Program Manager | Web Tools
    • @mkristensen
    • Modern web tooling in Visual Studio 2015
    • 2-675
  3. Agenda

    Slide 3 - Agenda

    • Package managers
    • Task runners
    • Extensions
  4. Client-side package

    Slide 4 - Client-side package

    • JavaScript libraries, CSS frameworks
    • Tooling (and client-side package)
    • Task runners, compilers, bundlers, minifiers
    • Task runners
    • Client-side automation
  5. Client-side package

    Slide 5 - Client-side package

    • JavaScript libraries, CSS frameworks
    • Tooling (and client-side package)
    • Task runners, compilers, bundlers, minifiers
    • Task runners
    • Client-side automation
  6. Goals

    Slide 6 - Goals

    • First-class citizens
    • Solution Explorer integration
    • Task Runner Explorer
    • Feels natural
    • No VS specifics
    • Extensible
    • Optional
  7. Goals

    Slide 7 - Goals

    • First-class citizens
    • Solution Explorer integration
    • Task Runner Explorer
    • Feels natural
    • No VS specifics
    • Extensible
    • Optional
  8. Installer

    Slide 8 - Installer

    • node.exe
    • npm
    • Bower
    • grunt-cli
    • git
    • Web Development
  9. Demo

    Slide 9 - Demo

  10. Demo

    Slide 10 - Demo

  11. Extensions

    Slide 11 - Extensions

    • Web Essentials 2015 RC
    • Add New File
    • Open Command Line
    • Glyphfriend
    • React Snippet Pack
    • Image Optimizer
    • MultiEditing
    • VisualStudioGallery.com
  12. Improve your skills by enrolling in our free cloud development courses at the Microsoft Virtual Academy.

    Slide 12 - Improve your skills by enrolling in our free cloud development courses at the Microsoft Virtual Academy.

    • Try Microsoft Azure for free and deploy your first cloud solution in under 5 minutes!
    • Easily build web and mobile apps for any platform with AzureAppService for free.
    • Resources
  13. Improve your skills by enrolling in our free cloud development courses at the Microsoft Virtual Academy.

    Slide 13 - Improve your skills by enrolling in our free cloud development courses at the Microsoft Virtual Academy.

    • Try Microsoft Azure for free and deploy your first cloud solution in under 5 minutes!
    • Easily build web and mobile apps for any platform with AzureAppService for free.
    • Resources