Skip to content

Contact sales

By filling out this form and clicking submit, you acknowledge our privacy policy.

Modern Web Development with Visual Studio Code

Course Summary

Microsoft's embrace of open source has resulted in the increasingly popular Visual Studio Code, a lightweight, cross-platform source code editor that runs on your desktop and is available for Windows, macOS and Linux.

This course begins with an overview of the difference between a code editor and an IDE, as well as the changes in the tech world that led to the need for a tool like Visual Studio Code. Students will also explore the default configuration of VS Code and its basic operation, including the command line. The course then explores the day-to-day use of VS Code through a practical lab, creating a basic web application. Refactoring, editing, Intellisense, code snippets, file and code navigation and more will be covered as we modify the application. Along the way, students will learn how to customize the editor's appearance and operation to suit their needs and preferences. The training moves on to demonstrate how VS Code can be used with various common languages, as well as how to integrate code into version control. Then, we'll explore how debugging works in VS Code, after which students will use those skills in a lab. Finally, training concludes with how to integrate VS Code with various external tools via Tasks, giving students the ability to customize VS Code as a primary IDE in a variety of development scenarios.

Purpose
 Learn the basic knowledge of VS Code's use as a code editor and enable customization to use it as a primary development tool.
Audience
 Developers and developer teams looking to get the most out of Visual Studio Code.
Role
Q/A - Software Developer - Technical Manager - Web Developer
Skill Level
Intermediate
Style
Workshops
Duration
1 Day
Related Technologies
JavaScript | HTML / HTML5

 

Productivity Objectives
  • Describe the principles and operation of Visual Studio Code.
  • Configure VS Code for a specific development task.
  • Develop, debug and deploy your source-controlled code using VS Code.
  • Use VS code with your languages of choice.
  • Integrate VS Code with external tools as needed.

What You'll Learn:

In the Modern Web Development with Visual Studio Code training course, you'll learn:
  • Visual Studio Code Basics
    • Difference between code editors and IDEs
    • Need for cross-platform dev tools
  • Installing and Using Visual Studio Code
    • Installation and initial configuration
    • Out-of-the-box features and operation
  • Day-to-day Development with Visual Studio Code
    • Lab: Creating a basic web application with Visual Studio Code
    • Common development tasks (refactoring, Intellisense, snippets, navigation, etc.)
    • Lab: Customizing Visual Studio Code
  • Using Visual Studio Code with Common Languages and Source Control
    • Adding support for new languages
    • Top features for top languages
    • Source control in Visual Studio Code, including Git integration
  • Integrating External Tools with Visual Studio Code
    • Tasks in Visual Studio Code
    • Popular external tools
    • Lab: Integrating an external tool via Tasks
  • Review
    • Visual Studio Code basics
    • Adding extensions and primary editing features
    • Integration and customization
real world content

Real-World Content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.
expert practitioners

Expert Practitioners

Industry experts that bring their battle scars into the classroom.
experiential learning

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.
tailored outlines

Tailored Outlines

One-size-fits-all doesn't apply to training teams. That's where we come in!
“I appreciated the instructor's technique of writing live code examples rather than using fixed slide decks to present the material.”

VMware

Dive in and learn more

When transforming your workforce, it's important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By filling out this form and clicking submit, you acknowledge our privacy policy.