Skillpies.com

💼 EDITOR

by Tomas Trescak

t.trescak@westernsydney.edu.au

and Ava with Natasha

ai-Voices (US, AU)

Let us present all the features of the interactive code editor experience. Buckle up!

First, there is the section header with the status info. The green marbles represent sections in the course that you completed, yellow ones are still pending, while grey ones you never visited. You can also see the experience points you collected in this section.

Then, there is the presentation view, which you are watching now. Feel free to pause the presentation anytime to explore individual bits of the interface.

If you prefer text to video, you can see the transcript below the presentation. You can also print this transcript in the form of slides! Pretty cool, huh?

Then, there is a description that provides further information to the presentation, or summarises the presentation in the style of a lecture.

Some sections allow you to consult our handy assistant, Maggie! Maggie is using the power of Generative AI to provide helpful answers to any questions you might have about the content. Try it out!

If Maggie cannot answer your question, try asking your colleagues and community in the discussion section below! This may take some time to respond, but we 'll notify you of any answer to your mail!

Then, there is the text editor ...

On the top of the editor we see the file tabs, allowing you to switch to the file you wish to modify.

Below is the status line, showing any compilation errors you may encounter when modifying source code. If you log any messages to the console a handy console also appears here.

Below the editor is the result view. If your code produces any text or graphics, it will most probably appear here.

To run your code, please press the Run button.

You can also change the layout of this editor, if you prefer to see a bigger code editor instead of the presentation and description.

    window.addEventListener("DOMContentLoaded", function() {
    window.sum = (a, b) => {
      return a-b;
    }
}, false);

👍🏽