Web前端开发技术课程混合教学模式创新*

李超 黄河

铜陵职业技术学院 安徽 铜陵 244000

由于我国经济发展步入新常态发展阶段，社会就业领域对劳动就业的需求出现了一定幅度的下降，这导致市场领域对普通劳动就业者的需求有所减少，但与此同时，对掌握专业技术，具有较强Web开发技术能力的人才依然十分稀缺，劳动就业领域的这一市场状况，为计算机专业的教育教学工作指出了新的方向。本文结合计算机专业的教学实务工作，对有关的课程创新问题进行详细解析。

1 WEB前端开发课程的主要教学内容

目前很多院校的计算机专业，在课程教学上，针对Web前端开发技术的课程，其内容主要包括了HTML、JavaScript、CSS等项目，这些内容都属于网络制作领域在网页设计与制作上较为常用的工具，计算机专业的人才培养，也正是基于通过教育教学工作让网络人才掌握目前行业领域前沿的实用技术，使得其在步入实践领域的工作岗位时，能够用掌握的技术做好有关的工作。不过因为现代科技不断发展，很多高科技企业所要求的网络人才不仅要懂得怎样制作网页，还要掌握最新的WEB前端开发技术，因而要提升计算机人才的专业能力与就业水平，高校应注意积极掌握市场上对高端科技人才的需求动向，立足市场导向，及时调整计算机专业的课程教学办法。一方面，应在WEB前端开发的教学活动中，注意做好基础理论的教学，让学生对技术原理与应用框架具有深入的了解，同时还应当增加实践性的教学环节，教师可以使用现阶段科技企业中常用的移动终端办公设备向学生演示怎样利用WEB前端开发技术制作程序和进行软件开发，页面集成的一些实践性问题，通过调整教学内容，让WEB前端开发课程更加贴近企业领域实际的工作环境，从而培养学生掌握WEB前端开发技术处理实务问题的能力[1]。

2 WEB前端开发技术的应用范围

由于现代网络化发展已经成为社会生产生活领域不可阻挡的一股潮流，因而网络技术的开发应用也变得越来越多多元化、专业化。WEB前端开发技术在目前的很多网络建站，网页制作与网络开发活动中都有广泛地应用，对从事WEB前端开发的人员而言，不仅要掌握相关的技术原理，还要掌握WEB前端开发技术目前的应用情况，尤其在移动通信网络终端如手机常用的网络APP中的技术应用问题。因为目前我国的上网用户中，大多数属于使用智能手机进行上网的人群，因而目前大量的网页开发，网站建设，都开始由立足台式电脑而转向立足手机终端进行设计，这就使得WEB的前端开发技术在应用上要更多关注市场领域的前沿动态，对WEB前端开发工作进行教学时，要注意根据行业领域技术应用的主流发展趋势，进行课程教学内容的必要调整，通过积极探索新的课程教学方法，让WEB 前端开发按技术的教学工作更契合与目前行业领域的技术应用实际情况，这样才能使得学生在有关技术应用的学习上找准方向[2]。

3 基于Web前端开发技术的课程教学模式架构

3.1 H-C-J模式

H-C-J模式，指的是包含了HTML、JavaScript、CSS等技术应用的WEB前端开发模式，这里面的H指的就是超文本标记语言HTML，HTML是目前网络领域最为常用的前端制作技术，其支持在网页上链接各种信息，能够把各种各样的文字、图片、动态的元素呈现在网页上提供给浏览者，因而进行WEB的前端开发，必然要应用到HTML技术。C指的是层叠样式表CSS，是在前端开发的工作中，用以表现HTML样式的计算机语言，其是针对网页上复杂内容模块的显示要求，而对不同内容实施合理定位与展示的工具，对于一些构成较为复杂的网页，CSS技术在合理规划页面的内容要素，提供网页美化方面具有其他工具和技术所不具有的强大功能；H-C-J模式里面的J指的是Java Script，中文也被称为加瓦脚本，其属于一种脚本语言，是目前网络制作领域十分常用的对网页加入动态展示互动功能的技术工具，通过使用JavaScript，能够让制作人员在网页上添加互动功能，为浏览者提供点击应答窗口，并在网页上设置动态的展示内容。

3.2 3+1框架

要做好Web前端开发的教学工作，不仅要通过理论化的教学，让学生掌握HTML、JavaScript、CSS等技术的原理和相关的理论知识，还要让学生从网页设计的实际工作出发，对H-C-J模式具有深入理解和实践应用技能的掌握，因而教学上应设立3+1的框架，一方面通过让学生深入了解H-C-J模式里面的HTML技术、JavaScript技术和CSS，在掌握了其技术原理基础上，可以使用上述三项技术进行网页的制作与开发工作。同时因为网页的制作与开发主要依据现实需要而进行目标设计，因而不存在统一适用的开发模式，这就需要教师在课程教学的工作开展实施上，立足3+1框架，模拟实践领域的网页制作，网站建设与前端开发工作，让学生依据用户要求进行软件设计和技术应用，通过理论结合实践的教学，让学生在掌握了理论知识的基础上，具有技术应用与前端开发方面的实践才能，这样才可以使得学生具有较高的实践工作能力与技术应用水平[3]。

4 基于Web前端开发技术的课程教学模式具体实践路径

4.1 确立核心，科学引领

对于Web前端开发的教学工作，应注意在课程内容讲解上先明确核心，让学生理解学习WEB前端开发技术主要的目的在哪里，在现实的工作中要使用这一技术处理怎样的问题，完成怎样的工作任务。这些工作任务一般的目标是什么，使得学生在学习理论知识之前，先弄清技术的应用方向，这样才能使得学生明晰WEB前端开发技术的学习的重心。在此基础上，在三项技术的各自讲解上，要注意对三项技术之间的联系进行深入解析，先让学生了解HTML的作用和应用问题，再学习CSS的作用和其与HTML的关系，在明晰二者的技术应用基础上，再让学生学习和了解JavaScript在前端制作上的作用和应用范围。由于这三项技术在网页开发的实务工作中具有一定的递进关系，因而教师应注意避免以割裂的理论知识灌输而进行有关技术问题的讲解，而应秉持科学的知识教授顺序，从各项技术的应用为指导，由浅入深地进行技术作用、原理与应用问题的讲解。

4.2 以人为本，因材施教

因为不同的学生理解能力不同，对技术的掌握也会呈现出不同的学习效果，因而教师在Web前端开发技术的课程教学上，要注意在统筹整体的基础上，针对个别学生对技术理解存在误区，存在不明白的现象，给予个别的辅导和答疑。教师要在集中教学工作完成后，通过观察学生的反应情况，了解哪些学生切实理解了教师的讲述内容，而哪些学生还没有充分理解课程内容，通过设置一些实践性的试题训练，观察学生的反馈情况，从而找出学生中对这部分内容存在理解偏差和认知障碍的学生，消除其疑惑，更好地理解掌握Web前端开发技术。

4.3 加强评价，实现目标

为了更好地最好课程教学工作，保障Web前端开发技术课程的教学实效，教师应调整以往一元化的教学评价模式，而引入综合性教学评价，通过分别针对学生在课程学习后对知识的理解程度，掌握程度，实践水平三方面进行测试，观察其课程学习的实际效果，并把其在三方面的学习状况给予评估，让学生真实的课程学习水平得以有效反映出来，这样可以更好地衡量课程教学的效果。

5 结束语

基于Web前端开发技术的课程包含很多知识内容和专业技术，并且具有很强的综合性。因此，在教学过程中，教师应结合课程内容和目标，依靠前端开发核心技术，通过3 + 1框架的设计，进一步丰富培养学生的知识体系，提高他们的专业水平和综合能力，为学生的未来学习和工作打下坚实的基础。