高职课程《JavaScript动态网页设计》教学设计优化

李敬文

摘要：随着互联网技术的高速发展，Web技术被日益广泛的使用，以JavaScript技术为核心的客户端开发技术迅速。高职院校应以岗位需求为导向，加强JavaScript程序设计课程体系建设探究。该文介绍了JavaScript课程现状、JavaScript教学设计优化的必要性，提出了我校JavaScript课程建设和教学设计优化。

1 引言

随着信息技术的发展，web应用系统越来越流行。因此高职软件专业都将web应用系统开发作为一个重要的开设方向。对web应用系统开发学生不仅要掌握web服务器数据处理开发技术，而且还要掌握基于浏览器相关的开发技术。随着web应用系统越来越复杂和功能越来越强大，使得web应用系统由原来的瘦客户端逐渐转变为胖客户端，因此基于浏览器相关的开发技术越变得越来越重要。为提高高职软件专业的技术全面性和可持续发展能力，本文将针对JavaScript动态网页设计进行教学优化研究。

2 JavaScript课程现状分析

目前大多数高职院校人才培养方案中，与客户端技术相关的程只有网络设计与制作、程序设计两门课，课程主要包括HTML、CSS、JavaScript三大部分，通常在1-2学期完成。但是以JavaScript技术为核心的客户端开发技术应用如此泛，相关技术如此之多，笔者认为应该加强客户端相关课程建设。虽然该课程语法简单，易学习，但由于内容多、杂，系统性不强，应用灵活，学生要想很好的掌握有一难度。所以应该加强指导学生完一定的综合性实训项目，从而真正的掌握课程的内容。

3 JavaScript教学设计优化必要性

JavaScript动态网页设计是一种动态类型、弱类型、跨平台的直译式脚本语言，是浏览器的一部分，广泛用于浏览器客户端的脚本语言。Web页面可以通过JavaScript实现丰富多彩的动态特效，可以通过JavaScript侦听技术实现事件触发完成各种复杂动作。Web页面可以通过JavaScript实现局面组件与服务器进行数据交互而不刷新页面，实现页面的静态化。因此JavaScript动态网页设计正成为基于浏览器开发最重要的程序设计语言，而且应用前景越来越广阔。因此JavaScript及其框架技术必定是web应用系统开发技术的重要组成部分。开设JavaScript课程，进而提高JavaScript程序开发课程地位，是培养高技能软件开发人才的必要条件。

4 JavaScript教学设计的优化

通过网络课程信息化条件，助推教学方法和课堂模式的不断改革与创新，实现课程教学“课内”与“课外”、“线上”与“线下”有机融合，鼓励教师参与到混合教学课程中来，激励学生主动利用网络教学平台进行自主学习；拓展师生的交互空间，以极大地提升了课程的影响和辐射力。

（1）采用“翻转课堂”教学模式

“翻转课堂”教学，是以学生为核心，教师则升格为学生学习的设计者、指导者、帮助者和学习伙伴，学生和教师教学相长。“学习任务单”，是教师设计的帮助学生在课前明确自主学习的内容、目标和方法，并提供相应的学习资源，以表单为呈现方式的学习路径文件包。学习任务单的设计应包含学习指南、学习任务、问题设计、建构性学习资源、学习测试、学习档案和学习反思等项内容。通过观看“微课”或者阅读、分析其它由教师提供的配套学习资源来完成“任务单”给出的任务。

由于学生借助教师提供的“任务单”和“微课”在家从事自主学习，已经基本上掌握了相关学习内容，因此，课堂教学活动中“教”就游刃有余，适当以内化和拓展为核心展开，进行教学方式创新。

课堂教学方式创新主要包括检测、作业、协作、展示等四个方面。检测：检测自主学习成效，让学生收获学习成就感，同时发现自主学习中存在的问题。作业：检测基础上的进阶学习，是内化知识的重要环节，没有作业就没有“翻转”。协作：对于实训技能项目中产生的疑难问题，借助于协作学习激发智慧、内化知识、培养团队意识、养成讨论习惯、熟悉沟通技巧等。展示：展示是高效学习的策略，可以内化知识、拓展能力，提升学习效率。

（2）教学内容与工程实践相结合的教学模式

在教学过程中，安排约60%的学时作为能力培养的实践性教学环节，设置循序渐进、有深度、针对职业岗位能力培养的配套实训项目，包括课堂项目驱动教学中验证性实训、课外拓展实训、项目实践教学、企业实训。项目来源于合作企业，突出工程技术应用，使实训教学与项目应用对接，给学生以充分的动手能力培养。

（3）引入实际开发项目课余时间鼓励创新制作

最好的学习提高手段，还是应该鼓励学生去参与实际项目的开发，即不断亲自实践。几年来，在教学团队老师带领下，学生独立或参与开发了许多网站项目，例如：E在线淘宝检索、吃货萌、QQ抢车位、找你妹、干部任用选拔平台、物流管理系统等，通过实际的项目开发，学生的动手能力大为提高，实战经验丰富，同时，也大大激发了他们的学习兴趣和信心。

（4）改革教学方法与手段，建立多维实训实习模式

积极探索“四阶段教学法”，将“教、学、练、做”融为一体。在实训方面，探索多维实训模式，通过“教学实训”真正实现边学边练，使专业知识及时转化为专业技能。通过“模拟实训”带领学生进入全仿真的综合实训，使学生能对网页设计的各个岗位都有全面的认识并掌握各岗位应具备的专业技能。在“岗前实习”阶段，利用软件社团的对外承接项目，直接进行企业性项目实习。在“实习和就业一体化”阶段，在学生毕业前，安排学生进入企业相应岗位进行实习，毕业后企業根据情况直接留用，以实现学习与就业的零距离。课程始终贯彻“工学结合、项目导向、任务驱动”课程教学模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。

（5）打造系列化、立体化的教材

本课程在建设期间着重开展与《JavaScript动态网页设计》课程相关的“系列化”电子教材和打破时空限制的“立体化”网络平台建设，以适应新形势下的人才培养要求。以体现“教材跟着内容走”的动态性，搭建能及时反映技术发展和进步的“物化”载体。

5 结束语

以JavaScript技术为核心的客户端开发技术涉及知识点多、灵活多变、实践性强。要不断地关注技术的发展前沿，探索该教学设计优化，及时更新教学内容，培养适应时代发展需求的计算机软件相关人才。endprint