Anatomy of a Task

Overview

In our previous lesson, we explored the hierarchy of a category and tasks. At the same time, we must be aware of the anatomy of a task that will help us in our task creation. Let’s start by adding the task description as follows:

As shown above, we have added the task description on the right side of the screen. Do keep in mind that the task description should specify what needs to be done without going into too much about how. There should be sufficient information in the task description to help the learner complete the task.

The task description is followed by Hints.

Adding hints

The task description is followed by one or more hints. We can add the hints environment as follows:

After performing the above-annotated steps, we can add the hint text as follows:

Note: Hints should be brief and should not contain the exact solution. They can be used to refer to library functions that might be useful, to a particular syntax, or to any other detail that can help the learner complete the task.

Adding solution

We must add a solution for every task for our learners. The solution should be exact and explicitly name the files that need to be modified. We can add a solution by performing the procedure of adding a hint as shown below:

Replace the hint with a solution this time as annotated above.

Live example

That is how the anatomy of a task (step) should be. Let’s see how it looks once our project is live on Educative’s platform.

The above-provided screenshot is from one of the live projects available at Educative’s platform and depicts the task anatomy once our project is live on Educative’s platform.

Now let’s jump right into the available widgets in our following lesson.