Web全栈工程师平均薪资
取自51job、拉勾网、赶集招聘网、猎聘网等多家专业招聘平台4927份样本，截止2016.01.30，来源可靠度：非常高
H5是集文字、图片、音乐、视频、链接等多种形式的展示页面，丰富的控件、灵活的动画特 效、强大的交互应用和数据分析，高速低价的实现信息传播，非常适合通过手机的展示、分享。也因其灵活性高、开发成本低、制作周期短的特性使其成为当下企业 营销的好利器，常见于企业宣传、活动推广、产品介绍、会议邀请、公司招聘等
如今，前端开发工程师的职责不是只有切图、制作网页这么简单哦！
前端开发工程师技能
| 探索HTML5 |
HTML 简介 HTML 元素 HTML 标签 HTML 属性 HTML 文本格式化 HTML 实体 HTML 链接，相对路径，绝对路径 HTML 图像 HTML 列表 HTML 表格 HTML 背景 HTML 表单 HTML布局 |
HTML表单页面,包括以下应用: (1)单行文本输入框 (2)表单提交按钮 (3)表单重置按钮 (4)复选框 (5)单选框 (6)下拉框 (7)多行文本输入框 (8)密码输入框 简单的企业网站首页可以用表格布局（涉及一些字体，图像，背景，颜色等的使用） 框架页的编写 在网页中使用新表单控件 使用HTML5新标签对网页进行布局 |
| 探索CSS3 |
CSS－介绍 CSS－选择器 CSS语法 ID选择器、类选择器、派生选择器 CSS字体属性 CSS常用文本属性 CSS背景属性 CSS边框属性 CSS边距属性 CSS间隙属性 CSS盒子模式 CSS列表样式属性 CSS伪类 CSS3 - transform变换属性 CSS3 - transition过渡动画 CSS3－animation自定义动画 CSS3-animate.css使用 CSS3-常用单位一览 CSS -布局 |
CSS 基础语法规则的使用 使用css选择器控制页面每一个元素的样式 元素的变形属性（元素放大，缩小，旋转，拉伸等） 元素的样式过渡(颜色的渐变等) 自定义动画(css3弹球效果) 2D/3D 转换(查看大图的显示效果) 动画库Animate.css的使用 CSS Hack(各大浏览器的兼容调试) CSS 优化(优化代码结构) |
| PC实战 |
1.使用html5以及css3完成响应式网站的制作 2.兼容各种分辨率的响应式网站 CCS3－制作伊森手表网站 |
运用html5和CSS3知识，完成实战响应式项目： 1.伊森手表 2.金领企业网站 |
| 移动端实战 |
CSS3－移动端现状介绍及未来发展 CSS3－视口介绍 CSS3－移动端适配 CSS3－制作购物app |
掌握视口的设置原理 完成实战项目： 团购app ；社交网站； 完成实战项目： |
| Bootstrap |
Bootstrap - 基本介绍 Bootstrap - 基本实例 Bootstrap - 栅格系统 Bootstrap - 排版 Bootstrap - 表格 Bootstrap - 表单 Bootstrap - 按钮 Bootstrap - 图片 Bootstrap - 响应式工具 Bootstrap - 组件 Bootstrap - Javascript插件 Bootstrap - 项目实战 |
理解 Bootstrap 的原理 熟练掌握Bootstrap 的核心API 能够实现响应式布局以及功能交互 完成实战项目： layabox游戏引擎主题网站 |
| Sass |
Sass的介绍与安装 Sass的编译 Sass的语法 Sass的项目使用 |
Sass的实现原理 Sass的编译和基本使用 Sass如何应用到项目 |
| Javascript 入门基础 |
JavaScript语言介绍 JavaScript变量 JavaScript流程控制 JavaScript函数 内置对象、属性、方法、事件 浏览器对象、文档对象 DOM基础应用 正则表达式 JSON |
目的要求：如何引用js；掌握js的语法 练习：阶乘计算；99乘法表 （1）文件域的动态生成与删除 （2）表格的动态生成与删除 （3）JSON对象，函数的自定义与传值 演示常见的错误，培训学员使用 FireFox调试网页，解决网页错误 |
| Javascript 高级应用 |
介绍各种js类库Zepto,jquery,easyui,JQUERY UI 掌握jQuery的使用及其插件的封装；在jQuery中编写插件、插件扩展、插件应用 touchJS、jQuery.pagination分页、jQuery.artDialog弹出层 jQuery custom-scrollbar滚动条 JQUERY UI /jquery mobile使用 AJAX同源策略和跨域 JSON XML 熟悉JavaScript的设计模式；构造函数，单例、工厂、代理、观察者等设计模式 ES6初步和Babel 掌握模块化开发AMD，CMD的设计规范 理解模块式开发，以及requirejs / seajs / CommonJS插件的使用面向组件编程的方式 面向组件编程的实现原理 面向组件编程实战 RequireJS框架介绍 LoadJS框架介绍 SeaJS框架讲解及实操 |
制作网站的动态特效 在HTML文件中添加jQuery的应用 使用JQuery中的核心方法 常用选择器的使用 常用的JQuery方法 jQuery中的几种实现方法 使用JQuery实现一些常见的页面实例，进面巩固JQuery的学习 jquery插件使用 掌握jQueryUI的使用原理 异步获取数据 使用JQuery实现一些常见的页面实例，进面巩固JQuery的学习 |
| canvas |
canvas - canvas简介和应用领域介绍 canvas - 基础绘图接口使用 canvas - 高级绘图接口使用 canvas - 图像文件处理 canvas - 游戏开发构思 canvas - 游戏分镜头设计 canvas - 国内外游戏框架横向对比及介绍 项目实战 SVG WEBGL扩展 Chart.js echarts |
通过系统学习canvas基本到高级接口，熟悉使用市场上流行的游戏框架，完成实战项目 SVG的掌握和效果展示、运用 WEBGL扩展的掌握和效果展示、运用 Chart.js插件的掌握和效果展示、运用 echarts插件的掌握和图表效果展示、运用 canvas - 【实操】原生canvas游戏“贪吃蛇” |
| 游戏引擎 |
lufylegend 游戏引擎 Egret引擎 layabox引擎 项目实战 |
掌握lufylegend 游戏引擎的原理、使用方法 掌握Egret引擎的原理、使用方法 掌握layabox引擎的原理、使用方法 飞机大战项目实战 |
| web工作流框架 |
WEB工作流 - 介绍 gulp - 介绍 gulp - 搭建环境（Nodejs的安装和NPM的使用） gulp - 全局安装 gulp - package.json文件配置 gulp - gulpfile.js文件配置 gulp - 插件安装 Webpack - 介绍 Webpack - 全局安装和局部安装 Webpack - 查看版本和安装指定版本 Webpack - 实现单个或多个JS文件编译 Webpack - 设置源文件目录 Webpack - 省略文件后缀 Webpack - 编译CSS和引用CSS Webpack - 编译SASS和引用SCSS Webpack - 执行命令 Bower - 介绍 Bower - 全局安装 Bower - 初始化（bower.json文件配置） Bower - 安装最新包和指定版本包 Bower - 自定义安装目录 Bower - 更新、查找和卸载包 Grunt - 基本使用 |
知悉业界内技术最前沿的WEB工作流开发方式 掌握Nodejs的安装和Npm的基本使用 理解Gulp的基本原理，从实战中收获项目经验： 1) 掌握如何安装Gulp工具 2) 掌握如何配置Gulp，个性化配置适合自己的开发模式 掌握如何利用Gulp插件，享受高效开发体验 理解Webpack的基本原理和开发效能 1) 掌握各种Webpak安装方式 2) 掌握各位编译（http://www.wengdo.com/statics/js/wdJS/http://www.wengdo.com/statics/css/wdCSS/SASS） 3) 掌握Webpack的命令行操作 理解Bower的基本原理，清晰高效利用插件的开发方式 1) 掌握Bower的各种安装方式 2) 掌握Bower的常用操作 理解Grunt的基本原理和使用 掌握前端开发工具（Gulp、webpack、Grunt、Bower），快速有效完成项目。实现常见的HTML、CSS、JS文件压缩优化、打包等操作，落实到利用WEB工作流工具构建高质量、高性能、高规范化的前端项目。 |
| 面向模块 组件编程 |
面向组件编程的方式 面向组件编程的实现原理 面向组件编程实战 AMD设计规范 CMD设计规范 RequireJS框架介绍 LoadJS框架介绍 SeaJS框架讲解及实操 |
掌握模块化javascript编程思想 |
| mvc/mvvm 框架 |
Angular.js - 基本介绍 Angular.js - 基本实例 Angular.js - 控制器 Angular.js - 模板 Angular.js - 过滤器 Angular.js - 依赖注入 Angular.js - MVC Angular.js - 服务 Angular.js - 与服务端的交互 Angular.js - 指令 Angular.js - 路由 Angular.js - 项目实战 |
理解 AngularJS 的框架原理，掌握 MVC 编程模式，能够熟练使 用 AngularJS 实现页面的重构 Angularjs电影网项目 TK科技项目 |
| hybrid app介绍 |
phonegap介绍 Ionic工具介绍 Appcan工具介绍 Dcloud工具介绍 Apicloud工具介绍 |
掌握现在市场上流行的web APP框架 |
| 本地存储 方案 |
cookie localstorage sessionstorage websql |
掌握常用的移动端缓存原理，并熟悉其使用 |
| HTML5+ |
HTML5+ - 中国产业联盟 HTML5+ - Runtime环境 HTML5+ - HBuilder开发工具 HTML5+ - MUI框架 HTML5+ - 【实操】开发和部署 |
学习主流WEB APP框架H5+和mui， 并完成实战项目： 艺术盒子社交类App |
| 服务端开发 技术简介 |
PHP服务器端技术简介及Apache 服务器 Nodejs服务端技术简介及使用 前台对接后台接口技术 掌握XML知识 掌握JSON知识 介绍jsonp及ajax技术 实战APP调用后台数据并输出 |
掌握各种主流服务器以及服务器端技术 能够实现服务器端的部署 透彻理解 HTTP 协议 掌握服务器端组件原理 能够实现服务器端的通信分析 |
收藏网站