当静态页面遇上动态交互，当设计美学碰撞逻辑代码——这正是广东技术师范大学附属艺高职业技术学校计算机应用专业课程改革的核心命题。我们意识到，传统的“先学理论再动手”模式已无法满足行业对复合型人才的需求，因此将网页设计与前端开发技术进行深度融合，让学生在项目中同时掌握视觉表现力与工程化思维。

三大整合模块，重构课程体系

我们拆解了传统课程壁垒，形成三大核心整合模块：

• UI设计+HTML/CSS基础：从色彩心理学到栅格系统，学生需用Figma完成高保真原型，再手写代码还原设计稿。例如，在“品牌官网”项目中，学生需为绘画专业设计作品集页面，同时兼顾响应式布局与加载性能。
• 交互逻辑+JavaScript应用：不再孤立讲语法，而是围绕“用户行为触发”设计任务。比如为播音与主持专业开发音频播放器控件，涉及事件监听、DOM操作与音视频API。
• 数据可视化+后端基础：对接运动训练专业需求，学生需用ECharts绘制心率变化曲线，并通过Node.js搭建简易数据接口，理解前后端协作全貌。

案例：从“设计稿”到“可部署应用”的完整闭环

以近期结课的“校园文化展示平台”项目为例。学生团队分为三组：UI组负责定义品牌色板（基于学校校徽提取主色）、设计卡片组件库；前端组采用Vue3框架，通过组件化开发实现页面复用，并利用CSS Grid解决多专业（如绘画、播音与主持、运动训练）内容混排的布局难题；测试组则使用Lighthouse进行性能审计，将首屏加载时间从3.2秒优化至1.1秒。

这个过程中，学生暴露出的典型问题包括：CSS选择器权重冲突导致样式覆盖、异步请求未做错误边界处理引发白屏。我们通过代码评审与结对编程，让每个学生都经历了“设计→开发→调试→重构”的完整循环。最终成品获得校信息化办公室的采用，直接部署于计算机应用专业教学资源站。

数据驱动的教学反馈机制

整合教学并非“一锅烩”。我们引入GitLab的CI/CD流水线，每次提交代码后自动运行Jest单元测试与Cypress端到端测试。本学期统计显示：学生代码合并请求的平均通过率从第一周的47%提升至第八周的89%；在模拟面试环节，能够独立讲解“从设计稿到可访问性优化”完整流程的学生占比达76%，较传统教学提升了32个百分点。

广东技术师范大学附属艺高职业技术学校始终认为，技术教育的终点不是学会某个框架，而是建立全链路认知。当学生能从绘画专业的审美需求中提取设计规范，能为播音与主持专业优化音视频交互体验，能用数据可视化服务运动训练专业的训练分析——这才是计算机应用专业真正的价值所在。