Learn-VS-Code

Head over to Learn VS Code to learn everything you need to know about the most popular editor in Web Development

In just a few years, Visual Studio Code has become the most popular editor for Web Development. In short, it is open source, cross-platform, full of functionality, and has an amazing community behind it. Many of the biggest names in Web Development have already made the switch, and so should you! If you're looking to learn the ins and outs of VS Code while increasing your efficiency and proficiency as developer, this course is perfect for you. Whether you're brand new to Web Development or a seasoned veteran, there's something for everyone.

Shortcut references will use ctrlCmd to represent the control key on Windows and the Command key on Mac. If the shortcuts on Windows vs. Mac are different, they will be separated by the '|' character, with Mac coming first.

Sample Projects to use During Demos

• Build a Quiz App with HTML, CSS, and JavaScript - https://github.com/jamesqquick/Build-A-Quiz-App-With-HTML-CSS-and-JavaScript
• Design and Build a Chat Application with Socket.io - https://github.com/jamesqquick/Design-and-Build-a-Chat-Application-with-Socket.io
• Color Lighten/Darken Tools - https://github.com/jamesqquick/lighten-darken-color-tool

1. Getting Started

In this section, we will discuss available resources, the what and why behind VS Code, and how to download and install.

Learn more

2. Layouts and Shortcuts

In this section, we will open VS Code for the first and explore the layout. We will explore various shortcuts for customizing your layout, working with files, manipulating text, and more.

Learn more

3. Customization

In this section, we will explore how to customize your editor through keymaps/shortcuts, settings, extensions, and themes!

Learn more

4. Writing and Formatting Code

In this section, we learn how to create snippets, work with Markdown documents, organize code, format code, and lint code.

Learn more

6. Integrated Terminal

In this section, we will learn how to use and customize the integrated terminal.

Learn more

7. Working With Git

In this section, we will learn how to take advantage of the built in tooling for Git as well as useful extensions for working with Git as well.

Learn more

8. Debugging

In this section, we will learn how to debug front-end JavaScript and back-end JavaScript as well as Angular, React, and Vue applications.

Learn more

9. Extras

In this section, we will learn about extra misc. features of VS code.

Learn more