一.专业背景
随着互联网的普及和发展，网站作为一个强大的工具和平台，已经越来越多地融入到人们的生活中，与用户关系最为密切的前端技术也逐渐得到了应有的重视。我们可以看到前端重构这个行业发展潜力巨大，各大知名网络公司对前端人才如饥似渴。近年来，随着HTML5和CSS3的流行，以及移动web的兴起，前端开发现在越来越注重用户体验。相对来说，前端人才需求有了质的飞跃。
自上世纪90年代初第一个网站诞生以来，早期的网页除了一些没有布局的小图片和标题、段落外，完全由文字组成。然而时代在进步，接着是表格布局，然后是Flash，最后是基于CSS的网页设计。不是，前端页面重构技术也是经历这样一个过程:表格布局页面→DIV+CSS→HTML5+CSS3。seo面对的是众多的浏览器和平台，Web前端不再像以前那样简单重复。
web2.0的理念逐渐被大众接受，对从业者提出了许多新的要求。我们的页面需要考虑绝大多数用户的需求。现在的前端已经不像过去的所谓前端了。如今的前端行业分工明确，工作分工已经细化明确。每个职责扮演不同的角色，比如初级前端开发工程师→高级前端工程师→前端架构师。随着3G时代的到来，几乎各个行业的网站都要移植到移动互联网上。此外，国内几个民用web前端技术组织不断推进Web标准技术，推动前端技术产业的发展，前端开发工程师的地位越来越高。今天的前端工作不仅是一门技术，更是一门艺术。
目前，中国互联网行业的发展呈现出迅猛的趋势，对web应用开发人才的需求也在小幅增长。除了企业，政府机关和网络公司对这方面人才的需求也呈现出较大的缺口。但由于各种因素的影响，学校相关专业无法向社会输送大量的Web应用开发技术人才，满足行业和学生就业的需求。只有重新设计学校的Web应用开发课程，才能培养和埋没那些不能向社会输送大量Web应用开发技术，具有软件测试能力、新技术能力和市场适应能力的高级复合型Web应用开发技术人才。
目前，Web前端工程师高级人才仍然紧缺，但高校Web前端相关课程对提高学生开发技能的效果一直不是很理想。随着信息技术的不断发展，为了满足社会快速发展的要求和企业对专业人才的需求，HTML5+CS3技术已经成为计算机行业Web前端网页设计的主流技术。据调查，我国软件开发人才的数量和结构存在双重缺口，尤其是前端开发行业，近五年来被各大企业推上了计算机专业人才就业热潮的榜首。目前开设Web Ul设计课程的大学很少，学校教授相互了解也比较滞后。因此，具有熟练前端技能的创新型人才目前非常紧缺。
Web前端开发的主要工作是将UI设计图按照W3C标准制作成HTML页面，用CSS布局，用Javascript脚本语言在页面上实现前端交互。HTM5技术的简单性、可扩展性和平台独立性使其在移动应用开发者和程序员中广受欢迎。HTML5技术可以使用主流浏览器原生支持模拟频率、音频、动面、图片等元素的交互，具有跨平台的特性，因此不需要安装插件，也提高了安全性和稳定性。
二、关键技术
2.1静态网站制作技术
静态网站是指由HTML代码格式的所有页面组成的网站，所有内容都包含在网页文件中。网页上还可以出现各种视觉动态效果，如GIF动画、FLASH动画、滚动字幕等。，而网站主要由静态页面和代码组成，一般文件名以htm、html、shtml等为后缀。
2.2动态网站制作技术
动态网站不是指有动画功能的网站，而是内容可以根据不同情况动态变化的网站。通常，动态网站是通过数据库构建的。动态网站除了设计网页之外，还需要通过数据库和编程拥有更多自动化和高级的功能。动态网站一般体现为asp、jsp、php、aspx等技术，而静态网页通常以HTML结尾。动态web服务器空之间的配置高于静态网页，成本也相应较高。而动态网页有利于网页内容的更新，适合企业搭建网站。动态是相对于静态网站而言的。
2.3前端开发框架技术
常见的前端框架技术主要有JQuery框架、Bootstrap框架、React框架、Vue框架、Angular框架等。
2.4数据库技术
数据库技术是信息系统的核心技术。它是一种计算机辅助的数据管理方法，研究如何组织和存储数据，如何高效地获取和处理数据。它是通过学习数据库结构、存储、设计、管理和应用的基本理论和实现方法，并运用这些理论，对数据库中的数据进行处理、分析和理解的技术。即数据库技术是一门研究、管理和应用数据库的软件科学。
数据库技术研究和管理的对象是数据，所以数据库技术的具体内容主要包括:通过对数据的统一组织和管理，按照规定的结构建立相应的数据库和数据仓库；利用数据库管理系统和数据挖掘系统，设计了一个数据管理和数据挖掘应用系统，可以对数据库中的数据进行添加、修改、删除、处理、分析、理解、报告和打印。最后，应用管理系统用于处理、分析和理解数据。
数据库技术是现代信息科学技术的重要组成部分，是计算机数据处理和信息管理系统的核心。数据库技术研究和解决计算机信息处理过程中大量数据的有效组织和存储问题。在数据库系统中，减少数据存储冗余，实现数据共享，保证数据安全，高效地进行数据检索和处理。
三，对中职人才的需求
中等职业教育旨在培养工作第一线的技能型人才和工程应用型人才。培养具有良好职业道德和人文素养，掌握web前端开发基础知识，具有静态网页设计、开发、调试和维护能力，能够从事web前端软件编码、软件测试和软件技术服务的初级技术人才。
根据企业需求，对人才的要求分布如下:
具体岗位包括:计算机操作员、打字员、电子计算机组装调试员、计算机检验员、计算机硬件技术员、计算机设备营销员、网页制作员、应用系统维护员。
第四，中等职业知识体系
专业名称
计算机应用专业Web前端方向
专业规程
090100
培训目标
本专业坚持德育为主，面向计算机技术应用领域，培养从事计算机及相关设备的使用、维护和管理，以及相关领域的软硬件、办公应用、网络应用、多媒体应用、信息处理等操作或产品销售的高素质劳动者和技能型人才，德、智、体、美全面发展。
知识体系
动词 （verb的缩写）中等职业学校专业方向
培训目标
本专业坚持德育为主，面向计算机技术应用领域，培养从事计算机及相关设备的使用、维护和管理，以及相关领域的软硬件、办公应用、网络应用、多媒体应用、信息处理等操作或产品销售的高素质劳动者和技能型人才，德、智、体、美全面发展。
培训规范
1)专业素质
具备良好的职业道德，自觉遵守行业法律法规和企业规章制度。
良好的人际交往能力、团队合作能力和客户服务意识。
了解与计算机应用相关的信息安全、知识产权保护和质量标准。
具备获取前沿技术信息和学习新知识的能力。
精通信息技术的应用。
2)专业知识和技能
精通中英文输入能力，并掌握文字排版技巧。
掌握计算机应用基础知识，具有熟练操作计算机和应用办公软件的能力。
具备基本的计算机网络知识和技能。
具备计算机应用领域常用工具和软件的应用能力。
具有多媒体素材处理和简单动画设计能力。
具备使用数据库工具开发具有简单功能的计算机应用程序的基本能力。
掌握网页设计与制作的基础知识和规范要求，具备网站建设和网页制作能力。
具备拆装计算机硬件、系统组装、简单故障排除和维护的能力。
3)专业方向——办公自动化
精通办公软件的高级应用能力。
掌握常用办公设备的使用方法，具备办公设备的日常维护和故障排除能力。
掌握文件和档案管理的理论知识和基本技能。
4)专业(技能)方向——计算机设备维护与营销
具备常见数码产品的日常维护和故障排除能力。掌握信息技术领域的营销方法和技巧。
掌握电子商务流程，具备通过电子商务平台营销数码产品等产品的能力。
5)专业(技能)方向——计算机专业排版
掌握专业排版的工艺流程，具备专业编辑、排版和印刷操作能力。
掌握图形绘制、图像处理等操作，具有较强的专业图文排版设计能力。
6)专业(技能)方向——计算机信息管理
掌握大中型数据库的基本应用，具备设计和实现简单数据库管理系统应用的能力。
掌握信息管理和运作的知识和技能，具备对信息过程进行规划、管理、控制和评估的能力。
掌握信息系统安全的基本知识，具备保护单机、局域网、广域网安全的能力。
六、以专业课程体系为核心的实训基地建设。
人才培养方案是专业教学的纲领性文件，是日常教学的行动指南，课程体系是人才培养方案的重要组成部分。构建与综合职业能力内涵相对应的专业课程结构，建设以专业课程体系为核心的实训基地，是高职院校培养高就业学生的首选。具体思路如下:
6.1优化软件技术专业的课程架构。
课程体系结构是提高教学质量的核心。优秀的课程体系结构可以保证学生能力的培养更加合理、系统、有序，可以保证教学内容和教学方法的质量。优化后的软件技术应用课程架构如图1所示:
6.2将实践课程体系转化为实践教学体系。
根据学生的实际情况和教学的需要，按照课程体系的逻辑结构，对课程体系进行适当的调整，使教师更有利于教学，学生更容易学习。完成实践课程体系，转化为实践教学软件技术专业。
在Web前端基础训练教学方面，HTML、CSS等课程构成了基础的核心课程，前端开发技术、Javascript、ES9为后续专业技能方向课程奠定基础。专业基础课的培训内容如下图所示:
Web前端核心实践教学内容:在理论学习的基础上，突出综合应用能力的培养，围绕软件技术和专业方向设置多样化的实验项目。注重团队精神和创新能力的培养，加强学生创新能力、科研素养和团队协调能力的培养。根据各专业的核心课程，结合相应的课程设计，以巩固学生的学习成果，提高学生的实践能力。
6.3将实践教学体系细化为典型任务
典型任务的提炼过程主要由学校老师协助企业行业专家完成，由企业行业一线技术人员根据工作经验进行总结。一个职业一般由10 ~ 20个典型的工作任务组成。典型工作任务是指一个职业的特定工作领域和一种具有完整工作流程的工作。同时，这些工作一般都具有挑战性，完成工作的过程可以提高工作能力。另外，这些工作需要具有代表性，符合职业发展和人才成长的规律。经过反复讨论和修改，典型任务逐渐细化。精细软件技术专业的典型任务如下:
七、创新软件技术理论与实践全过程教学模式。
云课堂以“微服务、虚拟化、全栈云”三大核心技术为支撑，帮助学校建设高水平专业。平台采用微服务架构，将平台服务精准划分为公共基础、公共应用和专业应用服务。基础服务包括字典、banner、用户权限、文件、认证、网关、订单、转码、平台运营、学校运营、日志、登录、搜索等。专业服务包括KVM虚拟化、容器虚拟化、代码评估、工具、资源、环境等。公共应用服务包括课程、考试服务、云盘、云优化、题库、活动、工具等。不同的微服务可以因材施教，按需施教，可以非常方便老师实施个性化的教学模式、具体的教学内容、针对性的教学过程，精细化赋能Web前端框架应用教学。
教师利用平台构建多层次、立体化的教学课程资源非常方便，拓宽了学习渠道，极大地调动了学生参与学习的积极性，提高了教学效率，实现了教师在家、在办公室、在课堂都能轻松地在无差别的环境中备课，实现了学生“课前”、“课中”、“课后”和校内外有机结合的在线学习和在线实践，逐步形成了课堂教学和云教学的混合体。该平台在教学中的应用打破了校园时间空限制和教学环境限制，可以实现学生远程学习和灵活自主学习、远程培训和灵活自主学习训练。魏云课堂充分利用KVM、容器等多种虚拟化技术，进行精准教学。根据不同的教学内容，选择不同的虚拟化技术和不同的硬件资源，如GPU、CPU、计算能力和不同的实验环境，在不同的软件开发语言和同一门课程的不同阶段进行精准教学。
纯云课堂还可以根据教学需要，采用公有云、私有云、混合云等不同方式部署。能适应各种复杂的网络环境和学校的资产仓储需求，性价比高，稳定。平台还将把科研、技能大赛、1+X认证的全过程与计算机网络、智能安防、物联网、人工智能等各种前端应用场景无缝对接。，更高效地开发一个开放的、全流程的、理论实践一体化的、多功能的Web前端教学平台。基于微众云课堂的“6+6”互动教学流程如下图所示。
八、Web前端人才培养高层次实训基地建设
Web前端的培养目标是培养掌握Web前端基础理论知识、前端开发技术、移动终端开发技术、Web测试和数据库技术，动手能力强，适应各种工作岗位的复合型应用型人才。他们分别从事Web前端开发、移动终端开发、软件测试、系统维护和解决方案设计。
由于Web前端知识体系的复杂性、适用性和实践性，实验室和实训基地在教学过程中的作用远比其他学科重要。在基础理论知识的教学结束后，实验室可以为学生提供一个实践的平台，将理论知识转化为实际操作。结合企业人才需求，从web前端开发、移动开发、软件设计、Web前端测试、软件创新孵化、数据中心“六个维度”等角度，为专业学科建设提供平台和教学实验环境支持。
Web开发实训区:满足软件技术专业Web前端的实验学习，涵盖HTML与Javascript编程、Booststrap应用开发、NodeJS应用开发、Vue应用开发的教学实验。
移动开发实训区:满足移动开发的实验学习，涵盖HTML5和Android语言教学实验。
软件设计实训区:满足Web前端软件设计的实验学习，涵盖数据结构、操作系统、UML建模的教学实验。
Web测试实训区:满足Web前端Web测试的实验学习，涵盖软件测试技术、软件评测过程管理、软件测试自动化的教学实验。
软件孵化实训区:可满足Web前端对人才创新能力的培养需求，结合行业各种实际应用需求，深度掌握核心技术，从垂直角度创新突破应用难点。提供更加开放的设计功能，同时满足不同专业课程的交叉知识内容。
数据中心:满足软件技术数据库实验学习，涵盖计算机网络、数据库原理、MySQL数据库、SQLServer数据库等教学实验。
九。程序值
9.1专业教学支持
9.2 1+X认证服务-Web前端开发职业技能水平标准
9.3技能竞赛支持
X.推荐项目列表
