当前位置:艾威培训主页 > 软件开发 > HTML5培训 > HTML5彻底研究与开发实战培训 >
HTML5彻底研究与开发实战培训
课程介绍：
课程目标：
定制浏览器并具备开放html5浏览器的能力；全面解析以HTML5+JavaScript来开发应用：
使用JavaScript开发云计算；
掌握HTML5等多线程、本地存储等所有的新特性技术；
学会以 JavaScript 编写 Device-side的App；
学会以 PhoneGap 整合 Native API；
学会以 Node.js 开发 Server-side 服务 (Cloud)；
具体HTML5深刻的洞察力和商业视角；
课程对象：
尤其适合于金融机构、互联网公司、智能终端开发者；手机App开发人员
传统Web开发人员；
架构师；
传统的智能手机，例如Android的开发人员；
想学习HTML5的人员；
浏览器定制人员；
美工开发人员；
媒体机构；
学员基础：
了解基本的JavaScript语法；了解基本的HTML5/HTML4语法；
课程时长：3天
课程方式：
课程大纲：
第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堂课：制作 HTML5 手机 UI
17.1，使用 xui
17.2，使用 jQuery Mobile
17.3，使用 AJAX 读取远端资料
17.4，编写手机版 HTML5 网页
17.5，Doctype 与 Viewport
第18堂课：Node.js 基本概念
18.1，Node.js 应用软件架构
18.2，Node.js 使用案例 (Use Case)
第19堂课：“Hello, World” of Node.js
19.1，Server-side Javascript
19.2，编写 HTTP Server
19.3，Event-driven 架构
19.4，Callbacks
第20堂课：HTML5 与 Node.js
20.1，编写 HTML5/Node.js 网页
20.2，HTML5 与 Server-side
20.3，使用案例 (Use Cases)
第21堂课:Blocking and Non-blocking
21.1，Request handlers
21.2，Non-block requests
21.3，处理 GET/POST requests
21.4，Route requests
21.5，事件处理 (Event listening)
第22堂课:Node.js 进阶观念
22.1，Node.js Procedss
22.2，如何 Spawn child process
22.3，Proxying Node.js
22.4，Protocol parser 實作
第23堂课:Node.js IO 处理
23.1，如何与数据库整合
23.2，文件处理 (Filesystem I/O)
23.3，Stream buffer
23.4，Raw buffer
23.5，其它 IO 处理
第24堂课:JavaScript Design Pattern
24.1，Creational Pattern
24.2，jQuery & Modular Pattern
24.3，其它设计模式
24.4，MVC 模式
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堂课：制作 HTML5 手机 UI
17.1，使用 xui
17.2，使用 jQuery Mobile
17.3，使用 AJAX 读取远端资料
17.4，编写手机版 HTML5 网页
17.5，Doctype 与 Viewport
第18堂课：Node.js 基本概念
18.1，Node.js 应用软件架构
18.2，Node.js 使用案例 (Use Case)
第19堂课：“Hello, World” of Node.js
19.1，Server-side Javascript
19.2，编写 HTTP Server
19.3，Event-driven 架构
19.4，Callbacks
第20堂课：HTML5 与 Node.js
20.1，编写 HTML5/Node.js 网页
20.2，HTML5 与 Server-side
20.3，使用案例 (Use Cases)
第21堂课:Blocking and Non-blocking
21.1，Request handlers
21.2，Non-block requests
21.3，处理 GET/POST requests
21.4，Route requests
21.5，事件处理 (Event listening)
第22堂课:Node.js 进阶观念
22.1，Node.js Procedss
22.2，如何 Spawn child process
22.3，Proxying Node.js
22.4，Protocol parser 實作
第23堂课:Node.js IO 处理
23.1，如何与数据库整合
23.2，文件处理 (Filesystem I/O)
23.3，Stream buffer
23.4，Raw buffer
23.5，其它 IO 处理
第24堂课:JavaScript Design Pattern
24.1，Creational Pattern
24.2，jQuery & Modular Pattern
24.3，其它设计模式
24.4，MVC 模式
