1 WEB 前端开发课程定位
1.1 学生对于前端开发认知性的缺乏
很多高职类院校意识到WEB 前端开发将是未来市场的一大需求，所以在软件开发这个专业中分出两个方向。其中一个就是WEB 前端方向，然而很多学生上了很久这些课程之后，并不知道这个课程最终出来都是做什么的？所以在学生进行学习之前，学校应该让学生充分认识到“前端工程师”的作用以及未来市场，一来是为了他们有目的的去进行学习拓展，二来是为了让他们有信心坚持学习下去，知道未来的就业方向，增加学生的自信心与核心竞争力。
1.2 市场需求与“学校产物”之间的矛盾
随着“互联网+”和“5G 时代”的到来，传统的书本教学已经无法满足当今社会对于“前端开发”岗位的需求了。市场需求已经远远超过“学校产物”。这样对于双方都提出了相应的需求。对于市场，前端开发工作岗位需要给出相对应的技术点，以免学校培养出来的学生不符合岗位需求，还要企业进行相关培养，得不偿失。对于学校，根据企业/市场提出的相关需求进行整理，将相关技术点
进行归纳总结，在不同的时间段安排不同的课程进行人才培养，面对市场培养出具有核心竞争力的学生。此矛盾需要市场与学校密切联系、密切合作、精准对接才能够得以解决。
2 市场需求前端开发岗位典型职责与技能分析
2.1 市场需求前端开发典型职责
作为老师/学生首先需要理解前端开发这个工作岗位的性质是团队合作中一个环节，明白前端在团队工作中的位置就是将设计图转化成浏览器可访问的前端页面，发生人机交互的一大介质。将使用流程图进行表示，如图1所示。
通过上图看出，在团队合作过程中，作为前端开发工程师，需要接触三大职业，所以，针对于该职业，提出了相对应的岗位职责需求。
development of mobile applications. HTML5 technology is not only applied to the development of PC, but also to the development of mobile. The market demand for PC/mobile positions is booming. Only by constantly updating the curriculum system of front-end development can schools keep up with the needs of the times and improve the comprehensive competitiveness of students.Keywords: market demand; “school products”; core competitiveness; skill requirements; project practice
图1  前端开发流程图
3 针对前端开发进行课程定义与开发
3.1 课程定义与目标
显而易见，学校开设的web 前端方向对应社会上的岗位就是前端工程师，简单点来说，前端工程师就是运用HTML/CSS/JavaScript 等Web 技术，在工作中配合设计师实现用户界面，和后端工程师进行数据对接，完成Web 应用开发的职位。那么由于前端工程师的位置特殊性，也意味着前端工程师需要比别人懂更多技能点。所以就前端工程师的学习层次来说，确定了教学内容的分为4个层次进行。
（1）基础学习
这部分虽然简单，但是需要学生学习的非常扎实才可以，这部分包含的内容如下所示。
表3  基础学习内容
基础知识
学习方式HTML 慕课网+项目CSS 慕课网+项目Javascript 慕课网+项目Web 基本操作
项目开始阶段
（2）深度学习
完成以上的学习，不足以支撑一个学生出去到一份工作，只有掌握以下这个部分的内容，才算是一个合格的前端工程师。
表4  深度学习内容
进阶学习
学习方式HTML5网易云HTML5入门CSS3
CSS3菜鸟教程三大框架选其一
博客+项目开发
（5）项目实战
结合学生的实习，发现学生在面试过程中虽然掌握了相关的技能点，但是并没有项目能够进行验证，所以在学习的过程中，建议学生可进行相关项目实训的分类和整理，在面试环节中展示出来也是一大加分项。
表6  项目实战（推荐）
项目实训类型应用主要技术推荐模拟网站网址PC 端实战篇（响应式网站、企业网站）HTML5、CSS3、Javascript
1.wwww.vtip（上海微巨网络科技）
2./（王者荣耀）
移动端实战篇（电商APP、社交网站）
视口设置原理团购APP；O2o 电扇
APP
游戏制作
基本到高级借口、Canvas 制作动画和特效  1.fendi/（FENDI ）
2.www.jq22/yanshi16171（坦克
大战）3.www.
jq22/yanshi4710（元素周期表）
小程序进阶学习：小程序开
发、view 等组件、界
面设计、接口使用
1.微官司网
2.今日头
条
Json
项目开发演示
H5博客系统
4 结语
市场需求与“学校产物”产生的矛盾得以解决后，高职类院校的专业就业率也会随之而提高，市场上工作
岗位的空缺也会得以解决。面对瞬息万变的互联网时代，课程教学模式或许存在很多不足，我们需要正确面对不足之处，并站在不
（下转第66页）
场的管井线路，并查阅了大量的相关技术资料，根据现场环境和几次数据中断的情况分析，总结出造
成数据中断的原因主要有以下几点：（1）机场在扩建施工过程中对管井及管井内的线缆已造成损伤，传输线缆可能存在破损、断裂的现象；（2）传输电缆绝缘材料在70摄氏度时的绝缘电阻值只有20摄氏度时的10%，飞行区内四周空旷，温度高，加之线缆使用时间已超过10年，外部环境（如管井常年积水等）复杂，对管井、线路的保护措施不足，均可能会引起线缆绝缘材料受损，导致线缆通信质量变差；（3）起初，在更换电话线缆后数据传输正常，但随着线路里微弱的电流作用，原本线缆中受损伤位置逐渐加速氧化、发热，最终因温度过高、线路绝缘层被击穿，直接导致线路烧毁断路，导致数据传输中断。
3 自动气象观测系统外场信号传输方案优化研究
3.1 更换传输介质
鉴于电话线缆在长距离传输中存在的较大的缺陷（铜芯易氧化、线路损耗较大、易发生感应雷击等），传输介质全部
图3 设备布局简略图
4 小结
通过对中间设备点数据传输故障的处理，从反复更换传输线路，到最后，通过重新铺设电缆才彻底恢复数据的传输过程，累积了一定的维护经验。经过分析总结，判断数据传输中断的原因，掌握了电话线缆的传输特性，并由此引出对传输介质和信号传输方式的优化方案，以期获得更便捷、更稳定的信号传输，为设备的稳定运行提供支持。
参考文献
[1]张松，李军，高飞.区域气象自动站故障分析及处理[J].
电子制作,2013(15):197.
[2]唐文翰.多光缆的光纤通信信号多路传输系统[J].电子制
作,2019(12):3-4+29.
[3]师传宏.气象雷达接收机前端技术[J].电子制作,2016
(07):97-98.
足之处去进行教学改革，为社会培养更加全面、更加具有核心竞争力的前端开发人才。
参考文献
[1]杨剑钊.基于“互联网+”背景下的WEB 前端开发课程教
学模式探究[J].电脑迷,2018(06):88+125.
[2]陈青云.HTML5与CSS3技术在网页制作中的应用及发
论坛前端模板展前景[J].信息与电脑(理论版),2018(16):1-2.
[3]朱红斌.关于WEB 前端开发技术的课程教学模式的创新
研究[J].科技风,2018(33):81.
[4]陈霞，吴东.基于就业导向的HTML5前端开发课程教学
改革实践[J].现代计算机(专业版),2017(12):29-32+41.[5]刘磊.以工作过程为导向的《大前端开发》课程规划与设
计[J].现代计算机(专业版),2015(33):13-16.
[6]Yang Li. Research on HTML5 Microlecture of Web Design
Courses[P]. Proceedings of the 3rd International Conference on Culture, Education and Economic Development of Modern Society (ICCESE 2019),2019.[7]黄玉春.浅谈下一代Web 开发标准的核心技术—
HTML5[J].计算机时代,2015(04):3-5.
（上接第109页）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。