Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>League Lesson BrowserNew to Visual Studio Code? Get it now.
League Lesson Browser

League Lesson Browser

The League of Amazing Programmers

|
6 installs
| (0) | Free
Display programming lessons defined in a YAML syllabus
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

League VSCode Extension

Overview

The League Lesson Browser extension provides a sidebar webview for managing Python lessons. It includes action buttons for common tasks such as running Python scripts, stopping programs, and marking lessons as complete. The Extension also simplifies the UI for students, organizes panels according to the lesson structure. It is designed to work with League curriculum.

Screenshot

Features

  • Webview for Action Buttons: A sidebar webview that displays action buttons for common tasks such as running Python scripts, stopping programs, and marking lessons as complete.
  • Python File Detection: Automatically detects open Python files and updates the webview accordingly.
  • Run and Debug: Easily run and debug Python scripts with a single click.
  • Focus Management: Maintains focus on the lesson browser view after running or debugging scripts.

Example

This extension is intended to work with League curriculum, for example, Python Apprentice. These lessons have a YAML format syllabus, and are typically run on a specific Docker image that provides a NoVNC based virtual screen.

Configuration

If you are developing a lesson syllabus, set the jtl.syllabus.dev setting to True, or set the JTL_SYLLABUS_DEV environment variable to True. This will enable the development mode, which will prevent the extension from re-configuring the UI and automatically opening the first lesson.

The Syllabus file can be set with the jtl.syllabus.path setting, or the JTL_SYLLABUS environment variable.

Available Commands

The extension provides the following commands:

Command Name Keybinding (if set)
League: Open Virtual Display
League: Open Virtual Display on Right
League: Close Virtual Display
League: Toggle Virtual Display
League: Open Lesson
League: Toggle Lesson Completion
League: Mark Lesson Completed
League: Clear Lesson Completion
League: Redirect to Page
League: UI: Simplify UI for Students
League: UI: Restore Default UI Settings
League: UI: Toggle Between Simple and Default UI, and Toggle File Visibility Ctrl+Alt+J (Windows/Linux), Ctrl+Alt+J (Mac)
League: Files: Hide Dot and Special Files
League: Files: Show Hidden Files

For Developers and Instructors

Restore the UI

This extension will simplify the UI for students, but this simplification can complicate normal development. You can turn it on and off with the "League: UI: *" commands. You can also toggle hiding files with "League: Files:"

License

This extension is licensed under the MIT License. See the LICENSE file for more details.

Support

For any issues or feature requests, please open an issue on the GitHub repository.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft