{"id":283,"date":"2025-02-27T14:47:34","date_gmt":"2025-02-27T14:47:34","guid":{"rendered":"https:\/\/boyan-tabakov.xyz\/?p=283"},"modified":"2025-02-27T14:49:10","modified_gmt":"2025-02-27T14:49:10","slug":"how-to-use-boyans-online-python-interpreter","status":"publish","type":"post","link":"https:\/\/boyan-tabakov.xyz\/index.php\/2025\/02\/27\/how-to-use-boyans-online-python-interpreter\/","title":{"rendered":"How To use Boyan’s Online Python Interpreter"},"content":{"rendered":"\n

Guide for version 0.4.3 Beta (if not updated, this guide applies still to current version)<\/p>\n\n\n\n

Opening Boyan’s Online Python interpreter looks like this, for the first time:
<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Scrolling down you will see the terminal that prints the version number:
<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

There is an option to run Linux, but it can be ignored, as it does not work currently.<\/p>\n\n\n\n

The Code Editor<\/p>\n\n\n\n

The code editor is based on the VS Code editor, Monaco.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

By default, you will get a script.py with the code above.<\/p>\n\n\n\n

Let’s go over the tab system.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

We have zoomed it in for this demonstration.<\/p>\n\n\n\n

You can click the + icon on the right to create a new tab.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Clicking it will create a new tab that you can then switch over to.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Each tab will come with the default pregenerated code. It can be erased quickly with Ctrl + A<\/code> then Backspace<\/code>.<\/p>\n\n\n\n

This is how it looks like with the code erased:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

You can hover over a tab to rename it or close it.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

The button that looks like a text cursor is a rename button, and the X button closes the tab.<\/p>\n\n\n\n

Closing a tab deletes the code inside it permanently. You will be shown a warning before the tab is deleted.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Clicking on the rename button will take you to this screen:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

You can rename your file here and click Rename button to finalize the changes.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

You can also drag and drop tabs to change their order, as shown below.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n
\n
\"\"<\/figure>\n<\/div>\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

Let’s cover some right click functions too. (You can right click on mobile device by holding down your finger on the editor)<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Right clicking shows you this menu. You have Undo and Redo, and some default editor functions, and the 3 I added:<\/p>\n\n\n\n

You can select code and search on Google to get an idea of what it means. Here is an example:<\/p>\n\n\n\n