Available Widgets

Overview

In our previous lesson, we learned about task anatomy. Now, let’s explore the Coding Environment available for our projects.

Single Page Apps (SPA)

The SPA widget is one of the most powerful features on the platform. It allows you to create front-end applications wherever you need them in a lesson. The SPA widget has six default loaders and supports custom docker environments. The widget can also test users with frontend-based exercises. In a project, the SPA widget’s editor view is as follows:

Code Widget

The Code widget provides a range of functionalities like:

• Executing the code
• Creating an exercise
• Highlighting the specific code blocks
• Adding the hidden code
• Taking input from the user

In a project, the Code widget’s editor view is as follows:

RunJS

The RunJS widget can be used to create web pages that support JavaScript. We can write the HTML, CSS, and JavaScript for our page. It is the perfect tool to incorporate client-side development into our projects. In a project, the RunJS widget’s editor view is as follows:

Terminal

The Terminal is a “Ubuntu 20.04.3 LTS” based terminal. Authors can add it to their projects as an integrated terminal by choosing it from the widgets list. In a project, the Terminal’s editor view is as follows:

Most of our projects are built using the Workspace widget. A detailed explanation of this widget can be found in our next lesson.