Using Code Editor in Virtual Classroom

Avatar

By Pradeep N

updated about 1 month ago

BrainCert virtual Classroom comes integrated with a modern, sleek-looking, feature-rich, and collaborative code editor to teach programming online. It provides powerful IDE-like features along with support for scripting languages such as HTML, CSS, Python, PHP, etc. letting the instructor teach code with great speed and efficiency. This advanced code editor also supports changing editor background for an enhanced view. Instructors can also pass controls to the students to code together.

Step 1

To access the code editor, select the code editor tool on top right side.


The Code Editor offers contextual help and syntax highlighting for several programming languages.


Click on the 'Help' icon to view the supported keyboard shortcuts.


Lock/Unlock Code Editor tabs

While collaborating with students, the instructor can lock or unlock the code editor tab. When unlocked, the students can collaboratively code together.


Supported programming languages

The following programming languages are supported.

  • C
  • C++
  • C#
  • CSS
  • Go
  • HTML
  • Java
  • JavaScript
  • JSON
  • PHP
  • Python
  • Ruby
  • SQL


Color Theme

The background and text color can be easily changed with a click of a button. Every attendee has the ability to customize the theme based on their personal preferences.


Key Map

BrainCert offers key bindings that can be set based on individual preference. The default key bindings are plenty powerful, but if you prefer, they can be mapped to more closely emulate the bindings in Sublime Text or Vim.


Save/Export Code

The code from the editor tab can be saved locally to your computer by clicking on the export icon.


Expand/Collapse Code Editor on the Whiteboard

Users can easily expand and collapse the entire Code Editor on the whiteboard for better productivity.




Did this answer your question?