基于“AI + 项目制 + 翻转课堂”模式的高职网页前端课程教学改革实践研究

A Practical Study on Teaching Reform of Higher Vocational Web Front-End Courses Based on the “AI + Project-Based + Flipped Classroom” Model

摘要: 为应对人工智能技术浪潮对职业教育带来的机遇与挑战，解决高职网页前端课程中存在的教学内容滞后、教学方法单一、学生实践创新能力不足等现实问题，本研究以建构主义学习理论与混合式学习理论为指导，构建了“AI + 项目制 + 翻转课堂”三位一体的教学模式，并以某高校高职学院软件技术专业“智能电商网站前端开发”教学单元为例，开展了为期六周的实证研究。研究通过问卷调查、课堂观察、学生访谈及学习数据分析等方法，系统评估了该模式的教学效果。结果表明：该模式显著提升了学生的学习兴趣、自主学习能力与项目实践能力；AI工具的深度融入有效实现了学习路径个性化、项目实践智能化与教学评价精准化。本研究为AI技术赋能高职课程教学改革提供了可操作的实践路径与案例参考。

Abstract: In response to the opportunities and challenges brought by the wave of artificial intelligence technology to vocational education, and to address practical issues in higher vocational web front-end courses—such as outdated teaching content, monotonous teaching methods, and insufficient practical innovation capabilities among students—this study, guided by constructivist learning theory and blended learning theory, constructs a tripartite teaching model integrating “AI + Project-Based + Flipped Classroom”. Taking the “Intelligent E-Commerce Website Front-End Development” teaching unit in a software technology program at a Higher Vocational College within a university as an example, a six-week empirical study was conducted. The teaching effectiveness was systematically evaluated through methods such as questionnaires, classroom observations, student interviews, and learning data analysis. The results indicate that this model significantly enhances students’ learning interest, self-directed learning ability, and project practical skills. The deep integration of AI tools effectively enables personalized learning paths, intelligent project practice, and precise teaching evaluation. This study provides an actionable, practical path and case reference for empowering teaching reform in higher vocational courses through AI technology.