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 frontend applications wherever you need them in a lesson. 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 in 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:

A detailed explanation of the Workspace widget can be found in our next lesson.