1+X web前端开发

说明为贯彻落实《国家职业教育改革实施方案》，积极推动学历证书+若干职业技能等级证书制度，进一步完善计算机软件行业技术技能专业标准体系，为技术技能人才教育和培训提供科学、规范的依据，工业和信息化部教育与考试中心依据当前计算机软件行业发展的实际情况，在实施工业和信息化人才培养工程Web前端开发专业技术技能人才培养项目的基础上，在教育部的指导下，组织有关专家，编写了《Web前端开发职业技能等级标准》（以下简称“标准”）。本标准以客观反映现阶段软件开发和互联网行业技术发展水平及其对从业人员的能力要求为目标，明确了具有本专业职业技能的人员的工作领域、工作任务、技能要求和知识要求。本标准采用功能分析法进行编写，遵循了有关技术规程的要求，既体现了以专业活动为导向、以专业技能为核心的特点，又保证了标准体例的规范化，同时，模块化的结构也使其具有根据技术发展进行调整的灵活性和实用性，以符合培训和评价工作不断发展的需要。本标准将Web前端开发职业技能分为初、中、高三个等级，其中高级证书持有者具有复杂网页设计开发能力和网站架构设计规划能力；中级证书持有者具有动态网页设计开发能力；初级证书持有者具有静态网页开发能力。本标准由工业和信息化部教育与考试中心组织编写，参加编写审订工作的主要人员有谭志彬、顾乃杰、朱卫东、何山、龚玉涵、贾振洋、吴善超、罗东阳、朱立、高飞、徐旭、骆彬彬、任远、杨亨冉等，在此表示感谢。

1.职业技能概况1.1名称Web前端开发1.2职业技能定义利用HTML、CSS、JavaScript、网页开发框架等专业知识、方法和工具将产品UI设计稿实现成网站的技能。1.4职业技能等级本职业技能共设三个等级，分别为：初级、中级、高级。1.5环境室内，常温。1.6职业技能特征具有较强的逻辑思维能力，拥有良好的编写代码习惯，沟通能力强，具有运用色彩搭配、点线面布局来设计较好用户体验网站页面的能力。1.7基本文化程度高中毕业（或同等学历）。1.8职业技能培训要求1.8.1培训课时初级职业技能培训时间不少于96标准课时；中级职业技能培训时间不少于224标准课时（含初级培训课时）；高级职业技能培训时间不少于320标准课时（含初级培训课时和中级培训课时）。1

1.8.2培训教师企业在职工程师、双师型教师、院校教师。1.8.3培训场所设备计算机、移动终端、服务器、网络交换机、路由器等。2.教材每个级别分别配套有《Web前端开发》（工业和信息化人才培养工程系列丛书，1+X证书制度试点培训用书）教材上、下两册，共有6本教材。教材与本标准对应，是实施培训的参考依据。3.考核方式Web前端开发职业技能初、中、高三个级别的考核方式为闭卷考试，采用上机考试形式。考试包括理论考试和实操考试两部分。理论考试试卷满分100分，共50道试题，其中单选题30道，多选题15道，判断题5道；实操考试试卷满分100分，试卷含3-5道实践性试题，试题形式包括案例分析、软件代码编码或是网页效果呈现等。理论考试与实操考试合格标准均为60分，两部分考试成绩均合格的学员可以获得相应级别的职业技能等级证书。4.标准主要特点本标准的开发遵循了整体性、规范性、实用性、可操作性等原则。本标准的开发，充分考虑到了Web前端开发从业人员的职业发展路径与成长路径，以职业素养、职业技能、知识水平为主要框架结构，设计了HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应用、项目模块化开发、各2

种复杂的交互与优化等知识和能力等模块。面向的主要岗位包括网页设计、网页制作、响应式页面搭建、移动网页制作与设计、网站搭建（门户（行业）网站、交易类网站、企事业网站、娱乐性质网站）、网站规划与设计等。本标准的核心内容，来源于社会对Web前端开发职业活动质量的要求,是衡量从业者(包括正在接受教育与培训的准从业者)胜任Web前端开发工作的基本尺度和规范,能够反映当下时期内Web前端开发职业教育的人才培养质量规格。5.职业素养要求类别内自觉遵守中国软件行业基本公约。职业道德有良好的知识产权保护观念和意识，自觉抵制各种违反知识产权保护法规的行为。能自觉遵守企业规章制度与产品开发保密制度。遵守有关隐私信息的政策和规程，保护客户隐私。具有积极协助配合同事完成开发任务的意识。合作意识讲诚信，坚决反对各种弄虚作假现象，对已经承诺的事，要保证做到。能够与项目组人员沟通协调，确定自己的开发任务，理解团队开发任务。遵循从软件需求分析到软件验收完成整个软件生命周期的标准规范。执行和遵守软件开发所需的方法、时间进度、制度控制和相关软件开发事项。能够根据产品经理和主管的要求修改完善软件，提高代码质量。开发过程应遵循企业标准，应依据需求说明书客观地验证软件开发产品。能够与客户和主管及时沟通前端开发任务需求和项目进度状况。服务意识能及时收集用户反馈，提升前端开发成果的实用性、易用性。容质量意识3

学习意识能自觉跟踪前端开发技术发展动态，积极参与各种技术交流、技术培训和继续教育活动。依据文档编制规范，自觉学习，提高程序编写文档的规范性、准确性和易读性。学习标准和操作规范，提高对所使用的软件和相关文档的理解能力，以及对这些软件和文档将要应用的环境的理解能力。善于总结开发工作经验，不断提高在合理的时间内以合理的费用创建安全、可靠和高质量软件的能力。6.操作规范Web前端开发中应遵循以下操作规范：（1）GB/T8567-2006计算机软件文档编制规范。（2）GB/T30971-2014软件工程用于互联网的推荐实践网站工程、网站管理和网站生存周期。7.标准开发的主要方法标准开发主要采用的方法是功能分析法。功能分析法是从职业最顶层的大目标（工作领域）出发,逐层确立中目标、小目标（工作任务/职业技能，或称单元/要素),然后根据达到目标(完成职业单元、职业要素)所需的知识、技能以及其他相关能力的要求,确立标准的范围、内容和程度。它以目标为中心,强调实现目标需要具备的手段(知识、方法、工具、技能及其他相关要求)以及实现目标需达到的水平要求。功能分析法步骤如下：（1）明确某一职业领域的“工作领域”；（2）分解出这些工作领域的“工作任务”；（3）把工作任务进一步分解为“次一级功能(sub-functions)”,直到不能再分时,次级功能就被称为标准中的“职业技能”；4

（4）分析职业技能所关联的“技能要求”和“知识要求”。在结构上,本职业技能标准包括五个要素：（1）工作领域：这是职业技能标准按照工作职责大目标划分后形成的单位；（2）工作任务：这是职业技能标准的基本组成单位,某一工作任务可以看作是对某一主要工作内容或应完成功能的概括；（3）职业技能：是工作任务的基本组成单位,可以看作是对具有相对独立价值的某一次级功能所要求能力的描述；（4）技能要求：即每项能力要素所应达到的操作水平。技能要求在语义内容上一般包括所应达到的操作结果,以及判断操作是否达到所要求结果的评判标准。（5）知识要求：阐明具有每项技能所应掌握、了解的知识。5

8．Web前端开发（初级）8.1.8.2.培训学时：96学时。衔接中职专业：通信技术、电子与信息技术、电子技术应用、计算机应用。8.3.衔接高职专业：计算机应用技术、计算机信息管理、软件技术、软件与信息服务。8.4.接续本科专业：计算机科学与技术、电子信息工程、电子科学与技术、软件工程。8.5.培养目标：围绕互联网+、新兴技术行业带来的Web前端开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握Web前端开发基础知识，具备静态网页设计、开发、调试、维护等能力，能从事Web前端软件编码、软件测试、软件技术服务等工作的初级技术技能人才。8.6.就业方向：主要面向各企事业单位、政府部门等的信息化数字化部门，从事静态网页制作、响应式页面搭建等工作，根据视觉和交互原型要求实现网站页面和交互效果。8.7.主要职业能力：1)具有前端开发新知识、新技能的学习能力；2)具备静态网站设计与制作能力。8.8.核心课程与实习实训：(1)核心课程:Web页面制作基础、HTML5开发基础与应用、轻量级前端框架、JavaScript程序设计等。(2)实习实训:线上实训方式，与项目实例相结合的教学方法，学生通过在线编程环境，完成静态网页制作、专题栏目的静态宣传页（二级网6

页）制作、动画效果制作等实际项目。8.9.能力标准与知识要求：工作领域工作任务职业技能1-1-1能使用HTML制作静态网页技能要求1-1-1-S1能使用HTML文本标签、头部标记、页面创建超链接1-1-1-S2能使用创建表格表单功能搭建静态网页知识要求1-1-1-K1掌握HTML文本标签、头部标记功能1-1-1-K2掌握页面创建超链接、创建表格表单功能1-1-2能使用CSS设计页面样式1-1静态网页开发静态网站搭建1-1-2-K3掌握CSS的选择器、1-1-2-S3能使用CSS开发网页样式单位、字体样式、文本样式、1-1-2-S4能使用CSS美化网页样式颜色、背景功能1-1-2-S5能正确运用Hack原理实现1-1-2-K4掌握CSS的区块、网CSS中的样式效果页布局属性的功能1-1-3-S6能使用JavaScript开发交互效果页面1-1-3-S7能正确选择数据类型、设置1-1-3-K5掌握JavaScript基础语变量，能使用运算等基础语言和内置言、函数、面向对象的功能函数实现数据交互1-1-3-S8能正确使用JavaScript对象和DOM编程实现交互效果页面1-1-4-S9能使用jQuery选择器、jQuery中的DOM操作、滚动、图表、布局、1-1-4-K6掌握jQuery中选择、文字处理及UI等插件、jQuery事件插件、事件和动画的功能和动画等功能开发交互效果页面1-1-3能使用JavaScript开发交互效果页面1-1-4能使用jQuery开发交互效果页面1-2静态网页美化1-2-1能使用CSS3新特性开发页面样式1-2-1-S1能使用CSS3的选择器、边框特性、颜色、字体功能美化网页1-2-1-K1了解CSS3新增选择器边框新特性、新增颜色、字体的功能1-2-2-K2理解并掌握HTML文本标签、头部标记、页面创建超链接、创建表格表单等功能的使用方法1-2-2能使用HTML标签美化页面1-2-2-S2能使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化网页动态网站搭建1-3动态网页开发1-3-1能使用CSS3新特性开发动态页面样式1-3-1-S1能使用CSS3特性、动画效果、多列布局以及弹性布局开发动态网页1-3-1-K1了解CSS3特性、CSS3动画效果、多列布局以及弹性布局的使用方法7

1-4-1能使用HTML5制作移动端静态网页1-4移动端静态网页开发1-4-1-K1了解HTML5新增全1-4-1-S1能使用HTML5新增语义化局属性、结构化与页面增强、元素、页面增强元素与属性及多媒体表单标签、多媒体元素的使用元素等功能进行移动端页面开发方法1-4-2能使用CSS3新特性开发页面样式1-4-2-S2能使用CSS3的选择器、边框1-4-1-K2了解CSS3选择器、边特性、颜色、字体功能设计网页框特性、颜色、字体的功能移端态站发动静网开1-4-3能使用JavaScript开发交互效果页面1-5-1能使用HTML5美化静态网页1-4-3-S3能使用JavaScriptOOP、原型1-4-1-K3了解JavaScriptOOP、链、常用设计模式等原生的方式开发原型链、常用设计模式等原生网页方式开发网页的功能1-5-1-K1了解HTML5新增全1-5-1-S1能使用HTML5新增语义化局属性、结构化与页面增强、元素、页面增强元素与属性及多媒体表单标签、多媒体元素的使用元素等功能美化页面方法1-5移动端静态网页美化1-5-2能使用CSS3新特性美化静态页面1-5-1-S2能使用CSS3的选择器、边框1-5-1-K2了解CSS3选择器、边特性、颜色、字体功能美化网页框特性、颜色、字体的功能8

前端开发（中级）9.1.9.2.培训学时：224学时。衔接中职专业：通信技术、电子与信息技术、电子技术应用、计算机应用。9.3.衔接高职专业：移动互联应用技术、计算机应用技术、计算机信息管理、软件技术、软件与信息服务、移动应用开发、智能产品开发。9.4.接续本科专业：计算机科学与技术、电子信息工程、电子科学与技术、软件工程。9.5.培养目标：围绕互联网+、新兴技术行业带来的Web前端开发、移动端开发技术技能人才需求，以企业用人为导向，以岗位技能和综合素质为核心，培养具有良好职业道德和人文素养，掌握Web前后端数据交互、响应式开发等知识，具备动态网页设计、开发、调试、维护等能力，能从事Web前端软件编程、软件测试、软件技术服务、智能终端界面开发等工作的中级技术技能人才。9.6.就业方向：主要面向IT互联网企业、互联网转型的传统型企事业单位、政府部门等的软件研发、软件测试、系统运维部门，从事网站规划与建设、网站开发与维护、关系型数据库开发管理等工作，根据网站开发需求，编制并实施解决方案。9.7.主要职业能力：(1)具有前端新知识、新技能的学习能力和创新创业能力；(2)具备网站规划与建设能力；(3)具备关系型数据库设计与管理能力；(4)具备网站响应式开发能力；(5)具备数据交互能力。9

9.8.核心课程与实习实训：(1)核心课程:MySQL数据库基础与应用、PHP技术与应用、Web前后端数据交互技术、响应式开发技术、网站项目实战等课程。(2)实习实训:线上线下相结合的实训方式，与项目实例相结合的教学方法，以面向门户网站、交易类网站、企事业网站、娱乐性质网站的规划与建设、开发与维护、关系型数据库开发与管理等为实训项目内容，配备一定量的企业实际项目。9.9.工作领域工作任务能力标准与知识要求：职业技能技能要求知识要求2-1-1能熟练使用HTML编写静态网页2-1-1-K1掌握并熟练应用2-1-1-S1能熟练使用HTML文本标HTML文本标签、头部标记、签、头部标记、页面创建超链接、创页面创建超链接、创建表格表建表格表单功能搭建静态网页单功能2-1-2-S2能熟练使用CSS设计网页样式2-1-2-S3能熟练使用CSS美化网页样式2-1-2-S4能熟练使用Hack原理实现CSS中的样式效果2-1-2-K2掌握CSS的选择器、单位、字体样式、文本样式、颜色、背景的使用方法2-1-2-K3掌握CSS的区块、网页布局属性的使用方法2-1-2能使用CSS设计网站页面样式静态网站搭建2-1静态网页开发2-1-3能使用JavaScript开发网站交互效果页面2-1-3-S5能熟练使用JavaScript开发交互效果页面2-1-3-K4掌握JavaScript基础语2-1-3-S6能熟练使用运算等基础语言言、函数、面向对象功能的使和内置函数实现数据交互用方法2-1-3-S7能熟练使用JavaScript对象和DOM编程实现交互效果页面2-1-4-S8能熟练使用jQuery选择器、2-1-4-K5掌握jQuery中选择、jQuery中的DOM操作、滚动、图表、插件、事件和动画功能的使用布局、文字处理及UI等插件、jQuery方法事件和动画等开发交互效果页面2-1-5-S9能使用Bootstrap栅格系统、2-1-5-K6掌握Bootstrap布局、基本样式、组件、LESS和SASS、插组件、基本样式、插件、组件件、Bootstrap定制及优化、Bootstrap的使用方法内核解码开发响应式页面2-1-4能使用jQuery开发网站交互效果页面2-1-5能使用Bootstrap前端框架开发页面10

2-2静态网页美化2-2-1能使用CSS3新特性美化网站页面样式和结构2-2-2能运用HTML各种标签美化原有静态网页2-3-1能使用CSS3新特性设计网站页面样式和结构2-2-1-S1能熟练使用CSS3的选择器、2-2-1-K1掌握CSS3选择器在页边框特性、颜色、字体、盒阴影、背面中插入各种盒子模型、背景景特性、盒模型、功能美化网页样式使用方法2-2-2-S2能熟练使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化网页2-2-2-K2掌握HTML在网页中嵌入多媒体、使用框架结构、网页中使用表格创建表单的使用方法2-3-1-S1能熟练使用CSS3的选择器、2-3-1-K1掌握CSS3特性、动画背景、盒模型、渐变、多列布局等属效果、多列布局以及弹性布局性开发动态网页的使用方法2-3-2-K2掌握MySQL中创建表、设置约束、设置自增型字段、表结构的复制、修改表、2-3-2-S2能使用MySQL基本操作进修改字段、修改约束条件、修行数据管理改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图的使用方法2-3-3-K3掌握PHP的基础操作、数组函数、面向对象、基本语法、数据类型、数据输出、2-3-3-S3能熟练使用PHP的编码技编码规范、常量、变量、PHP术操作Mysql数据库，进行动态网站运算符、数据类型转换、条件判断语句、循环控制语句、跳开发。2-3-3-S4能使用Session的操作、转语句和终止语句、一维数组、二维数组、遍历与输出数组、Cookie的操作开发动态网站函数、PHP操作MySQL数据库、管理MySQL数据库中数据的使用方法2-3-4-S5能根据HTTP协议方法定义操作，能使用API进行数据筛选、2-3-4-K4掌握基本的API设计支持大型二进制资源的部分响应与方法后端进行交互2-3-5-S6能熟练使用Ajax中的XML、2-3-5-K5掌握Ajax技术，实现JSON数据格式与网站后端进行数据异步刷新，异步获取数据的使交互用方法2-3-6-S7能熟练使用Laravel的路由、2-3-6-K6掌握Laravel框架构建控制器、Blade模板、前端组件构建动态网站的使用方法动态网站2-3-2能运用MySQL数据库进行基本的数据管理工作动态网站搭建2-3动态网页开发2-3-3能使用PHP制作动态网页2-3-4能根据RESTfulAPI规范设计可用的API2-3-5能使用Ajax创建动态网页2-3-6能使用Laravel框架构建动态网站11

2-4-1能熟练使用HTML5编写移动端静态网页2-4-2能运用CSS3特性设计网站页面样式和结构2-4-3能使用JavaScript开发网站交互效果页面2-4-1-K1掌握HTML5新增全2-4-1-S1能熟练使用HTML5新增语局属性、结构化与页面增强、义化元素、页面增强元素与属性及多表单标签、多媒体元素的使用媒体元素等功能开发移动端页面方法2-4-2-S2能使用CSS3的选择器、边框特性、新增颜色、字体、盒阴影、背景特性、盒模型、渐变功能设计移动端静态网页2-4-2-K2掌握CSS3选择器、边框特性、颜色、字体、盒阴影、背景特性、盒模型、渐变功能的使用方法移端态站发动静网开2-4移端态页发动静网开2-4-3-S3能熟练使用JavaScript开发交互效果页面2-4-3-K3掌握JavaScript基础语2-4-3-S4能熟练使用运算等基础语言言、函数、面向对象功能的使和内置函数实现数据交互用方法2-4-3-S5能熟练使用JavaScript对象和DOM编程实现交互效果页面2-4-4-S6能使用Bootstrap栅格系统、2-4-4-K4掌握Bootstrap布局、基本样式、组件、Less和Sass、插件、组件、基本样式、插件、组件Bootstrap定制及优化、Bootstrap内核的使用方法解码开发响应式页面2-5-1-K1理解HTML5新增全2-5-1-S1能熟练使用HTML5新增语局属性、结构化与页面增强、义化元素、页面增强元素与属性及多表单标签、多媒体元素的使用媒体元素等功能美化页面方法2-5-2-S2能熟练使用CSS3的选择器、盒模型、过渡、动画等属性美化网页2-5-2-K2掌握CSS3选择器在页2-5-2-S3使用em/rem/vw/vh等单位面中插入、各种盒子模型、背开发移动端网页，达到美化网页的效景样式使用方法果2-6-1-K1掌握MySQL中创建表、设置约束、设置自增型字段、表结构的复制、修改表、2-6-1-S1能使用MySQL基本操作进行修改字段、修改约束条件、修数据管理改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图的使用方法2-6-2-K2掌握PHP的基础操作、数组函数、面向对象、基本语法、数据类型、数据输出、编2-6-2-S2能熟练使用PHP的编码技术码规范、常量、变量、PHP运操作MySQL数据库，进行动态网站算符、数据类型转换、条件判开发。断语句、循环控制语句、跳转2-6-2-S3能使用Session的操作、Cookie语句和终止语句、一维数组、的操作开发动态网站二维数组、遍历与输出数组、函数、PHP操作MySQL数据库、管理MySQL数据库中数据的使122-4-4能使用Bootstrap前端框架开发页面2-5-1能熟练使用HTML5编写静态网页2-5-2能使用CSS3新特性改变网站页面样式和结构2-5移端态页化动静网美2-6-1能使用MySQL数据库进行基本的数据管理工作移端态站发动动网开2-6动态网页开发2-6-2能使用PHP制作动态网页

用方法2-6-3能使用Ajax创建动态网页2-6-3-S4能熟练使用Ajax的XML、2-6-3-K3掌握Ajax技术，实现JSON数据格式与网站后端进行数据异步刷新，异步获取数据的使交互用方法13

前端开发（高级）10.1.培训学时：320学时。10.2.衔接中职专业：通信技术、电子与信息技术、电子技术应用、计算机应用。10.3.衔接高职专业：移动互联应用技术、计算机应用技术、计算机信息管理、软件技术、软件与信息服务、移动应用开发、智能产品开发。10.4.接续本科专业：计算机科学与技术、电子信息工程、电子科学与技术、软件工程。10.5.培养目标：围绕互联网+、新兴技术行业带来的Web前端开发、移动端开发技术技能人才需求，以企业用人为导向，以岗位技能和综合素质为核心，培养具有良好职业道德和人文素养，掌握Web前端框架应用、性能优化与自动化技术等知识，具备前端架构、移动智能终端开发、组件化开发等能力，能从事Web前端架构设计、技术选型、组件化等工作的高级技术技能人才。10.6.就业方向：主要面向IT互联网企业、互联网转型的传统型企事业单位、政府部门等的软件研发、软件测试、系统运维部门，从事前端架构设计、移动端项目开发、智能设备前端开发、组件和类库编写等工作，根据网站开发需求，进行架构设计并管理实施解决方案。10.7.主要职业能力：(1)具有前端新知识、新技能的学习能力和创新创业能力；(2)具备前端架构设计能力；(3)具备移动端开发能力；(4)具备前端组件化能力；(5)具备网站性能优化能力。14

10.8.核心课程与实习实训：(1)核心课程：前端高效开发框架技术与应用、性能优化与自动化技术、移动Web设计与开发等。(2)实习实训：结合线上线下学习平台与项目实例相结合的教学方法，以前端架构设计、移动前端项目开发、智能设备前端开发、组件和类库的编写等为实训项目内容，同时可以为成绩优秀的学员提供企业实习机会。10.9.能力标准与知识要求：工作领域工作任务职业技能3-1-1能熟练使用HTML开发静态网页3-1-2能熟练使用CSS开发网站页面样式3-1静态网页开发静态网站搭建3-1-3能熟练使用JavaScript开发网站交互效果页面3-1-4能利用jQuery进行交互效果优化3-1-5能使用Bootstrap定制和优化响应式页面技能要求3-1-1-S1能结合其他编程语言，综合运用HTML文本标签、头部标记、页面创建超链接、创建表格表单等功能搭建静态网页3-1-2-S2能熟练使用CSS开发网页样式，能正确解决CSS编程过程中的问题3-1-3-S3能熟练使用JavaScript开发交互效果网页，能正确解决JavaScript编程过程中的问题知识要求3-1-1-K1掌握HTML文本标签、头部标记、页面创建超链接、创建表格表单与其它编程语言的综合使用方法3-1-2-K2掌握CSS基本属性、选择器、单位、字体样式、文本样式、颜色、背景、区块、网页布局属性的使用方法3-1-3-K3掌握JavaScript基础语言、函数、面向对象功能的知识3-1-4-S4能熟练使用jQuery开发交互网页，能正确解决在jQuery编程过程中出现的问题3-1-4-K4掌握jQuery中选择、插件、事件和动画功能的使用方法3-1-5-S5能熟练使用Bootstrap开发3-1-5-K5掌握Bootstrap布局、响应式网页，并能解决在应用中出现组件Sass功能的使用方法的问题3-2静态网页美化3-2-1能使用CSS3新特性优化页面样式3-2-1-S1能熟练使用CSS3的选择器、边框特性、颜色、字体、盒阴影、3-2-1-K1掌握使用CSS3功能背景特性、盒模型、渐变、过渡、多解决优化过程中兼容性问题列布局、弹性布局等功能并能解决应的方法用中的问题15

3-2-2能运用HTML各种标签美化原有静态网页3-2-2-S2能熟练使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化静态网页并解决出现的问题3-2-2-K2掌握使用HTML在网页中嵌入多媒体、使用框架结构、网页中使用表格创建表单等知识以及使用中出现问题的解决方法3-3-1能熟练使用CSS3特性调整页面属性3-3-1-S1能使用CSS3的选择器、边框、颜色、文本效果、字体、盒阴影、3-3-1-K1掌握CSS3新增特背景、盒模型、渐变、过渡、动画、性、CSS3动画效果、多列布多列布局、弹性布局等特性开发动态局以及弹性布局知识网页，并解决动态网页优化问题3-3-2-S2能使用MySQL创建表、设置约束、设置自增型字段、表结构的复制、修改表、修改字段、修改约束条件、修改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图等功能，解决数据管理应用中出现的问题3-3-2能熟练使用MySQL数据库进行数据管理3-3-2-K2掌握MySQL中创建、修改、删除表等数据基本操作方法及应用中出现问题的解决方法动态网站搭建3-3动态网页开发3-3-3能熟练使用PHP制作动态网页3-3-3-K3掌握PHP基本语法、数据类型、数据输出、编码规范、常量、变量、PHP运算符、数据类型转换、条件判3-3-3-S3能熟练使用PHP的编码技断语句、循环控制语句、跳转术操作MySQL数据库，进行动态网语句和终止语句、一维数组、站开发二维数组、遍历与输出数组、3-3-3-S4能熟练使用Session的操作、函数、PHP操作MySQL数据Cookie的操作开发动态网站库、管理MySQL数据库中的数据、Session的操作、Cookie的操作等功能，掌握应用中出现问题的解决方法3-3-4-K4掌握使用API设计原则设计可用、易用、可维护API的方法，并掌握应用中出现问题的解决方法3-3-5-K5掌握Ajax进行数据交互的使用方法，并掌握应用中出现问题的解决方法3-3-6-K6掌握Laravel框架构建动态网站的使用方法，并掌握应用中出现问题的解决方法3-3-4能运用API设计原则，设计可用、易用、可维护的API3-3-5能熟练使用Ajax创建动态网页3-3-6能熟练使用Laravel框架构建动态网站3-3-4-S5能使用RestfulAPI设计跨平台跨语言的数据接口3-3-5-S6能使用Ajax的XML、JSON数据格式、JSONP跨域等功能并解决应用中出现的问题3-3-6-S7能使用Laravel的路由、控制器、Blade模板、前端组件等功能并解决应用中出现的问题16

3-4-1能使用ES6新规范构建前端程序3-4-1-S1能使用ES6基础语法、代码组织构建前端程序并解决在应用中出现的问题3-4-2-S2能使用的异步编程、异步IO，包管理以及模块构建高性能服务器端环境，并解决在应用中出现的问题3-4-2-S3能使用应用框架Express构建网站3-4-3-S4能使用Vue组件、工程化工具、路由、Vuex状态管理以及UI库进行组件封装并解决应用中出现的问题3-5-1-S1能熟练使用语义化、代码规范、去掉无意义字符等优化方式进行网页代码结构的优化3-5-2-S2能通过对图片的压缩、优化、加载的方式实现网站图片资源优化3-5-3-S3能使用HTTP缓存、预加载技术实现前端资源加载优化3-4-1-K1掌握使用ES6新规范构建前端程序的方法，并掌握应用中出现问题的解决方法3-4-2-K2掌握使用构建高性能服务器端环境的方法，并掌握应用中出现问题的解决方法3-4-2-K3掌握设置中间件来响应HTTP请求的方法，并掌握应用中出现问题的解决方法3-4-3-K4掌握Vue渐进式框架进行网站架构设计的使用方法，并掌握应用中出现问题的解决方法3-5-1-K1掌握使用HTML、CSS进行代码结构优化的方法，并掌握应用中出现问题的解决方法3-5-2-K2掌握对图片资源优化的方法，并掌握应用中出现问题的解决方法3-5-3-K3掌握前端资源加载优化的方法，并掌握应用中出现问题的解决方法3-4架构设计3-4-2能使用构建高性能服务器端环境3-4-3能掌握Vue前端框架并完成组件封装3-5-1能熟练进行HTML、CSS代码结构优化3-5-2能进行图片资源优化3-5-3能进行前端资源加载优化3-5-4能熟练使用Webpack分析项目结构，并将JavaScript模块及其他浏览器不能直接运行的拓展语言打包为合适的格式以供浏览器使用3-6-1能够利用HTML5进行移动端静态网页优化网站性能优化3-5性能优化3-5-4-S4能熟练使用Webpack的Output出口、Plugin插件、Module模块技术打包网站资源3-5-4-K4掌握Webpack打包的基本方法，并掌握应用中出现问题的解决方法移动端静态网站开发3-6移动端静态网3-6-1-S1能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能并解决应用中出现的问题3-6-1-K1掌握HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素开发静态网站的知识，并掌握应用中出现问题的解决方法17

页开发3-6-2能运用CSS3新特性调整页面属性3-6-2-S2能熟练使用CSS3的选择器、背景特性、盒模型、多列布局、弹性布局等属性开发移动端网页并解决应用中出现的问题3-6-2-K2掌握CSS3新特性、动画效果、2D、3D功能知识，并掌握应用中出现问题的解决方法3-6-3-K3掌握JavaScriptOOP面向对象程序设计的方法，并掌握应用中出现问题的解决方法3-6-4-K4掌握Bootstrap开发Web应用程序和网站前端框架的方法，并掌握应用中出现问题的解决方法3-6-5-K5掌握使用Canvas绘制的方法，并掌握应用中出现问题的解决方法3-6-6-K6掌握SVG可缩放矢量图形的使用方法，并掌握应用中出现问题的解决方法3-6-3能熟练使用JavaScript开发交互效果页面3-6-4能熟练使用Bootstrap前端框架进行快捷开发3-6-5能熟练使用Canvas绘制网页图表、动画等3-6-6能熟练使用SVG描述二维矢量图形3-6-7能熟练使用Less实现静态网页的动态样式3-7-1能够利用HTML5进行静态网页美化3-7-2能运用CSS3新特性调整页面属性3-6-3-S3能熟练使用JavaScriptOOP、原型链、常用设计模式等功能并解决应用中出现的问题3-6-4-S4能熟练使用Bootstrap栅格系统、基本样式、组件、Less和Sass、插件、Bootstrap定制及优化、Bootstrap内核解码等功能并解决应用中出现的问题3-6-5-S5能熟练使用Canvas绘制功能美化网页，并解决应用中出现的问题3-6-6-S6能熟练使用SVG可缩放矢量图形功能美化网页，并解决应用中出现的问题3-6-7-K7掌握Less语法知识，3-6-7-S7能使用Less语法进行网页并掌握应用中出现问题的解美化，并解决应用中出现的问题决方法3-7-1-K1掌握HTML5新增全3-7-1-S1能熟练使用HTML5新增语局属性、结构化与页面增强、义化元素、页面增强元素与属性及多表单标签、多媒体元素开发静媒体元素等功能，并解决应用中出现态网站的知识，并掌握应用中的问题出现问题的解决方法3-7-2-S2能使用CSS3的边框特性、颜色、字体、盒阴影、背景特性、渐变、过渡等属性美化移动端网页并解决应用中出现的问题3-7-2-K2掌握解决CSS3新特性、动画效果、2D、3D功能知识，并掌握应用中出现问题的解决方法3-7移动端静态网页美化18

3-8-1能熟练使用MySQL数据库进行数据管理3-8-1-S1能熟练使用MySQL数据库创建表、设置约束、设置自增型字段、复制表结构、修改表、修改字段、修改约束条件、修改表名、删除表、插入/修改/查询/存储数据、触发器、事务、视图等功能进行数据管理，并解决应用中出现的问题3-8-1-K1掌握使用MySQL中创建修改删除表、数据的基本操作进行数据管理的知识，并掌握应用中出现问题的解决方法3-8-2能熟练使用PHP制作动态网页3-8动态网页开发3-8-3能熟练使用Ajax创建动态网页移动端动态网站开发3-8-2-K2掌握PHP基本语法、数据类型、数据输出、编码规范、常量、变量、PHP运算符、数据类型转换、条件判断语3-8-2-S2能熟练使用PHP的编码技句、循环控制语句、跳转语句术操作MySQL数据库，进行动态网和终止语句、一维数组、二维站开发数组、遍历与输出数组、函数、3-8-3-S3能熟练使用Session的操作、PHP操作MySQL数据库、管Cookie的操作开发动态网站理MySQL数据库中的数据、Session的操作、Cookie的操作等功能和应用中出现问题的解决方法3-8-3-S4能使用Ajax的XML、JSON数据格式、JSONP跨域等功能创建态网页，并解决应用中出现的问题3-8-3-K3掌握Ajax进行数据交互的使用方法3-8-4能熟练使用Bootstrap前端框架进行快捷开发3-8-4-S5能使用Bootstrap的栅格系统、基本样式、组件、插件、定制及优化等功能，并解决应用中出现的问题3-8-5-S6能熟练使用jQueryMobile设计弹出框、设计侧滑面板、设计相册、设计九宫格、设计通讯录组建Web网站，并解决应用中出现的问题3-9-1-S1能使用ES6基础语法、代码组织构建前端程序并解决在应用中出现的问题3-8-4-K4掌握使用Bootstrap布局、组件、Sass功能快捷开发前端框架的知识和解决应用出现问题的方法3-8-5能熟练使用jQueryMobile开发移动Web网站3-8-5-K5掌握使用jQueryMobile创建移动Web应用的方法，并掌握应用中出现问题的解决方法3-9架构设计3-9-1使用ES6新规范构建前端程序3-9-1-K1掌握使用ES6新规范构建前端程序的方法19

3-9-2使用构建高性能服务器端环境3-9-3能熟练使用Vue框架进行用户界面构建3-10-1能熟练进行HTML、CSS代码结构优化3-10-2能进行图片资源优化3-10-3能进行前端资源加载优化3-10-4能熟练使用Webpack分析项目结构，并将JavaScript模块及其他浏览器不能直接运行的拓展语言打包为合适的格式以供浏览器使用3-9-2-S2能使用的交互模式、事件循环、函数路由构建高性能服务器端环境3-9-2-K2掌握使用构建高性能服务器端环境的方法3-9-3-S3能使用Vue组件、Vue工程化开发、Vue路由、Vue状态管理进行网站架构设计3-9-3-K3掌握使用Vue渐进式框架进行网站架构设计的方法3-10-1-S1能熟练使用语义化、代码规范、去掉无意义字符等优化方式进行网页代码结构的优化3-10-2-S2能对图片的压缩、加载的方式实现网站图片资源优化3-10-1-K1掌握使用HTML、CSS进行代码结构优化的知识3-10-2-K2掌握对图片资源优化的方法移动端性能优化3-10性能优化3-10-3-S3能使用HTTP缓存、预加载技术实现前端资源加载优化3-10-3-K3掌握前端资源加载优化的方法3-10-4-S4能熟练使用Webpack的Output出口、Plugin插件、Module模块技术打包网站资源3-10-4-K4掌握Webpack打包的基本方法20

附件：名词解释:超文本标记语言，标准通用标记语言下的一个应用。:层叠样式表(英文全称：CascadingStyleSheets),是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的语言，用于为HTML文档定义布局。ript：一种直译式脚本语言，其主要作用是在不与服务器交互的情况下修改HTML页面内容,为网页添加各式各样的动态功能。Ecma国际以JavaScript为基础制定了ECMAScript标准。:是一个快速、简洁的JavaScript框架，是一个优秀的JavaScript代码库（或JavaScript框架）。:文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。:即UserInterface（用户界面）的简称。泛指用户的操作界面，包含于移动APP、网页、智能穿戴设备等。3:是CSS（层叠样式表）技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。k：通过在CSS样式中加入一些特殊的符号，区别不同浏览器制作不同的CSS样式的设置，解决浏览器显示网页特效不兼容性问题。:超文本预处理器（HypertextPreprocessor），PHP将程序嵌入到HTML文档中去执行，是Web开发动态网页制作技术之一。:是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。5:万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时更好地支持网页中嵌入各种媒体。:面向对象编程（ObjectOrientedProgramming，OOP，面向对象程序设计）是一种计算机编程架构。21

rap:是美国Twitter公司的设计师MarkOtto和JacobThornton合作基于HTML、CSS、JavaScript开发的简洁、直观的前端开发框架，使得Web开发更加快捷。:是一种CSS预处理语言，它扩充了CSS语言，增加了诸如变量、混入、函数等功能，让CSS更易维护，方便制作主题和扩充。使用CSS的语法。:Sass（SyntacticallyAwesomeStyleSheets）是一个相对新的编程语言，Sass为web前端开发定义一套新的语法规则和函数，以加强和提升CSS，Sass的安装需要Ruby环境。:是一个关系型数据库管理系统，由瑞典MySQLAB公司开发，目前属于Oracle旗下产品。:（ApplicationProgrammingInterface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而无需访问源码，也无需理解内部工作机制的细节。:超文本传输协议（HTTP，HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。l:表现层状态转化（RepresentationalStateTransfer）软件架构风格，提供了一组设计原则和约束条件。:（WorldWideWeb）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式信息系统。:即“AsynchronousJavascriptAndXML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。:可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。:(JavaScriptObjectNotation,JS对象简谱)是一种轻量级的数据交换格式。:(JSONwithPadding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。l:Laravel是一套简洁、优雅的PHPWeb开发框架(PHPWebFramework)。:快速搭建一个Web应用程序的开源框架n:会话，指浏览器和服务器的一次交互。22

:有时也用其复数形式Cookies，指某些网站为了辨别用户身份、跟踪session而储存在用户本地终端上的数据（通常经过加密）。Mobile:是jQuery框架的一个组件，用于创建移动端Web应用的的前端框架。6:ECMAScript语言规范第六版。ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言，是JavaScript的标准。:是JavaScript运行在服务端的平台。s:是一个简洁而灵活的应用框架。:是一套构建用户界面的渐进式框架。k:是一个模块打包工具，将Web开发的各种资源打包压缩在指定的文件中。:画布，是HTML5中新增的标签，用于网页实时生成图像，并且可以操作图像内容。:可缩放矢量图形，是基于可扩展标记语言XML（标准通用标记语言的子集）用于描述二维矢量图形的一种图形格式。23