【课程费用】
课程费用：5800元/人
【讲师介绍】
陶国荣
资深Web技术专家，有10余年开发经验，是国内较早专业从事Web开发的一线技术人员和培训讲师。一直致力于对HTML、JavaScript、CSS、jQuery等Web开发技术的研究和实践，在HTML页面的优化与用户体验的研究，以及页面框架搭建、数据流向分析、页面静态优化等方面都拥有丰富的实践经验。自HTML 5的草案发布以来，一直密切关注HTML 5的发展和对它的学习与研究，并在实际工作中进行了实践。他还是微软技术方面的专家，精通C#、ASP．NET和SQL Server等技术。此外，他还是一位知名的技术作家，出版了多部技术著作，其中《jQuery权威指南》是他的代表作之一，这本书凭借过硬的质量和良好的学习体验获得了广大读者的高度评价，并取得了骄人的销售成绩。
【课程大纲 】
|
主题
|
内容
|
|
1. Html5新增元素与属性
|
1.1. Html5的标准，以及优势的地方，从API，表达，对移动设备的支持上更突出
1.2. 常见的HTML5新标签与属性
1.3. datalist使用
1.4. oniput事件
1.5. 动态控制状态条
1.6. 滑动条改变背景色
|
|
2. 了解Css3应用与响应式设计，可以更好地与UI部门合作，协调工作
|
2.1. 解决跨浏览器问题，视口调试等
2.2. 响应式设计中的Html5
2.3. link方式实现响应式设计
2.4. style方式实现响应式设计
2.5. 响应样式的兼容性与优劣比较
|
|
3. 掌握Css3效果，可以大大提升制作页面动画的速度
|
3.1. 文本阴影与圆角边框
3.2. 图片遮罩效果
3.3. 图片遮罩形成探照灯
3.4. 2d基本效果
3.5. 3d动画基本效果
3.6. 制作过渡动画效果
3.7. 过滤动画效果的各种状态
3.8. 制作3d翻页效果
|
|
4. SASS用法指南，更加深入学习样式的高级写法
|
4.1. 什么是SASS
4.2. 安装和使用
4.3. 基本用法定义变量、语句
4.4. 代码复用完成继承功能
4.5. 高级用法实现循环、条件、函数
|
|
5. 异步编程，掌握AJAX请求过程时，如何优页面请求。
|
5.1. 什么是
5.2. 为什么要使用
5.3. 如何使用异步
5.4. 其他相关属性
|
|
6. 本地存储localstorage的API，可以优化页面打开速度和用户体验
|
6.1. Localstorage与SessionStorage
6.2. local保存和显示内容
6.3. 使用数组、对象形式的跟踪用户行为
6.4. 案例-即时更新缓存中API数据
6.5. 利用webStorage API实现持久化
6.6. Html5的离线API
|
|
7. 了解重力感应和地理定位API，增加应用开发的新思路
|
7.1. 地理定位获取位置信息
7.2. 案例-根据定位获取商家信息
7.3. 重力感应基本操作
|
|
8. 掌握Web页面的性能优化，加速代码的执行效果
|
8.1. 代码层级的优化。
8.2. Sprites图片技术
8.3. 文件的体积和请求的优化，合并Js文件和CSS方式
8.4. 服务端接口方面的优化
|
|
9. 掌握绘图canvas 元素API，加快实现动画和游戏应用的开发
|
9.1. 绘图的基本使用
9.2. 绘制圆
9.3. 获取点击中的绘制区域
9.4. 案例-绘制找不同游戏
9.5. 案例-亮视点
|
|
10. 微信JSSDK功能开发实现
|
10.1. 微信页面实现功能的前提
10.2. 实现微信页自定义分享图标API流程的分析
10.3. 微信页自定义功能注意事项
10.4. 实现微信中的自定义分享功能
|
|
11. nodeJS进阶知识
|
11.1. 环璄构建
11.2. REPL解析器
11.3. 回调函数
11.4. 模块系统
11.5. express框架的应用
11.6. jade语法
|
|
12. 掌握Websocket通讯API，通过页面实现APP的更多功能
|
12.1. 使用Websocket与服务器基本通讯实现
12.2. 使用Socket.IO创建WebSocket
12.3. 在NodeJS环璄下架构Websocket通讯
12.4. 聊天室的实现
|
|
13. Hybrid App现状
|
13.1. Hybrid App基本方案
13.2. Hybrid App在开发当中的优点和缺点
13.3. Hybrid App和Native App开发对比
13.4. Hybrid App新的开发思路
|
|
14. Angular的框架
|
14.1. Angular的简介
14.2. Angular的控制器
14.3. Angular的依赖注入
14.4. Angular与服务端交互
14.5. Angular的指令
14.6. Angular的注意事项
|
|
15. React.js框架开发应用
|
15.1. React的安装与环境配置
15.2. React的基本语法——jsx
15.3. React的组件开发
15.4. React组件API
15.5. React的ajax
|
|
16. 正确使用打包工具——webpack
|
16.1. 特点与优势
16.2. 安装与配置
16.3. 使用方法
|
|
17. 理解单元测试——Jasmine基础与使用
|
17.1. 基础介绍
17.2. 使用语法
17.3. 注意事项
|
【课程信息】
课程信息
HTML5不仅仅是一次版本的升级，它代表了Web发展的方向，是开发者的未来，是新一代Web技术的标准。它在最大程度上完成了富Web应用的本地化，消除浏览器对插件的依赖；优秀的错误处理系统，使页面捕获错误更加灵活与高效；对本地离线存储的更好支持，使开发Web离线应用程序更加方便与快捷；众多新增的页面标记，将给用户的视角与交互带来焕然一新的体验。
本课程以HTML5基础为主线，先从新增特征讲起，然后，通过实例与理论相结合的方式，深入浅出地介绍了关于HTML5在Web开发中方方面面的功能与技巧。
培训特色
本课程从HTML5的深度学习。
理论与实例完整结合，每一个概念都精选了一个完整的实例，增强学员动手能力。
HTML5知识完整全面，每一块知识点都包含了HTML5的全部内容和最前沿技术。
目标收益
学习HTML5全部的新功能。
学会如何在Web页面开发中运用HTML5标签开发页面。
掌握在页面中使用HTML5实现视频与音频的显示与功能开发。
了解通过HTML5中的Canvas基本使用功能。
理解HTML5中本地数据存储的方法与技巧。
培训对象
本课程知识面向以下学习对象：
1． 正在从事传统PC端Web页面的技术开发人员。
2． 希望从事移动端WebApp应用开发的技术人员。
3． 对前端技术感兴趣，希望从事这方面工作的人员。
4． 掌握一些传统的前端开发技术，想进一步学习HTML5、CSS3方面的人员。
学员基础
学员学习本课程应具备下列基础知识： 1) 了解JavaScript、HTML语言； 2) 了解前端开发流程或框架；
课程时长
2天
