Teaching Reform and Practice of the AI-Empowered Model in Web Front-End Development Courses

Authors

  • Yutao Zhang
  • Mengfan Zhao
  • Guozheng Li
  • Bo Zhang

DOI:

https://doi.org/10.6919/ICJE.202606_12(6).0008

Keywords:

AI; Web Front-end; New Engineering Education.

Abstract

The deep integration of artificial intelligence technology with new engineering education provides a brand-new path for the transformation of teaching models in computer-related courses in universities. In response to the problems existing in the traditional Web front-end development technology courses, we have constructed an AI-driven teaching reform model. This method first systematically reconfigures the teaching content through five dimensions (interest, problem, project, integration, and ideological education), and then designs a multi-dimensional guiding teaching system of “interest-driven, problem-driven orientation, project practice, interdisciplinary integration, ideological and political education”, integrating artificial intelligence technology throughout the entire classroom teaching and complementing it with a diversified process assessment system, aiming to improve the course quality and enhance students’ professional abilities. Teaching practice shows that this method effectively compensates for the shortcomings of traditional teaching, significantly improving students’ classroom participation, code development ability, and autonomous learning literacy, providing a replicable practical framework and theoretical reference for Web front-end and similar computer courses in the context of new engineering education.

Downloads

Download data is not yet available.

References

[1] Lu, D. (2026). Exploration of teaching design for data structure course based on OBE concept and BOPPPS teaching model. International Journal of Social Science and Education Research, 9(3), 77–83.

[2] Chen, Z., Wang, Y., Liu, H., et al. (2026). GenAI-Empowered teaching model integrating SPOC and BOPPPS. Frontiers in Educational Research, 9(1).

[3] Wu, S., Tao, Y., & Fang, Q. (2025). Study on the effectiveness of blended learning in a big data statistical analysis course based on the BOPPPS teaching model. Education Reform and Development, 7(8), 72–79.

[4] Hao, H., & Chen, W. (2025). Research on the application effect of BOPPPS and ChatGPT-based AI-assisted teaching in the machine learning course. The Asia-Pacific Education Researcher, 35(2), 1–12.

[5] Ju, J. (2026). Innovative strategies and empirical analysis for the deep integration of artificial intelligence and web front-end course teaching. World Journal of Educational Studies, 4(3).

[6] Tkachenko, O., Goncharov, V., & Jatkiewicz, P. (2024). Enhancing front‐end security: Protecting user data and privacy in web applications. Computer Animation and Virtual Worlds, 35(6), e70003.

[7] Chen, M., & Lv, L. (2021). Research on teaching reform of web front end design course based on OBE concept of achievement oriented education. International Journal of Frontiers in Sociology, 3(20).

Downloads

Published

2026-06-18

Issue

Section

Articles

How to Cite

Zhang, Y., Zhao, M., Li, G., & Zhang, B. (2026). Teaching Reform and Practice of the AI-Empowered Model in Web Front-End Development Courses. International Core Journal of Engineering, 12(6), 84-88. https://doi.org/10.6919/ICJE.202606_12(6).0008