基于WEB前端开发技术的课程教学模式创新性研究

吴琼 江西应用技术职业学院

随着我国社会科学技术的快速发展，网络信息化技术给日常生活带来了极大方便，其中WEB前端开发技术应用越来越广泛，成为提升工作效率热门技术之一；现如今，WEB前端开放技术已经被各地区职业院校引进，开发成为一门技术应用的专业课程，课程的学习促使学生能够逐渐成长为满足社会发展需求的复合型专业人才。在课程创新的过程中，教师可以立足于前端开发技术，利用WEB前端开发技术创新其课程的教学模式，以此凸显WEB前端开发技术的应用价值，促进现代社会课程模式的构建与发展。

一、WEB前端开发技术课程解读

《WEB前端开发技术》课程是各地区高职院校计算机专业课程体系中的重要内容，同时也是院校网络技术、软件技术、互联网技术等相关专业的重核心课程之一；在该课程教学掌握中重点学习掌握HTML5、CSS3、JavaScript等脚本语言，掌握语言知识，通过项目实践学习实现自主开发与设计，掌握基本操作技巧，形成良好的专业相关岗位适应能力。

结合《WEB前端开发技术》课程教学内容的WEB项目设计原理、布局、配置等理论知识，同时需要掌握网站的规划设计、制作与管理、发布等一些技术技巧。学习WEB前端的操作技巧，需要能够熟练使用HTML5语言描述方式；学生还需要学习DIV+CSS的结合技术，对网页进行布局与整理，掌握基本的脚本语言知识，掌握JavaScript程序的嵌入方法，进行开发维护与管理等。

在上述内容的教学过程中，教师的主要目的是让学生更好的理解三大脚本语言，掌握Web页面布局技术，熟练使用DOM技术的编写功能，编制出能够具有较强交互能力的客户端，同时初步具备WEB页面的布局与交互设计能力。

关于《WEB前端开发技术》的教学内容，为了将这一技术更好的运用于本课程的教学模式创新与构建中，教师需要充分体现课程特点，利用WEB前端开发技术功能，适当调整课程教学方式与教学场景，利用网络技术为学生提供一定的自主学习空间与实践机会，促使学生能够在WEB前端开发技术的支持下学习《WEB前端开发技术》课程，既能够让学生更好的理解课程内容，又能够充分体现这一技术在教学模式构建中的创新性特点。

二、传统WEB前端开发技术课程教学发展现状

一方面，在现阶段的《WEB前端开发技术》课程教学中，教师把握其计算机网络专业核心课程的特点，将移动软件开发、网站设计与开发、软件开发等课程与这门课程相衔接，同时根据职业教育改革需要，将“1+X证书制度”融入课程教学中。作为具有丰富经验的课程教学教师，教师要认识到这一技术在教学模式创新方面的优越性，从而调整教学实践方法，改进教学方式，迎合“1+X证书制度”的目标，对《WEB前端开发技术》课程进行教学分析，发现主要存在以下问题：

第一，缺乏理论知识学习兴趣与学习驱动力，课程学习氛围不浓厚，很多学生仅仅能够跟随教师“被动学习”，对基础知识与技能无法透彻理解，不能够熟练掌握Web前端开发在计算机体系中的作用及应用，同时对专业发展缺乏目标。

第二，现有的课堂教学模式不能够充分利用本课程的教学资源，不能够体现出本课程构建现代化教学模式的优越性，导致理论与实践相分离，从而降低了课堂教学效率。

第三，缺乏科学的自主学习与交流平台，缺乏对技术本身的应用，在实际教学的过程中，教师一味的展开课堂理论知识与实践教学，忽视了课程教学模式与教学平台的构建，一成不变地“教”与“学”影响了课程教学效果，同时弱化了本课程核心技术理念在构建课程模式创新性方面的实用价值。

另一方面，在实际教学的过程中，教师没有结合课程特色根据学生的实际情况分析学情，从而导致课程教学模式不符合学生的实际情况，有些学生甚至很难跟上教学进度。因此，在课程创新的过程中，教师既要充分利用技术特点，构建良好的自主学习与交流网络平台，保证教学活动契合学生实际情况，凸显Web前端开发技术在教学模式创新性提升方面的优势。

三、WEB前端开发技术的课程教学模式创新作用

现如今，社会信息化的传播为社会的发展提供助力，人们的社交、新闻浏览、购物、出行等皆需要运用到各种平台，需要WEB前端开放数作为支撑。因此，在《WEB前端开发技术》的课程教学模式创新中，WEB前端开发技术具有不可替代的作用与优势，教师可以利用技术为学生推荐课程前端软件，让学生通过软件学习课程知识、参与实践训练，以此锻炼学生的技术应用能力，还能够让学生在体验学习前端页面的同时感受WEB前端开发技术的应用价值，体会WEB前端开发技术的现实魅力，以此提升学生的综合素养与综合能力，为学生今后的职业发展提供有力保障。

关于《WEB前端开发技术》中的技术应用，教师可以构建“3+1”框架模式，利用WEB前端开发技术，优化设计课程教学环节，托冲H-C-J模式，让学生在深入掌握理论知识的同时学习WEB的后台开发技术；教师还可以结合课程教学现状，优化设计动态服务页面，连接动态服务与Java服务器，强化学生的学习体验，让学生利用软件构建网站平台，高效完成课程实践作业，提升专业实操技能。

四、基于WEB前端开发技术的课程教学模式创新路径

（一）优化课程体系，全面调整课程教学

要想基于WEB前端开发技术创新课程教学模式，建议教师要结合《WEB前端开发技术》教材内容，合理地进行教学设计，优化其课程体系，构建出能够体现出技术特点的教学结构。教师要结合实际情况，重点关注课程教学设计，结合“1+X”制度内容，提出全新的课程标准；在这一过程中，教师可以将“项目”作为单元，撰写单元教学案例，明确提出每一个教学项目下的学习任务，全面体现课前线上学习、课中理实一体化、课后拓展实践的细节。

此外，教师要充分利用WEB前端开发技术应用优势，开发该课程配套的学习资源案例，并构建高效地软件平台，以便于为学生提供共享的学习资源与实践资源；教师还需要每周进行方式与交流，总结课程教学现状，不断提升课程教学模式的创新性。教师还可以利用WEB学习前端软件的数据搜集与分析功能，统计分析，并对学生采用过程性考核，全面搜集与分析学生的学习过程数据资料，正确判断学生学习状态，以此保证学习评价的科学性，凸显WEB前端开发技术的课程教学模式创新优势。

（二）创新教学、平价方式，激发学生学习兴趣

要想基于WEB前端开发技术创新课程教学模式，建议教师要提出新颖、具有专业课程特色的教学方式，吸引学生参与其中。在实际过程中，教师可以引进任务驱动法、项目教学法、资源共享法，构建一体化课堂，让学生分别按照“课前”、“课中”、“课后”的节点进行课程学习。教师可以利用WEB前端开发技术构建前端软件页面，为学生提供自主学习平台，阅读与学习教师推送的课程资源，之后在课堂教学中，学生可以互相交流预习成果，提出预习过程中产生的疑问，从而在软件平台中开展实践练习，其练习过程数据与结果数据均会传输到教师的账户中，以便于教师客观、全面的评价学生的学习成果，为学生提供有价值的建议。之后，学生可以结合实例将课程知识运用于实践中，并且在师生前面展示，从而使学生全面参与其中。

（三）调整课程教学活动，强化学生实践能力

要想基于WEB前端开发技术创新课程教学模式，建议教师要适量调整任务活动。在《WEB前端开发技术》的教学过程中，教师要转变现有教学模式，就要认识到现有教学模式的不足，比如：学生较为被动，吸收掌握知识程度不一，有些学生不能够主动表达自己的想法与意见。因此，教师可以利用WEB技术开展分层教学，根据班级学生的不同学习情况，设置不同方向、不同层次的学习任务，让学生有层次的学习，在完成符合自己实际能力的任务之后进一步拓展练习，从而循序渐进地提升实践能力。

（四）增强课程教学趣味性，构建高效教学课堂

要想基于于WEB前端开发技术创新课程教学模式，建议教师要适当增加课程的趣味性。在初次教学的过程中，教师要向学生讲明《WEB前端开发技术》课程的重要价值，同时让学生利用手机访问一些常见的网页，下载有趣的软件，将这些软件与案例为例，引进生活元素，比如：校园活动的剪辑，以此吸引学生，让学生产生熟悉感，促使学生能够积极主动的“完成剪辑”。之后，教师可以对相应知识点中设置“游戏式”、“接地气”的小任务，在“学中玩、玩中学”，快速掌握知识及应用技能，提高课堂教学效率。

五、结语

利用好WEB前端开发技术来创新课程教学模式，需结合其具体内容，以及教学实际情况，分析《WEB前端开发技术》课程的教学目标，优化教学体系，从而奠定教学模式创新技术。之后，教师要充分利用WEB前端开发技术的应用价值，对这一课程的教学方式方法、课堂任务活动、自主探索（实际项目）、学习评价等多个环节进行调整，充分发掘技术应用价值，推动课程教学模式的职业化、标准化发展，有效提高课程教学效率，凸显这一技术在课程创新中的应用优势。