以项目化微课促现代学徒制教学改革研究———以《Web前端技术》课程为例

文/汤明伟

摘要：现代学徒制作为工学结合人才培养模式的深化，其内在的逻辑体系和运作流程蕴含着丰富的职业教育思想，具

有深刻的教育价值。这种“工”与“学”的交替、将工作与学习相融合的教育模式的建构和发展，是新形势下高职教育本

质特征赋予现代学徒制的新内涵。文中以《Web 前端技术》课程为例，将工作中的实际项目引入，进行任务分解，对每

个任务中的技术操作重难点进行录制同步的微课，保障信息化教学下，学生的课程学习和项目实践效率，提出一套对

现代学徒制的教学改革研究的思路。

关键词：现代学徒制Web 前端技术项目化微课

一、推进实施IT 专业现代学徒制的重要性和意义

“学徒制”是一种在实际工作过程中以师傅的言传身教为

主要形式的职业技能传授形式，通俗地说即“手把手”教。现代

学徒制是传统学徒制融入了学校教育因素的一种职业教育，

是职业教育校企合作不断深化的一种新的形式，顶岗实习、订

单培养、现代学徒制是一种递进关系。现代学徒制作为工学结

合人才培养模式的深化，其内在的逻辑体系和运作流程蕴含

着丰富的职业教育思想，具有深刻的教育价值。这种“工”与

“学”的交替、将工作与学习相融合的教育模式的建构和发展，

是新形势下高职教育本质特征赋予现代学徒制的新内涵。

《Web 前端技术》作为IT 专业的职业方向课程，多年来，

一直深入长三角、无锡国家软件园和江阴地方IT 企业进行交

流和调研，结合IT 企业的人才需求目标，实现课程校企共同

建设和开发，积极将工作岗位中的真实项目引入教学内容，教

学实施模拟仿真企业员工岗位情景，为地方IT 企业输送了大

批合格的Web 前端工程师， 课程建设也取得了可喜的成

绩———《Web 前端技术》获无锡市精品资源课程和《Web 前端

开发项目化教程》由清华大学出版社公开出版。

二、传统教学视频和微课建设的不足

08 年《Web 前端技术》课程在建设中，按照课程教学内容

和项目化实施录制了教学同步视频，每个视频课件时长为45

分钟，每个视频大小在400M 左右，视频总容量在20G 左右，

由于教学同步视频以上的特性，直接决定了学生在课后预复

习和项目实践操作中无重难点，并且在观看、传播等方面出现

了不人性化等障碍因素，不利于学生的学习效率等问题。

近年来，在混合学习和移动学习日益盛行的趋势下，微课

成为当前我国高职教育信息化资源建设的重点和研究热点。

微课的“短小精悍”很好地解决了学习者的问题，把教材内容

进行碎片化、情景化、重组整合，有效地解决了教学同步视频

带来的问题。但目前国内高职院校的微课资源都以知识点来

组织和拍摄， 虽然能够有效地为学习者解决某一理论知识的

学习和理解，但是，对于现代学徒制下的高职课程学习并非是

最有力的保障措施。因此，围绕现代学徒制下“工”、“学”交替

的高职人才培养目标，按照工作项目标准化过程，分解项目任

务， 以任务技能知识和操作为重难点的同步教学微课的开发

和利用就显得尤为重要。

三、项目化微课开发和应用流程和步骤

（一）课程实施项目导入，任务驱动

《Web 前端技术》课程经过多年深入一线IT 企业对Web

前端工程师等岗位的调研、交流及校企共同建设，积极引入了

企业真实项目———叮当网上书店电子商务平台作为课程教学

导入项目，遵循IT 软件开发的标准化工作过程，精心分解任

务和组织教学内容， 模拟仿真IT 企业员工岗位工作情景，开

展情景化教学实施，于2015 年2 月由清华大学出版社出版发

行了《Web前端开发项目化教程》，教材组织结构如下图所示：

图1(《Web 前端开发项目化教程》教材组织结构图

（二）分解任务技能知识技能，拍摄项目化同步微课

以《Web前端开发项目化教程》的任务8（“叮当网上书店”

页面布局与定位）为例，本任务主要实现“叮当网上书店”各页

面的功能模块的浮动定位的页面效果。本任务中的任务技能

知识和操作的重难点主要有CSS 盒子模型的理解和文档流浮

动定位的实现两个，因此，针对以上重难点，课程组教师和超

星公司结合“叮当网上书店”首页