1+X”中级Web前端证书对应课程分析

Web前端中级证书的技能介绍

主要职业能力

(1)具有前端新知识、新技能的学习能力和 创新创业能力;

(2)具备网站规划与建设能力;

(3)具备关系型数据库设 计与管理能力;

(4)具备网站响应式开发能力;

(5)具备数据交互能力

我们根据Web前端职业技能等级标准(中级)的要求,将知识技能点分类统计,回归到6门课程:(ps:获得证书考核方式在文章末尾)

Web前端的课程存在较大的关联性,进行课程组合,以供开课参考。

我们很容易观察到,中级Web前端开发职业等级要求,其实涵盖了PHP工程师(等级标准中还包含Laravel框架)的要求,服务器端以PHP为主结合MySQL数据库,能够让Web前端工程师理解后端服务器数据接口原理,进行更好的前后端分离开发协作。

对于Web前端工程师这个职业,HTML、CSS、JavaScript都是重要的基础课,其中最重要的是JavaScript,在Web前端教学中应作为核心课程重点投入。

1.HTML

技能要求:

  1. 能熟练使用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能搭建静态网页
  2. 能熟练使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化网页
  3. 能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能美化页面、开发移动端页面

知识要求:

+掌握并熟练应用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能

+掌握HTML在网页中嵌入多媒体、使用框架结构、网页中使用表格创建表单的使用方法

+掌握、理解HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法

2.CSS

技能要求:

  1. 能熟练使用CSS设计、美化网页样式
  2. 能熟练使用Hack原理实现CSS中的样式效果
  3. 能熟练使用CSS3的选择器、盒模型、过渡、动画等属性美化网页
  4. 使用em/rem/vw/vh等单位开发移动端网页,达到美化网页的效果
  5. 能熟练使用CSS3的选择器、背景、盒模型、渐变、多列布局等属性开发动态网页

知识要求:

+掌握CSS的区块、网页布局属性的使用方法

+掌握CSS的选择器、单位、字体样式、文本样式、颜色、背景的使用方法

+掌握CSS3选择器在页面中插入各种盒子模型、背景样式使用方法

+掌握CSS3特性、动画效果、多列布局以及弹性布局的使用方法

+掌握CSS3选择器、边框特性、颜色、字体、盒阴影、背景特性、盒模型、渐变功能的使用方法


3.JavaScript

技能要求:

  1. 能熟练使用JavaScript开发交互效果页面
  2. 能熟练使用运算等基础语言和内置函数实现数据交互
  3. 能熟练使用JavaScript对象和DOM编程实现交互效果页面
  4. 能熟练使用Ajax中的XML、JSON数据格式与网站后端进行数据交互
  5. 能熟练使用jQuery选择器、jQuery中的DOM操作、滚动、图表、布局、文字处理及UI等插件、jQuery事件和动画等开发交互效果页面

知识要求:

+掌握JavaScript基础语言、函数、面向对象功能的使用方法

+掌握Ajax技术,实现异步刷新,异步获取数据的使用方法

+掌握jQuery中选择、插件、事件和动画功能的使用方法


4.MySQL

技能要求:

  1. 能使用MySQL基本操作进行数据管理

知识要求:

+掌握MySQL中创建表、设置约束、设置自增型字段、表结构的复制、修改表、修改字段、修改约束条件、修改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图的使用方法


5.PHP

技能要求:

  1. 能熟练使用PHP的编码技术操作Mysql数据库,进行动态网站开发。
  2. 能使用Session的操作、Cookie的操作开发动态网站
  3. 能根据HTTP协议方法定义操作,能使用API进行数据筛选、支持大型二进制资源的部分响应与后端进行交互
  4. 能熟练使用Laravel的路由、控制器、Blade模板、前端组件构建动态网站

知识要求:

+掌握PHP的基础操作、数组函数、面向对象、基本语法、数据类型、数据输出、编码规范、常量、变量、PHP运算符、数据类型转换、条件判断语句、循环控制语句、跳转语句和终止语句、一维数组、二维数组、遍历与输出数组、函数、PHP操作MySQL数据库、管理MySQL数据库中数据的使用方法

+掌握基本的API设计方法

+掌握Laravel框架构建动态网站的使用方法


6.Bootstrap

技能要求:

  1. 能使用Bootstrap栅格系统、基本样式、组件、Less和Sass、插件、Bootstrap定制及优化、Bootstrap内核解码开发响应式页面

知识要求:

+掌握Bootstrap布局、组件、基本样式、插件、组件的使用方法


证书的考核方式

Web 前端开发职业技能初、中、高三个级别的考核方式为闭卷考试,采用上机考试形式。考试包括理论考试和实操考试两部分。

理论考试与实操考试合格标准均为 60 分,两部分考试成绩均合格的学员可以获得相应级别的职业技能等级证书。


附件:前端技术名词解释

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(标准 通用标记语言的子集)用于描述二维矢量图形的一种图形格式。

未经允许不得转载:创之梦博客 » 1+X”中级Web前端证书对应课程分析

赞 (1)
分享到:更多 ()