案例教学法在应用型本科课程《客户端编程技术》教学中的应用

石磊

摘要：案例教学法是一种很常用的以案例为基础的教学手段，但是在应用型本科的实际教学过程中依然会有较多的问题。本文通过对案例教学法在《客户端编程技术》应用中存在的问题进行分析，有针对的提出解决方法，旨在提高案例教学法的教学效果，为应用型本科人才的培养提供一个思路以供借鉴。

关键词：案例教学法 应用型本科 客户端编程技术

1 概述

《客户端编程技术》是我校数字媒体技术专业的一门专业课程，其主要内容是讲解JavaScript脚本编程技术。除了JavaScript相关知识外，还会涉及到HTML和css的相关知识。因而，该课程的综合运用性和实际操作性都很强，对学生而言，要学好这门课程有一定的难度。

传统程序类课程（如C、c++、Java等），他们的内容几年都没有太大的变化，甚至5年前的教材和教案拿到现在依然可用。但是JavaScript的情况却不一样。近几年IE浏览器逐渐没落，Chrome浏览器快速崛起，浏览器越来越标准化，导致JavaScript的发展和应用框架更新也相当快。自2015年提出了ECMAScript6（简称ES6）后，ECMA（欧洲计算机制造联盟）每年会对ES标准进行更新。作为ES的最佳实践者，JavaScript每年也在更新。但是高校的教材更新跟不上行业发展的步伐，相对较为落后。

如何保证教学适应行业的发展，不至于“脱钩”，这为我们的老师提出了一个较高的要求。

此外，高校在教学方法上也存在落后的现象。在传统的案例教学过程中，都是先讲解某种理论的基本知识和某种操作步骤，然后分析案例，指导学生自己操作。这是目前高校教为广泛采用的一种案例教学手段。但是这种案例教学手段也是存在缺陷的。

首先，先讲解理论，再实际操作。理论与操作的脱节，学生对理论的消化理解不足会影响后面的操作，可能导致整个案例演示失败，会打击学生的学习积极性。

其次，学生只是在课堂上记下了示例的操作过程，但是不会联想到实际的项目，更不懂得当前技术发展的状况。枯燥的示例无法激发学生的学习探索的积极性，在课后无法吸引学生继续练习。如果在项目中遇到了类似的例子，尽管学过，无法举一反三，学生还是不知道如何下手。

再次，教学对象也有不足。当下的学生更喜欢沉迷在互联网的世界，游戏与网络社交成为了大多数学生课余的伴侣。因此，教学中一定要激发学生的学习兴趣，否则一切教學手段都是徒劳。

2教学准备

2.1确定教学目标

确定教学目标，是案例教学的首要解决的问题。我们要教授什么知识，希望学生达到什么能力，基于什么案例可以达到教学目标，这是教师课前首先要考虑的问题。确定了教学目标，我们可以在此基础上，再拟定一个生活化的教学主题。围绕这个教学主题，再引出教学的知识目标，能力目标和素养目标。

此外，JavaScript的内容涉及的很多，不可能在一学期里全部讲授完毕。因此，老师一定要对内容做一个筛选，哪些知识必须要讲，哪些知识学生可以自己拓展学习，哪些知识学生甚至可以借用网络学习掌握。在确定教学目标的时候，可以拟定重点内容和次重点内容，一些内容甚至可以布置成拓展。

2.2知识内容的拓展

要保证案例不与行业“脱钩”，案例中一定要运用最新的ES6的知识对内容进行讲解。对于ES5中类似知识甚至可以一笔带过。尽管教材中可能没涉及到ES6的内容（毕竟教材出版的速度跟不上知识的更新速度）但是一定要在课程拓展这部分知识，在案例中要对拓展的ES6知识要有较为适当的运用。这样才能保证我们的教学和案例不会“脱钩”。

比如，在讲解变量的时候，笔者就提到ES6中新增的变量定义方式let，并在课堂的案例演示中，一直使用let定义变量，而没有使用传统的var定义变量。以身作则，潜移默化的引导学生使用ES6的知识。

2.3案例的设计要与项目结合

案例设计的时候，老师要综合考虑学生的学习能力，理解能力，知识的拓展范围以及行业的对这部分知识应用的需求。

案例的难度不能太难，但是不能太简单，一定要循序渐进由浅入深。

案例的内容一定要贴近实战，贴近项目。案例可以从项目中提炼出来，选择应用较多而学生又比较感兴趣的部分转化为案例。这样有利于激发他们的学习兴趣和动手实践的念头。同时，案例要充分考虑到JavaScript的特性，结合HTML5和CSS3的相关知识，增强JavaScript案例的互动性和趣味性。

比如，在设计课堂案例“二级菜单”的时候，我就充分利用了CSS3的过渡属性和动画属性，让二级菜单变化无穷，极具趣味性，课后学生参与实践的积极性很高。

2.4拓展内容的设计

拓展内容是在课堂案例基础上，运用所学的知识所引申出来的内容，以拓宽课程的范围，拓展专业知识，拓开专业视野为目的。拓展内容应与学生所学知识有关，但应该超出了正规课程所覆盖的广度和深度。

拓展内容的选定，也要来源于实战项目，在课程内容基础上做广度和深度的延伸，以保证学生所学的知识能贴近实战，而不至于与行业“脱钩”。

比如，在讲解完课堂案例“二级菜单”后，我拓展的内容就是“三级菜单”。既强化的课堂内容，又拓展了专业知识。

3课程实施

3.1上好第一堂课

课程的第一堂课很重要。笔者认为第一堂课除了要介绍老师自己，讲解课程要求，课程考核方式之外，更重要的是要让学生知道在这门课上会学到什么知识，学了这些知识之后会具备什么样的能力，具有这些能力之后能够去做什么事从事什么岗位等等。

考虑到课程会贴近实战，以案例教学为主，教师可以在第一堂课上展示各种类型的项目案例，让学生对这门课的内容有一个更加直观的认识，激发学生对这门课程的兴趣。展示的项目案例最好是教师个人主导或者参与过的项目，教师实际操作过的案例可以树立教师个人技术权威，让学生相信他们的老师，佩服他们的老师。学生一门课程的有兴趣，很大部分是因为喜欢并且敬佩这门课的老师。

一般笔者会展示自己做过的商业项目，或者使用3BAT（360，百度，阿里巴巴，腾讯）网站上的内容做演示，边样式边讲解相关的知识，并且告诉大家，通过这门课的学习，大家也可以做到这些效果。用趣味的案例和生动的语言激发学生对这门课程的兴趣，甚至告诉同学们通过认真学习是可以进入3BAT这些公司的（实际上，笔者确实也有好几个学生进入了3BAT）。

3.2案例展示讲解

案例教学法的重点就是对案例的讲解。

课堂上，先导人课程，对学生展示案例，直接告诉学生一个结果，告诉学生学了本次课的知识能做出什么案例出来。

在展示案例的时候，教师要边演示边提出问题，在已有知识的基础上，把案例再分解成一个一个的小问题。让学生带着问题，去思考解决问题的方法。

接着带领学生实操按照之前的问题挨个解决解决问题的过程中，引出相关的知识点。同时，把课程的重难点在解决问题的过程中也给予强调。

3.3 模仿操作

案例讲解完毕，要对整个案例的重难点再次强调，引导学生模仿练习。在练习的过程中，老师要对学生做好技术指导，并反复强调相关知识点。让学生做到“做中学，学中做”。

3.4作品点评

学生完成的作品要及时进行点评，对暴露的问题统一讲解。对学生做的好的，要给予积极评价。做的差的也不过分打击，想办法帮他解决问题，实现基本功能。同时对本部分的知识重难点进行提炼，归纳和总结。

3.5拓展练习

随后进行案例的拓展练习布置作业。利用网络教学平台或者慕课，让学生通过网络学习加强印象，并完成拓展练习。

4总结

这样贴近实战项目的案例教学可以极大的加强学生学习的粘性，加深学生专业知识的印象。在课堂中妙地引入了ES6的内容，对学生将来的就业也有极大的帮助，同时还培养了学生独立思考，自主学习的能力。