一篇文章带你解1+X Web 前端开发考核考纲（详细介绍）（涵盖初级、中级、高级）

📚文章目录一览

📄前言

Web 前端开发职业技能概况

名称：

🎯职业技能定义：

🎯职业技能等级：

职业技能特征：

Web 前端开发（初级）

培训学时：

衔接中职专业：

衔接高职专业：

接续本科专业：

培养目标：

就业方向：

🎯主要职业能力：

🎯核心课程与实习实训：

🎯能力标准与知识要求：

Web 前端开发（中级）

培训学时：

衔接中职专业：

衔接高职专业：

接续本科专业：

培养目标：

就业方向：

🎯主要职业能力：

🎯核心课程与实习实训：

🎯能力标准与知识要求：

Web 前端开发（高级）

培训学时：

衔接中职专业：

衔接高职专业：

接续本科专业：

培养目标：

就业方向：

🎯主要职业能力：

🎯核心课程与实习实训：

🎯能力标准与知识要求：

🎯关于Web 前端开发职业技能名词解释

---

📄前言

本文章介绍《Web 前端开发职业技能等级标准》（简称“标准”），本标准将 Web 前端开发职业技能分为初、中、高三个等级，其 中高级证书持有者具有复杂网页设计开发能力和网站架构设计规划 能力；中级证书持有者具有动态网页设计开发能力；初级证书持有者 具有静态网页开发能力。（这也就是我们熟知的1+X Web前端开发职业技能标准）

其中🎯标记的内容需重点关注

Web 前端开发职业技能概况

名称：

Web 前端开发

🎯职业技能定义：

利用 HTML、CSS、JavaScript、网页开发框架等专业知识、方法 和工具将产品 UI 设计稿实现成网站的技能。

🎯职业技能等级：

本职业技能共设三个等级，分别为： 初级、中级、高级 。

职业技能特征：

具有较强的逻辑思维能力，拥有良好的编写代码习惯，沟通能力 强，具有运用色彩搭配、点线面布局来设计较好用户体验网站页面的 能力

---

Web 前端开发（初级）

培训学时：

96学时。

衔接中职专业：

通信技术、电子与信息技术、电子技术应 用、计算机应用。

衔接高职专业：

计算机应用技术、计算机信息管理、软件技术、软件与信息服务。

接续本科专业：

计算机科学与技术、电子信息工程、电子科学与技术、软件工程。

培养目标：

围绕互联网 + 、新兴技术行业带来的 Web 前端 开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握 Web 前端开发基础知识，具备静态网页设计、开发、调试、维护等能力，能从事 Web 前端软件编码、软件测试、软件技术服务等工作的初级技术技能人才。

就业方向：

主要面向各企事业单位、政府部门等的信息化数字化部门，从事静态网页制作、响应式页面搭建等工作，根据视觉和交互原型要求实现网站页面和交互效果。

🎯主要职业能力：

1. 具有前端开发新知识、新技能的学习能力；
2. 具备静态网站设计与制作能力。

🎯核心课程与实习实训：

1. 核心课程:Web 页面制作基础、HTML5 开发基础与应用、轻量级前端框架、JavaScript 程序设计等。
2. 实习实训:线上实训方式，与项目实例相结合的教学方法，学生通过在线编程环境，完成静态网页制作、专题栏目的静态宣传页（二级网页）制作、动画效果制作等实际项目

🎯能力标准与知识要求：

---

Web 前端开发（中级）

培训学时：

224 学时。

衔接中职专业：

通信技术、电子与信息技术、电子技术应用、计算机应用。

衔接高职专业：

移动互联应用技术、计算机应用技术、计算机信息管理、软件技术、软件与信息服务、移动应用开发、智能产品开发。

接续本科专业：

计算机科学与技术、电子信息工程、电子科学与技术、软件工程。

培养目标：

围绕互联网 + 、新兴技术行业带来的 Web 前端 开发、移动端开发技术技能人才需求，以企业用人为导向，以岗位技能和综合素质为核心，培养具有良好职业道德和人文素养，掌握 Web 前后端数据交互、响应式开发等知识，具备动态网页设计、开发、调 试、维护等能力，能从事 Web 前端软件编程、软件测试、软件技术服务、智能终端界面开发等工作的中级技术技能人才。

就业方向：

主要面向 IT 互联网企业、互联网转型的传统型 企事业单位、政府部门等的软件研发、软件测试、系统运维部门，从事网站规划与建设、网站开发与维护、关系型数据库开发管理等工作，根据网站开发需求，编制并实施解决方案。

🎯主要职业能力：

1. 具有前端新知识、新技能的学习能力和 创新创业能力；
2. 具备网站规划与建设能力；
3. 具备关系型数据库设 计与管理能力；
4. 具备网站响应式开发能力；
5. 具备数据交互能力。

🎯核心课程与实习实训：

1. 核心课程:MySQL 数据库基础与应 用、PHP 技术与应用、Web 前后端数据交互技术、响应式开发技术、 网站项目实战等课程。
2. 实习实训:线上线下相结合的实训方式，与 项目实例相结合的教学方法，以面向门户网站、交易类网站、企事业 网站、娱乐性质网站的规划与建设、开发与维护、关系型数据库开发 与管理等为实训项目内容，配备一定量的企业实际项目

🎯能力标准与知识要求：

---

Web 前端开发（高级）

培训学时：

320 学时。

衔接中职专业：

通信技术、电子与信息技术、电子技术应用、计算机应用。

衔接高职专业：

移动互联应用技术、计算机应用技术、计算机信息管理、软件技术、软件与信息服务、移动应用开发、智能产品开发。

接续本科专业：

计算机科学与技术、电子信息工程、电子科学与技术、软件工程。

培养目标：

围绕互联网 + 、新兴技术行业带来的 Web 前端 开发、移动端开发技术技能人才需求，以企业用人为导向，以岗位技 能和综合素质为核心，培养具有良好职业道德和人文素养，掌握 Web 前端框架应用、性能优化与自动化技术等知识，具备前端架构、移动智能终端开发、组件化开发等能力，能从事 Web 前端架构设计、技 术选型、组件化等工作的高级技术技能人才。

就业方向：

主要面向 IT 互联网企业、互联网转型的传统型 企事业单位、政府部门等的软件研发、软件测试、系统运维部门，从 事前端架构设计、移动端项目开发、智能设备前端开发、组件和类库 编写等工作，根据网站开发需求，进行架构设计并管理实施解决方案。

🎯主要职业能力：

1. 具有前端新知识、新技能的学习能力和 创新创业能力；
2. 具备前端架构设计能力；
3. 具备移动端开发能力；
4. 具备前端组件化能力；
5. 具备网站性能优化能力。

🎯核心课程与实习实训：

1. 核心课程：前端高效开发框架技 术与应用、性能优化与自动化技术、移动 Web 设计与开发等。
2. 实习实训：结合线上线下学习平台与项目实例相结合的教学方法，以前 端架构设计、移动前端项目开发、智能设备前端开发、组件和类库的 编写等为实训项目内容，同时可以为成绩优秀的学员提供企业实习机会

🎯能力标准与知识要求：

---

🎯关于Web 前端开发职业技能名词解释

1.HTML:

超文本标记语言，标准通用标记语言下的一个应用。

2.CSS:

层叠样式表(英文全称：Cascading Style Sheets),是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的语言，用于为 HTML 文档定义布局。

3.JavaScript：

一种直译式脚本语言，其主要作用是在不与服务器交互的情况下修改 HTML 页面内容, 为网页添加各式各样的动态功能。Ecma 国际以 JavaScript 为基础制定了 ECMAScript 标准。

4.jQuery:

是一个快速、简洁的 JavaScript 框架，是一个优秀的JavaScript 代码库（或 JavaScript 框架）。

5.DOM:

文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标志语言的标准编程接口。

6.UI:

即 User Interface（用户界面）的简称。泛指用户的操作界面，包含于移动 APP、 网页、智能穿戴设备等。

7.CSS3:

是 CSS（层叠样式表）技术的升级版本，于 1999 年开始制订，2001 年 5 月 23 日 W3C 完成了 CSS3 的工作草案，主要包括盒子模型、列表、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块 。

8.CSS hack：

通过在 CSS 样式中加入一些特殊的符号，区别不同浏览器制作不同的 CSS 样式的设置，解决浏览器显示网页特效不兼容

性问题。

9.PHP:

超文本预处理器（Hypertext Preprocessor），PHP 将程序嵌入到 HTML 文档中去执行，是 Web 开发动态网页制作技术之一。

10. IFRAME:

是 HTML 标签，作用是文档中的文档，或者浮动的框架(FRAME)。

11. Html5:

万维网的核心语言，标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时更好地支持网页中嵌入各种媒体。

12. OOP:

面向对象编程（Object Oriented Programming，OOP，面向对象程序设计）是一种计算机编程架构。

13. Bootstrap:

是美国 Twitter 公司的设计师 Mark Otto 和 Jacob Thornton 合作基于 HTML、CSS、JavaScript 开发的简洁、直观的前端开发框架，使得 Web 开发更加快捷。

14. Less:

是一种 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混入、函数等功能，让 CSS 更易维护，方便制作主题和扩充。使用 CSS 的语法。

15. Sass:

Sass（Syntactically Awesome Style Sheets）是一个相对新的编程语言，Sass 为 web 前端开发定义一套新的语法规则和函数，以加强和提升 CSS，Sass 的安装需要 Ruby 环境。

16. MySQL:

是一个关系型数据库管理系统，由瑞典 MySQL AB公司开发，目前属于 Oracle 旗下产品。

17. API:

（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而无需访问源码，也无需理解内部工作机制的细节。

18. HTTP:

超文本传输协议（HTTP，HyperText Transfer Protocol) 是互联网上应用最为广泛的一种网络协议。

19. RESTful:

表现层状态转化（Representational State Transfer）软件架构风格，提供了一组设计原则和约束条件。

20. Web:

（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和 HTTP 的、全球性的、动态交互的、跨平台的分布式信息系统。

21. Ajax:

即 “Asynchronous Javascript And XML” （ 异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。

22. XML:

可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。

23. JSON:

(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。

24. JSONP:

(JSON with Padding)是 JSON 的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。

25. Laravel:

Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。

26. BLADE:

快速搭建一个 Web 应用程序的开源框架

27. Session:

会话，指浏览器和服务器的一次交互。

28. Cookie:

有时也用其复数形式 Cookies，指某些网站为了辨别用户身份、跟踪 session 而储存在用户本地终端上的数据（通常经过加密）。

29. jQuery Mobile:

是 jQuery 框架的一个组件，用于创建移动端Web 应用的的前端框架。

30. ES6:

ECMAScript 语言规范第六版。ECMAScript 是一种由Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言，是 JavaScript的标准。

31. Node.js:

是 JavaScript 运行在服务端的平台。

32. Express:

是一个简洁而灵活的 node.js Web 应用框架 。

33. VUE:

是一套构建用户界面的渐进式框架。

34. Webpack:

是一个模块打包工具，将 Web 开发的各种资源打包压缩在指定的文件中 。

35. Canvas:

画布，是 HTML5 中新增的标签，用于网页实时生成图像，并且可以操作图像内容。

36. SVG:

可缩放矢量图形，是基于可扩展标记语言 XML（标准通用标记语言的子集）用于描述二维矢量图形的一种图形格式。

---

🎯点赞收藏，防止迷路🔥 

---