热线电话:400-889-7654

Web全栈工程师平均薪资

  • 普通网页制作3000~8000元
  • WEB前端工程师平均5000~10000元

取自51job、拉勾网、赶集招聘网、猎聘网等多家专业招聘平台4927份样本,截止2016.01.30,来源可靠度:非常高

H5是集文字、图片、音乐、视频、链接等多种形式的展示页面,丰富的控件、灵活的动画特 效、强大的交互应用和数据分析,高速低价的实现信息传播,非常适合通过手机的展示、分享。也因其灵活性高、开发成本低、制作周期短的特性使其成为当下企业 营销的好利器,常见于企业宣传、活动推广、产品介绍、会议邀请、公司招聘等

  • 倾向于品牌形象塑造,向用户传达品牌的精神态度.在功能上就是为了传播品牌自身的形象.在设计上则需要运用符合品牌气质的视觉语言,让用户对品牌留下深刻印象
  • 为大众利益处着想,所制作的H5页面互动活动,主要目的是传播对社会,对人类有益处的公益事业
  • H5的翻页形式,特别适合步骤式教程表现。一步一页,通过滑动这种交互形式,可以加深对于步骤的理解和认识,有着出人意料的学习效果
  • 聚焦于产品功能介绍,运用H5的互动技术优势尽情展示产品特性,吸引用户买买买
  • 人人都喜欢收到贺卡或邀请,根据此心理,品牌推出各种H5形式的礼物、贺卡、邀请函,通过提升用户好感度来潜移默化地达到品牌宣传的目的,在邀请的同时也展示了自己的产品与品牌,一举多得
  • 不论形式如何多变,有价值的内容始终是第一位。在有限的篇幅里,学会讲故事,引发用户的情感共鸣,将对内容的传播形成极大的推动
  • 形式多变,包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同,H5活动运营页需要更强的互动、更高质量、更具话题性的设计来促成用户分享传播
  • 支付宝的十年账单引发热议,各大企业的年终总结现也热衷于用H5技术实现,优秀的互动体验令原本乏味的总结报告有趣生动

如今,前端开发工程师的职责不是只有切图、制作网页这么简单哦!

前端开发工程师技能

  • 大数据的前端可视化、借助Node.js完成全栈开发、集成测试、自动化工作流、版本控制系统、团队协同、自动化部署等等
  • 使用Facebook推出的React Native或是HTML5 Plus技术构建手机APP!HTML5颠覆原生指日可待,不管苹果还是安卓,都能用上新的APP,降低企业开发成本
  • 开发微信互动,例如《微信打飞机》,《连连看》,《糖果大战》等热门小游戏,这些我们都可以借助于H5来轻松开发
  • 全面掌握PC、手机、iPad等多种设备的网页呈递解决方案,响应式技术可是看家本领,不仅仅是使用,我们会更多的探讨使用领域
  • 熟练使用时下非常流行的HTML5、CSS3、 javascript技术,架构炫酷的页面;页面变得越来越炫,对人才的要求也越来越高
  • 掌握高级面向对象、设计模式、MVC、Angular等高级程序书写技术,可在大项目中,让你的项目结构清晰,易于维护
  • 掌握Ajax技术,页面不刷新便可获得后台或数据库的数据,呈递给用户。多棒的用户体验

探索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 协议
掌握服务器端组件原理
能够实现服务器端的通信分析

万维网的核心语言、超文本标记语言(HTML)的第五次重大修改。HTML5已经于2014年10月正式定稿。然而,大部分现代浏览器已经具备了某些 HTML5支持。WEB时代前沿的技术,特有canvas标签和多种选择的游戏开发引擎,让游戏开发更便捷。如果说苹果重新发明了手机,那么HTML5则 重新定义了网络。链接手机、平板电脑、PC及其他移动终端的桥梁,可以更丰富地展现页面,让视频、音频、游戏及其他元素构成一场华丽的代码盛宴。
过往有非常多的人才跑去学flash等动作制作,只因为他们看到别人的flash会动,而且还是效果很炫酷那种。但现在flash不再流行,替代的产品出 现了。是的,那就是H5,圆你那颗做动画的心。但H5只能做动画?那你就错了,他的应用范围非常广泛,覆盖的领域有传统PC web端,移动web端,微信应用,移动应用等等。所以,只要你有一颗广阔的心,你想做的,它都可以帮你实现,H5就是如此多可能性的一门技术。
HTML4是WEB的流行起点,那么HTML5就是吧WEB推向前所未有的一个新高度,它就是的未来,不仅在电脑端,还是移动端,或是客户端,都有广泛的 应用。据统计2013年全球将有10亿手机浏览器支持HTML5,同时HTML Web开发者数量将达到200万。毫无疑问,HTML5将成为未来5-10年内,移动互联网领域的主宰者。据IDC的调查报告统计,截至2012年5 月,79%的移动开发商已经决定在其应有程序中整合HTML5技术WEB技术发展越来越迅速,HTML5的到来更是把WEB技术推向了巅峰,目前 HTML5技术已经日趋成熟,HTML5的未来十分光明,值得我们去学习。如果还不跟进潮流学习,你就out了!
除了实现之前HTML可以实现的功能外,HTML5做以下特别的事情:
  • 1.实现炫丽的动画效果,通过CSS3便可以做到以前许多费劲的动画效果,可以做更丰富的渲染效果。
  • 2.本地存储 基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,全得益于HTML5 APP Cache,以及本地存储功能。
  • 3.实现多媒体更加简单 利用HTML5的video标签和audio标签非常方便的在网页上添加视频和音频,不需要很复杂的代码,就能打造一款功能齐全的HTML5播放器。
  • 4.三维图形和动画 HTML5的3D引擎却可以更方便的实现3D效果,而且更加逼真,让浏览器多了更多可能,你甚至可以用浏览器玩3D游戏,或其他一些3D的互动。
  • 5.客户端和服务端的通讯,不再依赖各种外部插件,基于H5的新功能,便可以轻松掌握开发。
  • 1 一次编写,随处部署--HTMl5可以在多种设备上运行,而其他方式都无法做到。
  • 2 在互联网中分享--HTML5应用都有一个URL,可在互联网中被随意分享,且在搜索时即可被找到。
  • 3 多厂商标准,建立在协议之上--HTML5是众多公司努力的结果,没有一家厂商可以左右它的方向。
  • 4 适用于多种环境--HTML5应用可以使用交互式设计来提供更好体验,而不需要更改代码。可从桌面到手机到平板电脑无缝进行切换,而无需重复安装不同的应用。
  • 广州文豆网络科技有限公司 Copyright © 2013 All right reserved. 粤ICP备12022584号-2
  • 广州白云
  • 广州番禺
  • 广州海珠
  • 深圳福田