Exploration and Practice of Hybrid Teaching Mode of Web Front-end Development Technology Based on OBE

Abstract

To address the problems of traditional lecture-based teaching in the “Web Front-end Development Technology” course, in which students lack practical problem-solving ability and enterprises lack satisfaction with the front-end development talents cultivated by universities, this paper proposes a hybrid teaching mode for the Web Front-end Development Technology course based on OBE, with the educational outcomes of students as the main objective. The OBE teaching concept is used to reform the teaching mode; the teaching design is based on the framework of activity theory; the SPOC hybrid teaching mode is used to learn the theoretical basics and complete the corresponding experiments and exercises online; the task-driven method and project-based teaching are used to enhance students’ practical skills and innovative thinking offline. The method is then applied to our school’s teaching and learning programs. Subsequently, the model was applied to the teaching of “Web Front-end Development Fundamentals” course in our 2021 and 2022 computer science classes, and the experimental data were analyzed using multiple linear regression methods. The experimental results show that the OBE-based hybrid teaching model studied in this paper has achieved significant results.