- Editor
- Live Preview
- Problem Description View
- Problem Switcher
Editor mode has the following panes
- Options Bar
- File Browser Pane
- Status Bar
- Editor Pane
Submit Solution
- Submit the final solution after all the changes have been made to the code
- This can't be undone
Upload Workspace
- Upload your local workspace to the IDE
- You need to package your workspace as a zip archive before uploading
- Maximum workspace size allowed is 50MB
- This can't be undone
Download Workspace
- Download the current workspace locally
- Downloaded workspace file would be of format
workspace-<SOLUTION_ID>.zip
File browser lists files and folders of the workspace.
Left Clicking a file opens the file in a new tab Left Clicking a folder opens up files in the folder as a sub tree Right Clicking a file/folder opens up a context menu which has the following options
- New File creates a new file with user specified name in current directory's context
- New Folder creates a new folder with user specified name in current directory's context
- Delete deletes the file/folder
- Rename renames the file/folder
Quick Tip: To create a file/folder in root directory, click on any file in root directory and click New File / New Folder.
Countdown Timer displays the time left for the test/hackathon to be expired in HH:MM:SS format and is auto adjusted to local time
State Bar displays the current connectivity status of the IDE
Note:
- Countdown Timer would be displayed only for Tests (or) Hackathons and are disabled for Sessions
- On network disconnection, IDE retries to establish the connectivity by itself
To edit a file,
- Click on a file from File Browser pane
- File will be opened in a new tab
- Make changes to the file
- To save press the usual key combination
Ctrl + S / Cmd + S - Click Close button to close a tab
Apart, a couple of handy features that come along are
- All changes made to the files are temporarily stored locally. Unsaved file changes would not be lost on browser window refresh
- You may open multiple tabs by clicking on a file from File Browser pane
- Syntax Highlighting is enabled for almost all popular languages
- Gutter would display line specific errors (or) warnings
- When file changes are not saved, the file is in dirty state and a pencil icon would be displayed on the specific tab
- When a file is in dirty state (non-saved state), that tab cannot be closed
Quick Tip: Forgot the shortcut commands? Press
Ctrl + Space / Cmd + Spaceat any point of time to display the available shortcuts
Note: Every workspace of problem type UIX should have the file
index.htmlin workspace root
You needn't download/install a webserver to see your code changes. The Live Preview mode reflects the code changes made instantly.
You might need to see the problem statement (or) mockup frequently when developing an application. The Description Viewer would open a handy sidebar overlay which helps you see the problem statement (or) mockup without moving away from Editor's context.
If a Test/Hackathon/Session has multiple questions, you may switch between each other by clicking on the respective arrows without closing the Editor.