Hands-on exercises for students

ARCS motivational strategies

Gamified teaching activities

Teacher activities

Student activities

CSSBattle platform hands-on exercises

C2, S1

1) The teacher will share the entrance end of the CSSBattle platform with the students and first let the students familiarize themselves with the interface; if there are questions or do not understand the interface, you can raise your hand, and the teacher will answer for them;

2) After being familiar with the operation interface and operation process of the CSSBattle platform, edit the code interface according to the steps explained by the teacher of the video import;

3) In the process of code editing, pay attention to the comparison between the real-time interface and the target interface to ensure its consistency, and raise your hand if you have questions or encounter difficulties during the operation, and the teacher will give guidance.

Students enter the CSSBattle platform under the teacher’s guidance, familiarize themselves with the interface, and start practical exercises, raising their hands to signal to the teacher when they encounter problems.