VS Code Course Topics (Basic to Advanced)

 

VS Code Course Topics (Basic to Advanced)

1. Introduction to VS Code (Basics)

  • What is Visual Studio Code?

  • Installing VS Code on Windows/Linux/Mac

  • Understanding the User Interface

    • Activity Bar

    • Side Bar (Explorer, Search, Source Control, Run & Debug, Extensions)

    • Status Bar

    • Command Palette

  • Opening and Managing Files & Folders

  • Basic Editing Features

    • Cut, Copy, Paste

    • Undo/Redo

    • Multi-cursor editing

    • Find and Replace

2. Customization & Settings

  • User Settings vs Workspace Settings

  • Themes (Light/Dark/Custom)

  • Font & Editor Settings

  • Keybindings (Custom Shortcuts)

  • Settings Sync (Cloud Sync)

3. Extensions in VS Code

  • Installing and Managing Extensions

  • Must-have Extensions (Prettier, ESLint, GitLens, Live Server, etc.)

  • Language Support Extensions (Python, Java, C++, etc.)

  • Productivity Extensions (Bookmarks, TODO Highlight, Path Intellisense, etc.)

4. Integrated Terminal & Command Palette

  • Opening & Using the Integrated Terminal

  • Running Commands from Terminal

  • Using Command Palette for Quick Actions

5. Source Control (Git & GitHub)

  • Git Basics inside VS Code

  • Initializing Git Repository

  • Staging, Committing, and Pushing Code

  • Branch Management

  • GitLens & Git Graph Extensions

  • GitHub Integration with VS Code

6. Debugging in VS Code

  • Debugging Basics (Breakpoints, Step In/Out, Continue, Watch Variables)

  • Debugging JavaScript/Node.js apps

  • Debugging Python apps

  • Debugging with launch.json

  • Attaching Debugger to Running Processes

7. Working with Projects & Frameworks

  • Using VS Code for Web Development

    • HTML, CSS, JavaScript

    • Live Server for instant preview

  • Using VS Code for Node.js/Express

  • Using VS Code for Python (Jupyter Notebooks, Django, Flask)

  • Using VS Code for Java, C++, and C# projects

8. Productivity & Advanced Editing Features

  • Snippets (User & Project Snippets)

  • Emmet Abbreviations (HTML & CSS Shortcuts)

  • Code Navigation (Go to Definition, Peek, Find References)

  • Refactoring Tools (Rename Symbol, Extract Method)

  • Multi-root Workspaces

  • Split Editors & Editor Groups

9. Remote Development & Collaboration

  • Remote Development Extensions (SSH, WSL, Docker)

  • Remote - Containers (Dev Containers)

  • VS Code with GitHub Codespaces

  • Live Share for Real-time Collaboration

10. Advanced Configuration & Optimization

  • Settings JSON Deep Dive

  • Workspace vs User Configurations

  • Performance Optimization (disable unused extensions, profiles)

  • VS Code Profiles (separate environments for projects)

11. Advanced Debugging & Testing

  • Writing and Running Unit Tests inside VS Code

  • Debugging Multi-language Projects

  • Using Debug Console effectively

  • Test Explorer Extensions

12. Building Your Own Extensions

  • Introduction to VS Code Extension API

  • Creating a Simple Extension (Hello World)

  • Publishing Extensions to Marketplace