当前位置:艾威培训主页 > 软件开发 > HTML5培训 > 面向web Cloud的html5 app开发培训 >
面向web Cloud的html5 app开发培训
课程介绍：
课程目标：
定制浏览器并具备开放html5浏览器的能力；掌握HTML5等多线程、本地存储等所有的新特性技术；
学会以 JavaScript 编写 Device-side的App；
学会以 PhoneGap 整合 Native API；
学会以 Node.js 开发 Server-side 服务 (Cloud)；
具体HTML5深刻的洞察力和商业视角；
课程对象：
尤其适合于金融机构、互联网公司、智能终端开发者；手机App开发人员
传统Web开发人员；
架构师；
传统的智能手机，例如Android的开发人员；
想学习HTML5的人员；
浏览器定制人员；
美工开发人员；
媒体机构；
课程时长：2天
课程方式：
课程大纲：
第1堂课：HTML5 架构思维
1,1 All in JavaScript
1,2 Architect of Device & Cloud
1,3 Open Platform & API
第2堂课：HTML5时代的商业机会和变革
2,1 HTML5和以前的HTML的不同；
2.2 HTML5时代新的商业模式；
2.3 HTML5与传统的Native App；
2.4 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 浏览器定制和开发的核心原理剖析
4.2 浏览器定制和开发的技术手段剖析
4.3 浏览器定制和开发实战
第5主题：浏览器定制技术基石：WebView下JavaScript如何与本地API进行相互调用
5.1 以Android系统为例探讨制作Android界面的新大陆
5.2 浏览器的JavaScriptInterface
5.3 本地API调用Javascript
5.4 Javascript调用本地API
第6堂课: HTML5的多线程技术
6.1为什么HTML5的多线程技术是Device端编程的一项革命
6.2 WebWorker的原理和机制
6.3 Dedicated Worker和Shared Worker详解
6.4 工作线程生命周期
6.5 通过后台数值计算、共享线程、线程代理等实战多线程技术；
第7堂课： HTML5的离线应用和本地存储功能详解
7.1 问题场景：如何在飞机上离线办公？
7.2 离线应用三要点：服务器、配置文件、更新
7.3 使用Local Storage和Session Storage；
7.4 使用数据库；
7.5 解决飞机上离线办公的最后一个问题：监听在线事件；
第8堂课：HTML5革命性的特征：Web Socket
8.1 传统的Client-Server的通信方式
8.2 HTML5时代的Device-Cloud的通信方式
8.3 为什么这是革命性的
8.4 Web Socket与Ajax的比较
8.5 Web Socket实战
第9堂课:HTML5的其它新特性和浏览器的兼容性问题
9.1 新的Tag的核心原理和意义
9.2 GeoLocation获取地理位置信息
9.3 WebGL进行3G绘图
9.4 HTML5浏览器兼容性问题的根源
9.5 如何解决HTML5浏览器兼容性问题？
第10堂课：PhoneGap的架构和商业思考
10.1 PhoneGap的架构艺术
10.2 PhoneGap与HTML5、CSS3、JavaScript的关系
10.3 PhoneGap与智能手机的核心功能——包括相机、文件访问、地理定位，加速器，联系人，声音和振动等
10.4 PhoneGap的优势和劣势
第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 Asset下HTML文件的构建
12.5 编写配置文件
12.6 打包、安装、运行第一个PhoneGap程序
12.7 彻底剖析PhoneGap程序的运行原理、流程、机制等
第13堂课：PhoneGap案例开发实战
13.1通过Connection测试网络链接
13.2 通过Accelerometer来采集设备的动作
13.3 通过Compass获得当前设备的方向
13.4 PhoneGap 操作本地系统的Camera
13.5 PhoneGap其它的本地API;
第14堂课：PhoneGap的Plugin开发
14.1如何扩展PhoneGap的功能？
14.2 IPlugin接口
14.3 Proxy-Stub模式在Plugin开发中的应用及价值
14.4 Plugin开发中如何控制硬件厂商和Web开发者
14.5 Plugin核心代码剖析及开发实战
第15堂课：使用HTTP&AJAX和远程服务器端沟通
15.1 Ajax在HTML5时代的价值；
15.2 HTTP&AJAX实战；
第16堂课：JSON与JavaScript珠联璧合
16.1 剖析JSON；
16.2 JavaScript解析JSON实战；
16.3 Java解析JSON实战；
16.4 JSON：HTML5、本地API、Ajax
第17堂课：彻底洞悉jQuery Mobile
17.1 jQuery Mobile设计的技术思考和商业思考
17.2 jQuery Mobile入门初体验；
17.3 使用页眉、工具栏和标签栏；
17.4 jQuery Mobile中的表单和按钮；
17.5 jQuery Mobile中的列表；
17.6 jQuery Mobile和CSS结合；
17.7 jQuery Mobile主题；
17.8 jQuery Mobile的API;
17.9 和服务器集成；
17.10 jQuery Mobile和HTML5开发框架PhoneGap结合；
第18堂课：Node.js的架构理念、技术基石以及如何应对HTTP和TCP协议
18.1 Node.js的架构
18.2 Node.js中多线程和Callback为何如此重要？
18.3 Node.js使用案例赏析
18.4 Node.js中WebServer和TCPServer实战
第19堂课：Node.js实战高并发和非阻塞式的服务端
19.1 Blocking和Non-Blocking
19.2 Event-Driven机制
19.3 Node.js开发实战
第20堂课：Node.js和WebSocket的整合；
20.1 使用Node.js和WebSocket打造非同步处理机制及其重大价值；
20.2使用Node.js和WebSocket打造非同步处理机制经典模式
20.3使用Node.js和WebSocket打造非同步处理机制经典案例
1,1 All in JavaScript
1,2 Architect of Device & Cloud
1,3 Open Platform & API
第2堂课：HTML5时代的商业机会和变革
2,1 HTML5和以前的HTML的不同；
2.2 HTML5时代新的商业模式；
2.3 HTML5与传统的Native App；
2.4 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 浏览器定制和开发的核心原理剖析
4.2 浏览器定制和开发的技术手段剖析
4.3 浏览器定制和开发实战
第5主题：浏览器定制技术基石：WebView下JavaScript如何与本地API进行相互调用
5.1 以Android系统为例探讨制作Android界面的新大陆
5.2 浏览器的JavaScriptInterface
5.3 本地API调用Javascript
5.4 Javascript调用本地API
第6堂课: HTML5的多线程技术
6.1为什么HTML5的多线程技术是Device端编程的一项革命
6.2 WebWorker的原理和机制
6.3 Dedicated Worker和Shared Worker详解
6.4 工作线程生命周期
6.5 通过后台数值计算、共享线程、线程代理等实战多线程技术；
第7堂课： HTML5的离线应用和本地存储功能详解
7.1 问题场景：如何在飞机上离线办公？
7.2 离线应用三要点：服务器、配置文件、更新
7.3 使用Local Storage和Session Storage；
7.4 使用数据库；
7.5 解决飞机上离线办公的最后一个问题：监听在线事件；
第8堂课：HTML5革命性的特征：Web Socket
8.1 传统的Client-Server的通信方式
8.2 HTML5时代的Device-Cloud的通信方式
8.3 为什么这是革命性的
8.4 Web Socket与Ajax的比较
8.5 Web Socket实战
第9堂课:HTML5的其它新特性和浏览器的兼容性问题
9.1 新的Tag的核心原理和意义
9.2 GeoLocation获取地理位置信息
9.3 WebGL进行3G绘图
9.4 HTML5浏览器兼容性问题的根源
9.5 如何解决HTML5浏览器兼容性问题？
第10堂课：PhoneGap的架构和商业思考
10.1 PhoneGap的架构艺术
10.2 PhoneGap与HTML5、CSS3、JavaScript的关系
10.3 PhoneGap与智能手机的核心功能——包括相机、文件访问、地理定位，加速器，联系人，声音和振动等
10.4 PhoneGap的优势和劣势
第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 Asset下HTML文件的构建
12.5 编写配置文件
12.6 打包、安装、运行第一个PhoneGap程序
12.7 彻底剖析PhoneGap程序的运行原理、流程、机制等
第13堂课：PhoneGap案例开发实战
13.1通过Connection测试网络链接
13.2 通过Accelerometer来采集设备的动作
13.3 通过Compass获得当前设备的方向
13.4 PhoneGap 操作本地系统的Camera
13.5 PhoneGap其它的本地API;
第14堂课：PhoneGap的Plugin开发
14.1如何扩展PhoneGap的功能？
14.2 IPlugin接口
14.3 Proxy-Stub模式在Plugin开发中的应用及价值
14.4 Plugin开发中如何控制硬件厂商和Web开发者
14.5 Plugin核心代码剖析及开发实战
第15堂课：使用HTTP&AJAX和远程服务器端沟通
15.1 Ajax在HTML5时代的价值；
15.2 HTTP&AJAX实战；
第16堂课：JSON与JavaScript珠联璧合
16.1 剖析JSON；
16.2 JavaScript解析JSON实战；
16.3 Java解析JSON实战；
16.4 JSON：HTML5、本地API、Ajax
第17堂课：彻底洞悉jQuery Mobile
17.1 jQuery Mobile设计的技术思考和商业思考
17.2 jQuery Mobile入门初体验；
17.3 使用页眉、工具栏和标签栏；
17.4 jQuery Mobile中的表单和按钮；
17.5 jQuery Mobile中的列表；
17.6 jQuery Mobile和CSS结合；
17.7 jQuery Mobile主题；
17.8 jQuery Mobile的API;
17.9 和服务器集成；
17.10 jQuery Mobile和HTML5开发框架PhoneGap结合；
第18堂课：Node.js的架构理念、技术基石以及如何应对HTTP和TCP协议
18.1 Node.js的架构
18.2 Node.js中多线程和Callback为何如此重要？
18.3 Node.js使用案例赏析
18.4 Node.js中WebServer和TCPServer实战
第19堂课：Node.js实战高并发和非阻塞式的服务端
19.1 Blocking和Non-Blocking
19.2 Event-Driven机制
19.3 Node.js开发实战
第20堂课：Node.js和WebSocket的整合；
20.1 使用Node.js和WebSocket打造非同步处理机制及其重大价值；
20.2使用Node.js和WebSocket打造非同步处理机制经典模式
20.3使用Node.js和WebSocket打造非同步处理机制经典案例
