HTML5

HTML5，就是教你更流行的技术

什么是HTML5
HTML5应用特点
HTML5可以做什么
HTML5的优势

万维网的核心语言、超文本标记语言（HTML）的第五次重大修改。HTML5 已经于2014年10月正式定稿。然而，大部分现代浏览器已经具备了某些HTML5支持。HTML5是Web时代最前沿的技术，它特有canvas标签和多种选择的游戏开发引擎，让游戏开发更便捷。如果说苹果重新发明了手机，那么HTML5则重新定义了网络。它是链接手机、平板电脑、PC以及其他移动终端的桥梁，可以更丰富地展现页面，让视频、音频、游戏以及其他元素构成一场华丽的代码盛宴。

生活中无处不在的HTML5终将改变世界

微信

许多微信里刷爆朋友圈的手机酷站、小程序都是用HTML5实现的！

App Store

在苹果应用商店里，已有许多精品HTML5游戏上架。

网络应用

HTML5的特性“跨平台”在Web App(网络应用)大显神威，让开发更加轻松便捷。

游戏开发

现在用HTML5开发游戏的技术已经越来越成熟，在未来，用HTML5开发3A大作是必然的。

Google/windows全面支持 HTML5

同时使用网页语言与程序语言开发，减低开发成本和难度

网页制作

爱丽网、聚美优品等电商网站以大量使用html5。HTML5未来应用将越来越广泛，威力将超乎想象。

“自从H5引领营销风潮以来，吃、穿、住、行、用，各行业巨头都急需H5人才来壮大力量”

饿了么推出H5轻应用使用便捷用户点餐翻番，商家入驻增50%
手淘90%以上业务采用H5方式开发成功解决“顿”“卡”“慢” 问题。
链家租房H5应用拉动客源效果显著加大H5人才招聘，起薪15K无上限
滴滴出行换标H5系列传播效果惊人传播层级54级秒杀其他方式不到7层

开启你的高薪未来

HTML5人才有多火，你造吗？

领先移动互联网时代，互联网名企都在争抢HTML5前端人才

人才缺口大
7亿互联网需求用户，促使HTML5人才缺口高达300万，学HTML5就业零压力。
就业选择多
热门行业随便选：IT、互联网、电子商务、教育、医疗、广告等。
晋升速度快
专员1-2年5000+

主管2-3年10000+

经理3-5年18000+

总监5-8年25000+
创业最容易
轻松转型创办淘宝、开微商，重要的是让你少花钱，任性赚大钱。

迈出成功第一步

一大波职业来袭，成就你幸福的烦恼

高薪就业，让你拥有年薪10-30W。你根本不用操心高薪就业，一切我们来安排。

点击了解详情

HTML5对开发者的优势

过去这几年，HTML5垫付了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将跌幅原生APP世界。

1.跨平台
2.快速迭代
3.持续交付
4.大幅度降低成本
5.更容易推广，更容易爆发
6.开放的数据交换
7.开元生态系统发达

从此不再蓝瘦，香菇，学完后高薪So easy

姓名	毕业院校	专业	入职企业	职位

吴超	福建农林大学	电子信息类	厦门亿联	嵌入式工程师
洪志达	至诚学院	电本	新意科技	java工程师
曹炜安	福建工程学院	嵌入式	联迪商用	Java工程师
张燕芬	师大协和	电子信息工程	福建森华科技有限公司	安卓开发工程师
李晓燕	福建农林大学	电子信息类	新大陆软件	嵌入式工程师
蔡宣旭	福州软件职业技术学院	软件技术	福州世界树环保技术有限公司	Java开发工程师
汤煌	师大协和	电子信息科学与技术	莱博特科学仪器	Java 工程师
范雪微	福建师范大学	电子信息科学与技术	新大陆软件	嵌入式工程师
张秋霞	福建农林大学	电子信息类	福富	Java工程师
孙向南	闽江学院	电子	榕基	JAVA工程师
林奕缤	福建农林大学	电子信息类	联迪商用	JAVA工程师
唐闽云	福建师范大学	电子信息科学与技术	厦门万利达	嵌入式工程师
叶潮敏	福建农林大学	电子信息类	福富	JAVA工程师
曹凯	福建农林大学金山学院	计算机科学与技术	北京中宏利达科技发展有限公司	Java开发工程师
魏文星	国脉信息学院	计算机科学与技术	长威信息科技发展股份有限公司	Java开发工程师
林启明	福州大学	电子信息类	步步高教育电子	Android工程师
郑志翔	至诚学院	电信专业	鑫诺通讯	Java工程师
林祥璋	闽江学院	电子信息工程	福富软件	嵌入式工程师
黄志伟	闽江学院	电子信息类	四创软件	硬件工程师
谢骏豪	闽江学院	嵌入式	福建长威网络科技有限公司	安卓开发工程师

(以上数据来源于锐智内部统计)

报名免费试听查看往期就业薪资

一线实战名师，少有的老司机！跟对”老师才是王道

<<

>>

锐智HTML5课程大纲立体升级

企业导向、项目实战、前沿科技、燃爆web开发潮流

01
第一阶段

HTML5 特色起步阶段
第二阶段

HTML5 WAP前端阶段
02
03
第三阶段

HTML5 移动前端阶段
第四阶段

HTML5 混合型开发阶段
04
05
第五阶段

HTML5 综合素质阶段

第一阶段：HTML5 常用UI工具使用阶段
模块	学习目标	核心知识点
Photoshop基础与提升（图形图像专家）	1、Photoshop工具使用 2、图形图像类UI开发技巧	1、拖拽之间成就绚丽的用户界面：轻松学习Photoshop画图工具 2、图形图像有关的专业基础普及：常见UI界面分类、PS各类核心应用和操作实战 2.1 图像文件的相关操作、Photoshop工具栏学习、钢笔工具熟悉 2.2 选择区的选取方法及其技巧 2.3 绘图工具和修图工具的使用方法及其属性设置 2.4 图像编辑命令的使用方法及其应用 2.5 路径的使用方法及其应用 2.6 文本图层的基本操作及其编辑 2.7 图层基本使用方法及其应用 2.8 动作基本使用方法及其应用 2.9 滤镜基本使用方法及其应用 2.10 ... 3、图像色彩处理命令的基本使用方法及其应用 4、图形处理基础（位图处理和矢量图形处理） 5、PS切图
Adobe edge animation（网页动画制作专家）	1、Adobe edge animation工具使用 2、网页动画类UI类制作技巧	1、不用编程也能让页面动起来：快乐学习Adobe edge animation动画制作工具 2、专家经验：Adobe edge animation工具速成及使用技巧分享 3、实战操作：在edge animation中导出并发布动画文件 3.1 3D动画 3.2 3D物体 3.3 万有引力 3.4 三角函数与动画 3.5 坐标旋转与角度反弹 3.6 动感欣赏与讲解之桌球运动 3.7 动感欣赏与讲解之碰撞检测 3.8 动感欣赏与讲解之移动物体 3.9 动感欣赏与讲解之缓动与弹性动画 3.10 动感欣赏与讲解之边界与摩擦力 4、综合实训（在网页中综合使用多类型的动画效果）
项目实战及阶段项目指导	1、项目需求讲解 2、讲师演示项目最终效果 3、个人辅导与集中辅导相结合	1、项目指导（项目的指导穿插安排在前期课程三分之一、二、结束） 2、完成项目指定网站的设计及切图（项目要求的选题定位在对图像和动画等交互要求很高的需求中，具体项目指由阶段负责工程师设计） 3、项目实战及指导
项目汇报	1、个人答辩 2、工程师总结面试常问的项目技术细节	本阶段为个人项目，学员需逐个汇报评分总结

查看完整课程体系点击咨询详情

第二阶段：HTML5 WAP前端开发阶段
模块	学习目标	核心知识点
Html	1、掌握静态网页UI的核心标签 2、静态网页工作原理及相关知识点入门 3、HTML静态网页的实战经验分享	HTML页面（全局标签、常见标签、表单标签、元素、属性格式化、样式等）必备基础1：前端发展历史必备基础2：浏览器发展历史实战经验1：HTML静态网页字符集问题实战经验2：HTML静态网页的路径读写常见问题及解决方案
XML	XML的标签与数据组织方式	XML（结构、元素、属性），仍然无处不在的表达，要强化！
XHTML	XHTML的历史，与HTML的关系	XHTML（结构、元素、属性） ,为什么夭折了？
HTML5总决式	1、HTML 、XML 、HTML、HTML5对比 2、重点讲解HTML5新增标签和使用场景	爱之初体验：HTML5-o-Matic过程，几行代码更改，Html变为Html5 HTML5基础（元素、属性格式化、样式等） 1、特色教学：从HTML 、XML 、HTML再到HTML5，因为难产所以伟大！ 2、HTML5的文档头和编码声明 UTF-8的故事 3、特色标签相关：语义化标签，HTML5标签的兼容处理，HTML5标签SEO 4、HTML5表单新特性、新的input类型、新的元素选择器 5、HTML5中的选择器 6、placeholder的使用和兼容 7、表单自动校验 8、其余涉及锐智个性课程，此处隐去
从CSS2到CSS3	1、使用HTML+DIV+CSS完成比较复杂的静态页面开发 2、理解从CSS2、CSS3两种版本的样式表开发方式 3、分享CSS3的在开发一线的常用模板，并能应用到本阶段项目中	1、HTML5的标配样式：CSS定义及使用场合 2、CSS之内部样式 3、CSS之外部样式 4、CSS之行内样式 5、经验：选择器及样式的优先级的判断口诀 6、特色教学：以“王宝强”现象认识层间浮动 7、CSS的盒子模型简述 8、CSS的调试工具简述 9、DIV技术 10、拿来主义：使用DIV+CSS网页的企业常用模板汇总 11、技术提升：CSS2与CSS3（布局方式等）的异同点
CSS3的框架应用	1、理解框架的巨大价值 2、了解CSS3的一个知名框架（Velocity.js）	答疑解惑:框架到底是什么，为什么无处不在在HTML5流行框架中，目前的分类有哪些，细节部分留待4阶段具体阐述技术提升：CSS3的Velocity.js框架简析
HTML5破剑式：破解CSS3 在HTML5的一切应用	以海量的专题应用讲解CSS3为HTML5准备的新增功能	CSS3新版本新增功能汇总专家解析1：CSS3的兼容性，浏览器前缀，不需要前缀的样式实例：CSS3旋转、CSS3运动框架基础专家解析2：transition基本使用，transition的参数，不同运动形式的区别 transition运用范围，transition和JS平滑结合，transition的问题实例：纯CSS3滑动二级菜单、淡入淡出幻灯片专家解析3：border-radius，圆角单位，圆角大小的测量（PS中），圆角参数实例：圆角图片框专家解析4：rgba的使用，rgba和opacity的区别，rgba的应用，rgba和渐变实例：半透明遮罩文字的新写法专家解析5：ext-shadow的用法，各种参数，配合rgba的另类用途实例：文字模糊效果专家解析6：box-shadow的用法，内投影和外投影，扩展阴影实例：CSS3按钮、CSS3模拟PS的外发光效果、文本框模糊效果专家解析7：线性渐变的使用，最简形式，渐变方向的控制，多点渐变和rgba结合实例：CSS3进度条的绘制专家解析8：圆形渐变的使用，中心点位置，形状和大小实例：CSS3彩虹圈
一线工程师开发经验	本节内容为核心精华，讲解阶段至今各种开发应用中出现的高级专题或通用难题，作为学员独立开发时出现类似问题的统一解决方案，也作为学员在企业面试时与兄弟培训机构同类学员竞争的优势之一	1、浏览器内核原理剖析 2、各类浏览器兼容问题 3、中文乱码问题及其解决方案 4、白帽与黑帽优化技巧 5、代码优化的基本方法 6、异常处理机制 7、SEO基本知识 8、模型模板项目开发 9、关键词选择 10、怪异盒模型
阶段项目辅导	综合案例与项目制作	1、Html标签+ccs3结合 2、制作基于HTML5的网页页面 3、制作基于HTML5的网页页面
JavaScript	JavaScript作为传统的前端交互技术，本部分内容重在学习后期高级应用必须了解的核心，其余编程细节锐智的课程设计将匠心独运地做去粗取精的取舍	1、Javascript脚本基础 2、精华：JavaScript的常用函数汇总 3、JavaScript交互实现 4、JavaScript的文档对象模型DOM 5、JavaScript的浏览器对象模型BOM 6、实战应用:Window对象控制表单、对象控制、窗口控制联动提升页面交互体验 7、JavaScript各类特效应用 8、JavaScript异步操作基础
面向对象JAVASCRIPT	1、面向对象与面向过程的区别 2、JAVA与JAVASCRIPT的区别 3、JQuery、EXT与JSON的区别 4、以Jquery为主学习面向对象的Javascript开发	1、高手进阶：弱类型语言与强类型语言的区别 2、要让网页动起来，多少还是需要编程的，不多编程对好多小盆友来说都是苦差事，所以东方锐智想了个代码简单但功能一样的好办法，先学代码量少的面向对象JS编程。等有了基础，到三阶段长大了再搞定传统代码量相对较多的面向过程JS。 3、传统面向对象的Javascript简介，不做编程，将简单化开发进行到底。本阶段的衡量标准就是先出成果、早出成果、易出成果作为课程成败。放眼全国机构，都是先教传统再教进化的吧，东方锐智的课程体系就是要倒过来，这叫独具匠心，而不是盲目抄袭。 4、Object-Orieneted Javascript，入选者概览：JQuery、EXT、JSON、其它… （本课程以JQuery为主） 5、谈“对象”，菜鸟工程师与正牌工程师那是有相当差距的，建议来试试 6、基本选择器、层次选择器、过滤选择器、表单选择器 7、对象也可以有行为，行为怎么用？ 8、事件、特效、动画 9、DOM文档对象模型的操作与妙处 10、表格操作 11、表单函数
HTML5破刀式：破解脚本在HTML5的一切应用	核心专题课：Jquery高级技术在各类专题内容的应用	专题1：Jquery如何异步加载数据专题2：正则表达式专题专题3：Jquery实现页面的拖拽、方法链、变形专题4：jQuery的第三方插件（jSignature等）
AJAX	1、掌握异步通信技术 2、能够将Jquery与Ajax合用进行各类较复杂网页的开发	1、AJAX的机制与传统WEB页面的区别 2、文档对象模型 3、XMLHttpRequest的用法 4、JSON与JSON解析 5、与AJAX相关的JSONP、zy_load等基础技术 6、Ajax同源请求 7、Ajax同源策略与跨源策略 8、Ajax跨源请求 9、AJAX发送异步请求的步骤 10、Jquery中使用Ajax获取JSON格式数据示例代码 11、Jquery与Ajax的合用经验汇总实战应用1: AJAX的验证用户名实战应用2: 级联下拉框实战应用3: 基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider) 实战应用4: 百度效果代码示例
Bootstrap	1、学习Bootstrap前端框架 2、重点掌握如何根据个性需求裁剪Bootstrap框架的源码，体现锐智学员的技术学习深度	1、经验：何谓框架Bootstrap？Bootstrap框架的各类版本兼容性问题，出现版本冲突时企业是如何解决的？项目实战中如何用好框架？ 2、Bootstrap组件（下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象...） 3、赋予Bootstrap中的组件“生命”的13个jQuery插件 4、高手成长1：对Bootstrap中的CSS变量进行修改、依据自己的需求裁剪代码 5、高手成长2：对Bootstrap中的代码根据需求自己裁剪 6、Less核心:CSS的预处理器，Less让 CSS 具有动态性 7、Sass 8、Less 和 Sass 中的嵌套 9、Bootstrap Less栅格模型 10、Bootstrap的综合应用
Bootstrap高级应用	归纳Bootstrap框架在各种实际典型场景下的应用与实现方式	1、模拟弹框（通过href触发、通过data-target触发） 2、动画过度（transetions插件） 3、标签页 4、弹出框（弹出框不同尺寸控制的两种方式） 5、轮播图（carousel插件） 6、折叠面板（collapse插件） 7、滚动监听（scrollspy插件） 8、提示工具（tooltip插件）
PC端网站的布局技巧	特色课程：如何抓住用户心理布置一个关注度高的网站	经验分享：PC端网站的用户交互习惯研究 PC端网站设计中的布局设置分类根据不同类型用户的交互习惯选择本网站的合适布局，提高核心信息的关注度
版本控制与团队合作	1、学习版本管理控制的概念与几种通用的软件SVN、CSS、GIT 2、巩固文件传递工具FTP 3、重点分享如何通过版本管理进行团队合作，以及团队开发中应该注意的其它问题	1、企业工程师在成长：企业级HTML5项目的版本控制 2、版本控制工具SVN的安装、搭建与部署 3、分布式版本控制系统－GIT的安装、搭建与部署 4、版本控制工具CSS的安装、搭建与部署 5、FTP工具 6、将任一版本控制软件用于阶段项目实战中 7、经验：项目团队开发中的分工合作方式和常见问题
项目实战	1、主流综合类网站的设计分析 2、项目需求讲解 3、讲师演示项目最终效果 4、个人辅导与集中辅导相结合	1、主流综合类网站的设计分析 2、专项网站设计（学习专项网站的各类元素。如电商页面布局；企业级整站布局 3、应用实战：H5时尚互动网站设计 4、阶段项目指导
项目汇报	1 项目组分工方式分享 2 个人负责的模块答辩 3 工程师总结面试常问的项目技术细节	本阶段为团队项目，组长整体汇报组员按各自负责模块顺序答辩评分总结

查看完整课程体系点击咨询详情

五大模块一网打尽

HTML5

CSS3

javaScript

JQuery

AngularJS

靠不靠谱，可以看学员作品行不行？

实战项目接轨最热技术前沿

东方锐智6大优势培养HTML5高端人才

1

教学靠谱

课程体系紧贴企业需求。讲师、项目经理均为专职。培养体系严谨、苛刻。讲师绩效受学员打分体系影响。

2

狠抓严管

东方锐智狠抓、严管教学质量关，采用可视化教学模式，推行学员个性化管理，只为培养it特种兵！

3

职业素质课贯穿始终

形式新颖不落俗套的职场实践课贯穿学习始终。IT名企资深人事总监亲临课堂，分享人生经历和经验。

4

项目经理全程指导

每个班级配项目经理对学员一对一辅导。课上采用案例式教学，通俗易懂，课下强化训练，学与练交叉进行强化记忆。

5

最强师资

来自百度、星网锐捷等资深一线前端工程师倾情授课，汇聚大牛心血，共筑全新课程。

6

高薪就业保障

学不会，可以无限期免费重修找工作，可以无限期免费推荐。锐智校友联盟里，到处都是你的兄弟姐妹，人脉。

你的学长学姐已经在大企业开启了辉煌人生

东方锐智与IT名企强强联合，构筑强大的就业系统，保障学员高品质就业

第三阶段：HTML5 移动前端开发阶段
模块	学习目标	核心知识点
HTML5破枪式：破解移动前端在HTML5的一切应用	1、区分WEB前端与HTML5移动前端的异同点 2、掌握HTML5移动前端设计的核心要素	1、基于H5的移动前端网页布局设计与移动端布局常见的问题解决方案（标签布局：Article、 Section nav、aside、 header等） 2、移动网页界面样式测试环境Emulation 3、viewport 4、window.devicePixelRatio 5、物理分辨率 6、Media Queries 7、rem 8、window.screen 9、window.deviceorientationevent 10、横竖屏判断 11、移动网页界面样式涉及课程独创细节，保密…
HTML5破鞭式1：破解多媒体音频在HTML5的一切应用	1、多媒体应用整体思路 2、学习HTML5新增核心应用之音频播放	1、移动前端的多媒体控制与PC前端多媒体控制的区别 2、HTML5新增的音频标签audio及音频播放器 3、实现移动前端的音频播放、暂停、加载等 4、音频编码标准的问题
HTML5破鞭式2：破解多媒体视频在HTML5的一切应用	学习HTML5核心开发之视频播放	1、HTML5的视频标签video及视频播放器 2、实现移动前端的音频播放、暂停、加载等综述 3、视频重要属性应用：controls、src、autoplay、poster、preload、width、height、loop 4、一个常见疑惑：视频格式与浏览器版本的冲突？ 5、如何处理不同格式的视频？如何更具体地指定视频格式？ 6、实现移动前端视频的音量控制 7、视频特效 8、难点：视频缓冲（用后续知识点画布实现，此处暂不安排课时）
实战专题课系列	个性课程：技术实操（用HTML5创建电影院）	显示预告片：观众须知或播放你侬我侬的小广告显示正片：张艺谋版《你若不离不弃，我必生死相依》显示出品方尾片：锐智出品，必属精品，演职人员滚动播出
HTML5破索式：破解本地存储在HTML5的一切应用	1、核心内容：传统UI页面存储在实现手机页面时的缺点和HTML5的优化技巧 2、区分不同类型的存储 3、HTML5的本地存储实现方式	1、重要：H5的本地存储，安全性、容量、和cookie区别 2、小甜饼cookie（HTML时代的存储方式），又名“即时贴”系统的工作原理 3、实操：cookie的完整开发流程 4、使用H5的Web Storage API来改进HTML时代的“即时贴”系统 5、问：web存储与本地存储是一回事吗？ 6、比较与实操：localStorage、sessionStorage、离线缓存三种存储
HTML5破掌式：破解画布canvas在HTML5的一切应用	HTML5新增高级应用（canvas画布功能）	秀出你的艺术天分：canvas画布让你具备亲手创建、管理和消灭像素的能力知其所以然：为什么鼎鼎大名的flash技术进入了职业生涯的尾声？在canvas画布上绘制线段（用javascript获取canvas对象后js绘制线段）在canvas画布上绘制空心圆（arc）、实心圆（填充fill）经验：如何封闭canvas画布的路径在canvas画布上绘制三角形（重点：深入掌握闭合路径的作用）在canvas画布上添加文本效果在canvas画布上绘制图片如何在画布上旋转线段如何在画布上旋转图片
HTML5破箭式：破解游戏动画功能在HTML5的一切应用	利用HTML5开发激动人心的游戏动画	基于canvas画布技术的游戏动画开发原理与游戏动画开发相关的canvas API详解与实际操作原理剖析：2D游戏绘图原理游戏动画实训2：使用CANVAS制作2D游戏原理剖析：游戏绘图引擎原理游戏动画实训3：使用CANVAS开发游戏绘图引擎游戏动画实战：你也可以进行手机版的游戏动画开发了！
专业工具系列	学习数个有助于提升前端开发流程化的开发工具	1、前端加载、预处理、打包类工具（Webpack、Grunt、Gulp三种工具对比与使用原理） 2、前端开发工程类工具（使用yeoman前端自动化脚手架）
HTML5的用户交互技巧	特色课程：HTML5工程师如何站在用户角度设计产品	傻瓜扫盲：用户交互是产品与用户交互，而不是不是产品经理与用户交互，这是设计者考虑怎么样能让所开发的产品更容易赢得用户眼球，恰恰是一线资深工程师的授课精华所在专家经验：用户对产品体验的几个最核心要素及解决技巧
HTML5的交互设计应用	特色：移动端框架原型在各类手机操作系统的应用经验	1、移动端框架原型设计 2、移动端UI设计之ios设计规范 3、移动端UI设计之Android设计规范 4、移动端UI设计之微软设计规范
项目实战	1、HTML移动前端产品的设计分析 2、项目需求讲解 3、讲师演示项目最终效果 4、个人辅导与集中辅导相结合
项目汇报	1 项目组分工方式分享 2 个人负责的模块答辩 3 工程师总结面试常问的项目技术细节	本阶段为团队项目，组长整体汇报组员按各自负责模块顺序答辩评分总结

第四阶段：HTML5 专题类提升阶段
模块	学习目标	核心知识点
HTML5破气式1：破解HTML5的一切主流框架	作为HTML5工程师，JS框架的掌握能力是核心指标之一。本阶段对主流JS框架进行系统梳理。本节学习三大主流JS框架之一（AngularJS）	1、尝鲜最火前端框架:AngularJS的表达式风格、类库和基础功能 2、AngularJS表达式与模板 3、AngularJS数据绑定与作用域 4、AngularJS的依赖注入 5、AngularJS用于一个包含了表单的典型CRUD页面应用 6、特色教学：直接采用官网phonecat实例，逐步演示操作 7、学以致用：AngularJS本阶段项目的实际应用
HTML5破气式2：破解HTML5的一切主流框架	学习三大主流JS框架之二（Vue.js 2.0）	1、学习一种扩展性和通用性都强的前端框架：Vue.js 2.0的实例对象与组件 2、为什么Vue.js被称为轻量级MVVM框架，常见功能接口有哪些？ 3、Vue.js的环境搭建 4、实操：Vue.js的实际应用案例
HTML5破气式3：破解HTML5的一切主流框架	学习三大主流JS框架之三（React.js）	1、领悟一种“更优雅”开发思想的前端框架：React.js的表达式与模板 2、React.js的各类组件（虚拟 DOM 概念、JSX、生命周期等） 3、React.js的属性与事件（Props与State等属性、事件与数据的关联） 4、React.js样式（CSS 模块化、JSX 样式与 CSS 的互转...） 5、实操：React.js的实际应用案例
HTML5破气式4：破解HTML5的一切主流框架	介绍其它流行JS框架	1、Zepto.js的表达式风格、类库和基础功能 2、JQuery Mobile的表达式风格、类库和基础功能 3、requirejs的表达式风格、类库和基础功能
混合型的移动应用开发	具备初步的混合型移动应用开发能力	1、PK:Hybrid App开发框架（aka PhoneGap、Titanium、Sencha Touch…) 2、一款最流行的Hybrid App开发框架：ionic原理 3、Cordova环境搭建(Apache Cordova) 4、实操：用现成的Cordova+Ionic+AngularJS技术体系搭建手机App
服务器端的JS	1、理解Node.js工作原理和工作场合 2、学习Node.js基础应用	1、扫盲：Node.js是什么，与时下流行java php .net等web端程序有什么区别 2、Node.js环境安装与现成程序部署 3、Node.js工作原理与基础开发 4、实操：Node.js服务器端与手机端联调
综合特训实战	1、阶段项目 2、项目指导
项目汇报	1 项目组分工方式分享 2 个人负责的模块答辩 3 工程师总结面试常问的项目技术细节	本阶段为团队项目，组长整体汇报组员按各自负责模块顺序答辩评分总结

第五阶段：HTML5 综合素质阶段
模块	学习目标	核心知识点
职场软实力	沟通与演讲职业心态职场礼仪团队合作团队训练	倾听、表达和非语言沟通技巧，面试时的自我介绍，演讲风格和道具从个人心态到职业心态，主动、积极、感恩等职业心态，摆正心态、成功入职面试礼仪，职业形象和职场礼仪，个人形象管理职场人际关系管理和团队协作户外素质拓展
就业强化	就业认知简历包装面试指导笔试强化模拟面试	就业启动大会，就业中心服务介绍，就业形势分析如何制作夺人眼球的简历，赢得更多面试机会面试前各项准备，人资面试常见问题解析，技术面试应对技巧笔试备战策略，常见笔试问题解题思路，核心名企历年笔试真题串讲企业面试实况模拟