Visual Studio Code for Web Developers

Visual Studio Code for Web Developers

1h 21mIntermediate2017-04-25

Authors

Joe Marini

Joe Marini

Senior Developer Advocate at Google, Developer

Course details

A great code editor is a crucial addition to any web developer's arsenal of tools. In this course, learn how to make the most of Visual Studio (VS) Code—the powerful code editor from Microsoft—when working with web-based projects.
Joe Marini kicks off the course by taking you through the app's user interface, and showing how to work with its basic editing features. Next, Joe demonstrates how to customize VS Code by configuring preferences, setting your own keyboard shortcuts, and working with snippets. He also explains how to maximize your productivity by installing and managing extensions from the Visual Studio Marketplace. Plus, he discusses how VS Code works with folders and collections of files, helps you understand the IntelliSense feature, and dives into the app's advanced code editing features, such as automatic formatting.

Learning objectives
Installing Visual Studio Code
The VS Code UI
Understand how VS Code works with built-in Git integration
Customizing VS Code
Configuring preferences
Setting keyboard shortcuts
Using extensions
Working with snippets
Using VS Code to edit different parts of the same file
Using multiple selections
Understanding how VS Code works with JSON files

Skills covered

Visual StudioWeb Development ToolsSoftware Development ToolsWeb DevelopmentMicrosoftSoftware DevelopmentOne-Off

Concepts

0. Introduction

  • 01 - Welcome
  • 02 - Using the exercise files
  • 03 - Installing Visual Studio (VS) Code

1. Overview of VS Code

  • 04 - The VS Code UI
  • 05 - Basic editing
  • 06 - The integrated terminal
  • 07 - Integrated Source Control

2. Customizing VS Code

  • 08 - Configuring preferences
  • 09 - Setting keyboard shortcuts
  • 10 - Using extensions
  • 11 - Essential extensions
  • 12 - Working with snippets
  • 13 - Color and icon themes

3. Using the Editor

  • 14 - Files, folders, and projects
  • 15 - Side by side editing
  • 16 - IntelliSense
  • 17 - Finding and replacing

4. Advanced Editing

  • 18 - Editor features
  • 19 - Web code editing
  • 20 - Navigating code
  • 21 - Using multiple selections
  • 22 - JSON and schemas

Conclusion

  • 23 - Next steps
40,000 Toman