Proceedings of the 6th International Conference on Internet, Education and Information Technology (IEIT 2026)

6th International Conference on Internet, Education and Information Technology (IEIT 2026)

📍Wuxi, China🗓️ 8-10 May 2026

Project-Driven Learning and Generative AI Collaboration in Web Development Education: A Reform Study and Practice

Authors
Qiuxue Ouyang1, Jilong Wu1, Yajie Yu1, Zhongda Yu1, Weiyi Liu1, Jinxiang Feng1, *
1Qingdao City University, Qingdao, 266000, China
*Corresponding author. Email: jinxiang.feng@qdc.edu.cn
Corresponding Author
Jinxiang Feng
Available Online 17 July 2026.
DOI
10.2991/978-94-6239-733-0_37How to use a DOI?
Keywords
web development; HTML5+CSS3; project-based learning; generative AI; GitHub Copilot; blended learning; AI literacy
Abstract

This study addresses the disconnect between theory and practice, and the absence of generative AI tools, in conventional Web development courses (HTML5+CSS3). A hybrid instructional reform model integrating Project-Based Learning (PBL) with generative AI assistance (PBL-GenAI) was proposed and empirically validated. A sample of 480 students from seven higher vocational and applied undergraduate institutions participated in a multi-group quasi-experimental design (traditional instruction / PBL-only / PBL-GenAI). Reform effectiveness was assessed using multi-dimensional scales with rigorously verified reliability and validity. Results indicate that the PBL-GenAI group outperformed the traditional group by 15.3% on the composite weighted score and 21.6% on project deliverable quality; classroom engagement and learning satisfaction improved by 29.8 and 31.2 percentage points, respectively (all p<0.001). A three-stage AI literacy framework—Prompt Engineering, Critical Code Review, and Human-AI Collaboration Protocol—was concurrently developed to mitigate the risk of cognitive offloading.

Copyright
© 2026 The Author(s)
Open Access
Open Access This chapter is licensed under the terms of the Creative Commons Attribution-NonCommercial 4.0 International License (http://creativecommons.org/licenses/by-nc/4.0/), which permits any noncommercial use, sharing, adaptation, distribution and reproduction in any medium or format, as long as you give appropriate credit to the original author(s) and the source, provide a link to the Creative Commons license and indicate if changes were made.

Download article (PDF)

Volume Title
Proceedings of the 6th International Conference on Internet, Education and Information Technology (IEIT 2026)
Series
Atlantis Highlights in Social Sciences, Education and Humanities
Publication Date
17 July 2026
ISBN
978-94-6239-733-0
ISSN
2667-128X
DOI
10.2991/978-94-6239-733-0_37How to use a DOI?
Copyright
© 2026 The Author(s)
Open Access
Open Access This chapter is licensed under the terms of the Creative Commons Attribution-NonCommercial 4.0 International License (http://creativecommons.org/licenses/by-nc/4.0/), which permits any noncommercial use, sharing, adaptation, distribution and reproduction in any medium or format, as long as you give appropriate credit to the original author(s) and the source, provide a link to the Creative Commons license and indicate if changes were made.

Cite this article

TY  - CONF
AU  - Qiuxue Ouyang
AU  - Jilong Wu
AU  - Yajie Yu
AU  - Zhongda Yu
AU  - Weiyi Liu
AU  - Jinxiang Feng
PY  - 2026
DA  - 2026/07/17
TI  - Project-Driven Learning and Generative AI Collaboration in Web Development Education: A Reform Study and Practice
BT  - Proceedings of the 6th International Conference on Internet, Education and Information Technology (IEIT 2026)
PB  - Atlantis Press
SP  - 357
EP  - 363
SN  - 2667-128X
UR  - https://doi.org/10.2991/978-94-6239-733-0_37
DO  - 10.2991/978-94-6239-733-0_37
ID  - Ouyang2026
ER  -