Visual Studio Tips for Web Developers

45mBeginner2018-12-03

Authors

Walt Ritscher

Programmer, UI Designer, Staff Instructor at LinkedIn Learning

Course details

Visual Studio is a popular and powerful IDE that offers developers an array of helpful tools and features. In this course, instructor Walt Ritscher shares some of his favorites, providing you with practical tips that can help you streamline your web development workflow and make your developer environment a more pleasant place to visit. Learn how to configure and work with Browser Link, a feature that allows you to connect multiple browsers together and synchronize changes across them when testing web applications. Plus, explore essential extensions such as the Markdown Editor and Roslynator 2017.

Learning objectives
Configuring settings to suggest best NuGet packages for a project
Configuring Browser Link and the extension
Viewing SVG files in the IDE
Using the Zen Coding expander to enter HTML
Essential extensions, including Markdown Editor and Spell Checker

Skills covered

Visual Studio CodeWeb Development ToolsSoftware Development ToolsPersonaWeb DevelopmentMicrosoftSoftware Development

Concepts

0. Introduction

01 - Make Visual Studio more productive when making web applications
02 - How to access the sample code on GitHub

1. Tips

03 - Configure settings to suggest best NuGet packages for a project
04 - Essential extension - Web Essentials
05 - Configure Browser Link and the extension
06 - Work with Browser Link
07 - View SVG files in the IDE
08 - Essential extension - Spell Checker
09 - Use the Zen Coding expander to enter HTML
10 - Essential extension - editorconfig IntelliSense
11 - Essential extension - Markdown Editor
12 - Essential extension - Roslynator 2017

2. Setting Up Your Environment

13 - Clone the GitHub repo to your developer computer
14 - Open a solution from Team Explorer
15 - Use Checkout to open exercise files from Git branches

Conclusion

16 - See more tips in other courses