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.
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.
3. Customization
In this section, we will explore how to customize your editor through keymaps/shortcuts, settings, extensions, and themes!
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.
6. Integrated Terminal
In this section, we will learn how to use and customize the integrated terminal.
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.
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.
9. Extras
In this section, we will learn about extra misc. features of VS code.