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. |