Basic Code Activity Widget:

The Code Activity widget is one of the widgets you can use to collect work in from your students. It allows your students to submit computer code as:

HTML 

Javascript 

PHP

or Python

This can be selected when you click the Edit Code button in the editing panel and select the drop down options.

The code entered will colour code automatically and lint. That is to say it will highlight any errors such as unclosed tags. It will auto-complete mots tags and quotes for you, mirroring the functionality in most code editors. Linting and auto-complete do not run for students when they are interacting with the widget.

As a teacher, you can add starting code to the widget and set a task for your students to amend it, or leave it blank.

Success Criteria can be added as well, allowing you to give more detail around what you expect the students to be able to do.

This widget is the same as the activity in the New Assignment wizard. By making it available in the widget tray, this means you can construct a complete independent learning homework around the activity and then either assign the site or page.

It is worth noting that this widget will not run or process any code displayed. We built this widget following conversations with schools where they reported firewalls and antivirus systems preventing electronic collection of code from students.

The final element of the Basic Code Activity that’s worth highlighting is that the widget can be marked using Feedback, Frog’s comment-based marking system.