Put runnable code in your materials

Your students do not have to open JDoodle to use a project. You can bring the code to the place where they are already reading.

• Send a link

  Every project has its own web address. Paste it into your notes, a worksheet, an email, or your learning platform. It opens in JDoodle when a student clicks it.

  Good for an exercise you want students to work on and keep.

• Add the editor to your page

  The editor runs inside your own page. Students read your explanation and run the code without leaving it.

  Good for explaining how something works, one example at a time.

Sending a link

Every saved project has a web address. Share it like any other link.

You choose who can open it: anyone with the link, or only the people you invite. If you want each student to keep their own version instead of sharing yours, turn on Give each person their own copy when you invite them.

Adding the editor to your page

An embed shows a project inside someone else's page. You choose the code, the language, and what the reader is allowed to change.

An embed points at your project. When you edit the project, every page that shows the embed updates too. You fix a mistake once, instead of correcting all your material.

Sending code from your own page

There is a third way, useful if your course pages already show code the way you want it. Keep your own code block, and add a button that opens that code in JDoodle when a student presses it.

It is a plain HTML form, so it works in any page you can add HTML to, and needs no scripting. See posting code to JDoodle.

Which one to use

• A link. When the code is the task, and students will work in it.
• An embed. When the code is part of an explanation, and running it helps a student understand.
• A post button. When your page already presents the code well and you only need somewhere to run it.

What next

When you want to see what your students wrote, you do not need to collect anything.

Embeds covers building and customising the embed itself, and post code to JDoodle covers sending code from your own page into the editor.