Coducate

Coducate makes instructor-led live coding sessions more interactive, structured, and efficient. Whether you are teaching programming concepts, demonstrating coding techniques, or guiding participants through hands-on exercises, Coducate simplifies the process with powerful tools. It allows instructors to share their code in real-time, grant participants write access for interactive participation, and manage contributions with a built-in diff editor. Features like AI-powered code suggestions, terminal emulation, interactive notes, and a customizable web view—inspired by PowerPoint’s presentation mode—help create an engaging and structured learning environment. The web view separates the instructor’s view from the participants’ view, allowing instructors to maintain their preferred setup while participants access a distraction-free interface on any browser-accessible device. This also enables the use of in-editor notes and AI code suggestions without exposing them to participants.

Features and Commands

Start and End Live Sessions

Effortlessly begin or end your live coding sessions with Coducate.

• Command: Coducate: Start Session
  • Starts a new session or joins an existing session. Allows the instructor to set a room name, password, and optionally add a task description and/or learning goals.
• Command: Coducate: End Session
  • Ends the current live coding session.

Demo:

Start Session:

End Session:

Manage Sessions

Easily manage past and ongoing sessions.

• Command: Coducate: Manage Sessions
  • View, rename, or delete previous sessions and retrieve room passwords.

Demo:

Participant Access Management

Control participant permissions to foster collaborative coding.

• Command: Coducate: Grant Write Access
  • Grant editing permissions to specific participants or all participants.
• Command: Coducate: Revoke Write Access
  • Revoke editing permissions from specific participants or all participants.
• Diff-Editor View: Compare the instructor's code with the participants' code in a side-by-side view to manage contributions effectively.
  • Accept Changes: Write the participants' code back to the instructor's VS Code editor.
  • Reject Changes: Discard the participants' code and retain the instructor's version, rolling back the participants' changes in the web view.

Demo:

Terminal Emulation

Provide participants with a real-time view of the instructor's terminal activity.

Note: The terminal displayed in the web view is an emulated terminal and is always read-only for participants. The instructor interacts with the actual pseudo-terminal directly within VS Code.

• Command: Coducate: Emulate Terminal
  • Opens a pseudo-terminal running Bash (or WSL for Windows) in the instructor's environment. Input and output from the pseudo-terminal are synchronized and displayed in the emulated terminal across all web views.

Demo:

Notes Management

Enhance your session with dynamic in-editor notes.

• Command: Coducate: Create Note

  • Replace selected lines of code with a named note, providing inline suggestions in multiple modes:
    • type it manually
    • reveal it word-by-word (Ctrl+Right (Windows/Linux), Cmd+Right (Mac))
    • line-by-line (Ctrl+Shift+Right (Windows/Linux), Cmd+Shift+Right (Mac))
    • display it all at once (Tab).

• Command: Coducate: Remove Notes

  • Delete notes from the current file, the entire workspace, or specific notes by clicking their Code Lens.

Demo:

Toggle Code Suggestions

Use AI-driven inline suggestions based on your notes or merge them with other AI tools like GitHub Copilot.

• Command: Coducate: Toggle Suggestions
  • Enables or disables inline code suggestions which are based on the notes. Suggestions from other AI tools remain visible.
• Keybinding: Ctrl+Shift+U

Customize Web View

Modify the web view appearance to create an optimal teaching environment, such as adjusting the font size to ensure readability. Customizations can also be made directly within the web view.

Note: This command affects all web views, including those of the instructor and participants.

• Command: Coducate: Open Terminal / Coducate: Close Terminal

  • Open or close the emulated terminal in the web view.

Note: The following commmands only affect the instructor's web view.

• Command: Coducate: Open Explorer / Coducate: Close Explorer

  • Open or close the file explorer in the instructor's web view.

• Command: Coducate: Show Room ID / Coducate: Hide Room ID

  • Display the room ID on full screen in the instructor's web view.

• Command: Coducate: Change Font Size

  • Adjust the font size of the editor and the emulated terminal in the instructor's web view.

• Command: Coducate: Change Theme

  • Switch between light and dark themes in the instructor's web view.

Demo:

Task Description and Learning Goals

Set the task description and learning goals for your live coding session by selecting two Markdown files when starting a new session.

Demo:

Requirements

Coducate requires the following:

• VS Code Version: 1.95.0 or higher.
• Internet Connection

Settings

Coducate includes the following settings. These can be set in user or workspace settings.

The coducate.excludedDirectories setting is used to exclude directories from syncing. By default, the following directories are excluded:

{
    "coducate.excludedDirectories": [
        "node_modules",
        ".git",
        "dist",
        "build",
        ".vscode",
        "coverage",
        "out",
        "tmp",
        "logs",
        ".cache",
        "__pycache__",
        ".DS_Store",
        ".idea",
        ".next",
        ".expo",
        "venv",
        "target"
    ]
}

The coducate.excludedFileExtensions setting is used to exclude files with specific extensions from syncing. By default, the following file extensions are excluded:

{
    "coducate.excludedFileExtensions": [
        ".DS_Store",
        ".env",
        ".env.local",
        ".env.development",
        ".env.production",
        ".env.test",
        ".env.example",
        ".ipynb"
    ]
}

Keybindings

Coducate includes the following default keybindings:

• Toggle Suggestions: Ctrl+Shift+U
• Accept Next Line Suggestion: Ctrl+Shift+Right (Windows/Linux), Cmd+Shift+Right (Mac) when inline suggestions are visible.