{"id":209,"date":"2025-10-23T12:37:26","date_gmt":"2025-10-23T17:37:26","guid":{"rendered":"https:\/\/sts.doit.wisc.edu\/training-materials\/?post_type=trainer_guide&p=209"},"modified":"2026-06-30T13:49:18","modified_gmt":"2026-06-30T18:49:18","slug":"vs-code-trainer-guide","status":"publish","type":"trainer_guide","link":"https:\/\/sts.doit.wisc.edu\/training-materials\/trainer_guide\/vs-code-trainer-guide\/","title":{"rendered":"VS Code Trainer Guide"},"content":{"rendered":"\n
\n

Objective:<\/h2>\n\n\n\n

Equip participants with foundational knowledge of Visual Studio Code (VS Code), its essential features, customization options, and practical skills for software development.<\/p>\n<\/section>\n\n\n\n

\n

Target Audience:<\/h2>\n\n\n\n

Beginners in programming or web development who want to improve their efficiency using VS Code.<\/p>\n<\/section>\n\n\n\n

\n

Key Sections<\/h2>\n\n\n\n
    \n
  1. Introduction to VS Code<\/li>\n\n\n\n
  2. Tools & Interface Overview<\/li>\n\n\n\n
  3. Hands-on Activities (Navigating VS Code, Extensions, Terminal, Debugging)<\/li>\n\n\n\n
  4. Advanced Features (Git Integration, Customization, Keyboard Shortcuts)<\/li>\n\n\n\n
  5. Q&A and Additional Resources<\/li>\n<\/ol>\n<\/section>\n\n\n\n
    \n

    Workshop Flow<\/h2>\n\n\n\n

    Introduction<\/h2>\n\n\n\n

    Key Points to Cover:<\/h3>\n\n\n\n
    \n
    \n
      \n
    • What is VS Code, and why is it popular?<\/li>\n\n\n\n
    • How it compares to other editors (e.g., Notepad++, Atom, PyCharm).<\/li>\n\n\n\n
    • Real-world applications:<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n

      Resources:<\/h3>\n\n\n\n

      Slides \u2013 “Intro to VS Code.”<\/p>\n\n\n\n

      Demo \u2013 Show a pre-configured VS Code workspace with a real project.<\/p>\n\n\n\n

      Reminders:<\/h3>\n\n\n\n
      \n
      \n
        \n
      • Ask engaging questions to gauge familiarity:<\/li>\n\n\n\n
      • Keep it interactive by showing a side-by-side comparison of a simple text editor vs. VS Code.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n

        Tools & Interface Overview<\/h2>\n\n\n\n
        \n
        \n

        Key Points to Cover:<\/h3>\n\n\n\n

        VS Code Layout:<\/p>\n\n\n\n

          \n
        • Explorer Panel: Managing files and folders.<\/li>\n\n\n\n
        • Editor Window: Where code is written and edited.<\/li>\n\n\n\n
        • Integrated Terminal: Running commands without leaving the editor.<\/li>\n\n\n\n
        • Extensions Marketplace: Adding plugins to enhance functionality.<\/li>\n\n\n\n
        • Status Bar: Git status, errors, and notifications.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n

          Keyboard Shortcuts & Productivity Features:<\/p>\n\n\n\n

            \n
          • Ctrl + P \u2192 Quick file search.<\/li>\n\n\n\n
          • Ctrl + Shift + P \u2192 Open the Command Palette.<\/li>\n\n\n\n
          • Ctrl + ~ \u2192 Open the integrated terminal.<\/li>\n<\/ul>\n\n\n\n

            Activity:<\/h3>\n\n\n\n
              \n
            • Open a project in VS Code.<\/li>\n\n\n\n
            • Explore the interface, identify each component.<\/li>\n<\/ul>\n\n\n\n

              Resources:<\/h3>\n\n\n\n
                \n
              • Slides & Screenshots explaining interface components.<\/li>\n\n\n\n
              • VS Code cheat sheet for shortcuts.<\/li>\n<\/ul>\n\n\n\n

                Resources:<\/h3>\n\n\n\n
                  \n
                • Ensure everyone has VS Code installed in advance.<\/li>\n\n\n\n
                • Encourage students to follow along on their own machines.<\/li>\n<\/ul>\n<\/section>\n","protected":false},"featured_media":0,"template":"","class_list":["post-209","trainer_guide","type-trainer_guide","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/trainer_guide\/209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/trainer_guide"}],"about":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/types\/trainer_guide"}],"wp:attachment":[{"href":"https:\/\/sts.doit.wisc.edu\/training-materials\/wp-json\/wp\/v2\/media?parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}