Studing the css animation with websimulator in extracurricuLar activities

Abstract

The article is devoted to the issues of teaching high school students CSS animation (Cascading Style Sheets) in the framework of extracurricular activities using the gamification method. The current problems of teaching web programming at school are considered, its main components are highlighted: HTML page layout, programming on the client and server sides. The analysis of existing services and online games for teaching web layout is presented. As a result of the analysis of the traffic of the studied services, an increased interest of Internet users in web simulators, implemented using the principles of gamification, was revealed. However, today there are a limited number of such services, in addition, many topics of web programming and layout are still unrealized with the help of such web simulators.The article describes a completed project of developing a web simulator for teaching the basic properties of CSS animation. When designing a web simulator, the requirements for the implementation of game mechanics and dynamics were considered, which will make it possible to organize the educational process in a dynamic, exciting and visual way. The article describes the key features of the web simulator, its functional requirements, provides a rationale for the choice of topics and design of the web simulator, and considers the algorithm of its operation. The topics that are studied as a result of passing tasks in the web simulator are listed. The risks associated with the implementation of the web simulator in the educational process are described.The authors carried out an experiment on the basis of an additional education institution "KiberOne Programming School" among 10th grade students, the results of the experiment showed the effectiveness of using the developed web simulator in teaching CSS animation.