Yoko: Live coding without really coding.

This content originally appeared on DEV Community and was authored by Ayobami Ogundiran

Yoko

Yoko is a VSCode extension designed to enhance your live coding sessions, programming tutorials, and teaching experiences.

It allows you to simulate live coding without actually typing any character, making your presentations smoother and more engaging. You only need to focus on audio recording.

Features

• Simulated Live Coding: Copy and paste code while the extension controls the pace of text appearance.

• Pause and Resume:
  Easily pause the simulated typing when you need to explain concepts.

• Undo/Redo Integration: Seamlessly works with VSCode's built-in undo and redo features.

• Multi-language Support: Compatible with all programming languages and text files supported by VSCode.

You can also use backspace to delete characters by the last line of your documents but use delete anywhere else to create some effects.

• Support modifier keys

Yoko doesn’t allow you to press alphabets or numbers but you can still use modifier keys like ctrl, cmd, delete, alt etc., to uncomment, comment, delete, highlight and so on to simulate real experience.

• Support the filter pan

You can use the filter pan as usual.

Installation

1. Open Visual Studio Code.
2. Press Ctrl+P to open the Quick Open dialog.
3. Type ext install codingnninja.yoko to find the extension.
4. Click Install.
5. Or search for Yoko in VSCode extensions navigation pan.

Usage

1. Open a file you want to use for your live coding session.

2. Activate Yoko by pressing Ctrl+Shift+P (or Cmd+Shift+P on macOS) then find and click “Yoko: Teach programming like a PRO”. Alternatively, simply press Ctrl+Shift+c (or Cmd+Shift+c on macOS).

3. After the content of your editor has disappeared, press spacebar to simulate typing. Yoko will control the pace at which the text appears.

4. Use backspace to simulate deleting.

We welcome your feedback and suggestions for future improvements!

Thanks for reading 👍🏻.

This content originally appeared on DEV Community and was authored by Ayobami Ogundiran

Print Share Comment Cite Upload Translate Updates

APA

Ayobami Ogundiran | Sciencx (2024-07-29T13:14:29+00:00) Yoko: Live coding without really coding.. Retrieved from https://www.scien.cx/2024/07/29/yoko-live-coding-without-really-coding/

MLA

" » Yoko: Live coding without really coding.." Ayobami Ogundiran | Sciencx - Monday July 29, 2024, https://www.scien.cx/2024/07/29/yoko-live-coding-without-really-coding/

HARVARD

Ayobami Ogundiran | Sciencx Monday July 29, 2024 » Yoko: Live coding without really coding.., viewed ,<https://www.scien.cx/2024/07/29/yoko-live-coding-without-really-coding/>

VANCOUVER

Ayobami Ogundiran | Sciencx - » Yoko: Live coding without really coding.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/29/yoko-live-coding-without-really-coding/

CHICAGO

" » Yoko: Live coding without really coding.." Ayobami Ogundiran | Sciencx - Accessed . https://www.scien.cx/2024/07/29/yoko-live-coding-without-really-coding/

IEEE

" » Yoko: Live coding without really coding.." Ayobami Ogundiran | Sciencx [Online]. Available: https://www.scien.cx/2024/07/29/yoko-live-coding-without-really-coding/. [Accessed: ]

rf:citation

» Yoko: Live coding without really coding. | Ayobami Ogundiran | Sciencx | https://www.scien.cx/2024/07/29/yoko-live-coding-without-really-coding/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.