HTML5框架开发实战培训
课程简介:
一网打尽HTML5时代客户端、Web端和服务后台的所有技术
新研发的HTML5操作系统的内幕是什么?
HTML5的核心和力量到底在哪里到底在哪里?
HTML5真正的新特性是什么?
如何调试HTML5?
HTML5中如何使用PUSH技术?
HTML5中的Canvas到底有什么神奇的力量?
HTML5的音视频给多媒体开发带来了怎样的影响?
HTML5的多线程、本地存储、离线存储、地理位置等背后的密码是什么?
HTML5开发框架PhoneGap背后的密码是什么?
PhoneGap技术的本源是什么?
如何随心所欲的使用PhoneGap?
如何是HTML5页面完全和Native App类似?
如何彻底洞悉jQuery Mobile?
Ajax在HTML5价值到底在哪里?
在HTML5时代,如何应对高并发的服务请求?
如何在服务器端和客户端打在完美的并发非同步处理方案?
本课程讲彻底解答上述所有的问题,全部内容至简而实,采用代码驱动,把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道来。
课程目标:
本课程涵盖HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相关技术,重在强调代码的实战能力以及背后的原理分析。
掌握本课程后,能够完全胜任任意需求的HTML5+CSS3+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5时代的开发。
培训对象:
尤其适合于金融机构、互联网公司、智能终端开发者;
传统Web开发人员;
传统的智能手机,例如Android的开发人员;
想学习HTML5的人员;
课题
Day1
第1个主题:HTML5技术和商业思考
1,1 HTML5的目标;
1,2 无法拒绝使用HTML5的原因;
1,3 可以放心使用HTML5的原因;
第2个主题:HTML5时代的商业机会和变革
2.1 HTML5时代新的商业模式;
2.2 HTML5与传统的Native App;
2.3 HTML5讲给整个IT界带来全新的变革;
第3个主题:通过一个Blog实例实战HTML5&CSS3
3.1 实战HTML5新增页面元素;
3.2 实战HTML5中的表单;
3.3 实战HTML5中的Canvas
3.4 实战html 5页面中视频和音频
3.5 CSS3技术实战
第4个主题:本地存储
4.1 web storage剖析
4.2 简单web留言本
4.3 作为简易数据库来利用
4.4 本地数据库的基本概念
4.5 用executesql来执行查询
4.6 使用数据库实现web留言本
4.7 transaction方法中的处理
第5个主题:离线应用程序
5.1 离线web应用程序
5.2 新增的本地缓存
5.3 本地缓存与浏览器网页缓存的区别
5.4 manifest文件
5.5 浏览器与服务器的交互过程
5.6 applicationcache对象
5.7 swapcache方法
5.8 applicationcache对象的事件
第6个主题:通信API
6.1 跨文档消息传输
6.2 跨文档消息传输示例
6.3 web sockets通信
6.4 使用web sockets api
6.5 web sockets api使用示例
6.6 发送对象
第7个主题: 使用web workers处理线程
7.1使用web workers处理线程
7.2 与线程进行数据的交互
7.3 线程嵌套
7.4 单层嵌套
7.5 在多个子线程中进行数据的交互
7.6 线程中可用的变量、函数与类
第8个主题:获取地理位置信息
8.1 geolocation api的基本知识
8.2 取得当前地理位置
8.3 持续监视当前地理位置的信息
8.4停止获取当前用户的地理位置信息
8.5 position对象
8.6在页面上使用google地图
第9个主题:PhoneGap的商业思考
9,1 PhoneGap的目标
9,2 PhoneGap与HTML5
9,3 PhoneGap与Android等本地系统
第10个主题:PhoneGap的技术思考
10,1 PhoneGap的架构艺术
10,2 PhoneGap与HTML5、CSS3、JavaScript的关系
10.3 PhoneGap与智能手机的核心功能——包括相机、文件访问、地理定位,加速器,联系人,声音和振动等
10.4 PhoneGap的优势和劣势
Day2
第11个主题:PhoneGap框架的技术基石是什么?
11,1 使用WebView
11,2 在WebView中使用JavaScript
11.3 创建本地Java API
11.4 使用JavaScriptInterface
11.5 JavaScript调用Java
11.6 Java调用JavaScript
11.7 PhoneGap是如何使用JavaScriptInterface的
第12个主题:安装PhoneGap开发第一个PhoneGap程序
12.1 安装PhoneGap SDK
12.2 PhoneGap库的加入
12.3 JavaScript的构建
12.4 Assert下HTML文件的构建
12.5 编写配置文件
12.6 打包、安装、运行第一个PhoneGap程序
第13个主题:PhoneGap案例开发实战
13.1通过Connection测试网络链接
13.2 通过Accelerometer来采集设备的动作
13.3 通过Compass获得当前设备的方向
13.4 PhoneGap 操作本地系统的Camera
13.5 PhoneGap其它的本地API
第14个主题:使用HTTP&AJAX和远程服务器端沟通;
14.1 Ajax在HTML5时代的价值;
14.2 HTTP&AJAX实战;
第15个主题:彻底洞悉jQuery Mobile
15.1 jQuery Mobile设计的技术思考和商业思考
15.2 jQuery Mobile入门初体验;
15.3 使用页眉、工具栏和标签栏;
15.4 jQuery Mobile中的表单和按钮;
15.5 jQuery Mobile中的列表;
15.6 jQuery Mobile和CSS结合;
15.7 jQuery Mobile 主题;
15.8 jQuery Mobile的API
15.9 和服务器集成;
15.10 jQuery Mobile和HTML5开发框架PhoneGap结合;
第16个主题:Node.js实战高并发和非阻塞式的服务端
16.1 Node.js的思考;
16.2 Node.js开发环境安装;
16.3 Node.js开发实战
第17个主题:Node.js和WebSocket的整合;
17.1 使用Node.js和WebSocket打造非同步处理机制及其重大价值;
17.2 使用Node.js和WebSocket打造非同步处理机制案例实战