面向Web Cloud的HTML5 App开发实战:Browser&HTML5&CSS3&PhoneGap&jQuery Mobile& WebSocket&Node.js(3天)

吕修筠
2023-12-01

课程简介:

22个HTML5主题一次性贯穿HTML5的一切技术;

一网打尽HTML5时代Device、(设备端)、Browser(浏览器)和Cloud(浏览器)的所有技术;

以浏览器定制技术为基础,通晓HTML5+CSS3+PhoneGap+WebSocket +jQuery Mobile +Node.js等HTML5的六大核心技术;

      最新研发的HTML5操作系统的内幕是什么?

 

HTML5的核心和力量到底在哪里?

     

      HTML5的架构思维是什么?

 

       为何是All in JavaScript?

 

如何定制浏览器?

 

为何定制浏览器是理解HTML5技术本质的起点和终点?

 

为什么JavaScript和本地API是的交互是理解HTML5关键?

 

      HTML5真正的新特性是什么?

       如何调试HTML5?

       HTML5中如何使用PUSH技术?

       HTML5中的Canvas到底有什么神奇的力量?

       HTML5的音视频给多媒体开发带来了怎样的影响?

       HTML5的多线程、本地存储、离线存储、地理位置等背后的密码是什么?

 

HTML5开发框架PhoneGap背后的密码是什么?

PhoneGap技术的本源是什么?

如何随心所欲的使用PhoneGap?

 

如何扩充PhoneGap的功能?

PhoneGap的Plugin背后又有什么惊天的商业密码?

 

 

如何是HTML5页面完全和Native App类似?

如何彻底洞悉jQuery Mobile?

 

Ajax在HTML5价值到底在哪里?

 

JSON是如何把Native API、Ajax、Node.js等连接在一起的?

 

在HTML5时代,如何应对高并发的服务请求?

 

如何在服务器端和客户端打在完美的并发非同步处理方案?

 

本课程讲彻底解答上述所有的问题,全部内容至简而实,采用代码驱动,把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道来。

课程目标:

本课程涵盖HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相关技术,重在强调代码的实战能力以及背后的原理分析。

掌握本课程后,能够完全胜任任意需求的HTML5+CSS3+JavaScript+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5时代的开发。

具体来说:

定制浏览器并具备开放html5浏览器的能力;

掌握HTML5等多线程、本地存储等所有的新特性技术;

学会以 JavaScript 编写 Device-side的App;

学会以 PhoneGap 整合 Native API;

  学会以 Node.js 开发 Server-side 服务 (Cloud);

      具体HTML5深刻的洞察力和商业视角;

 

培训对象:

       尤其适合于金融机构、互联网公司、智能终端开发者;

       手机App开发人员

传统Web开发人员;

架构师;

      传统的智能手机,例如Android的开发人员;

       想学习HTML5的人员;

浏览器定制人员;

美工开发人员;

媒体机构;

 

时间

內  容

备注

第一天

第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主题:浏览器定制技术基石:WebViewJavaScript如何与本地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个主题:PhoneGapPlugin开发

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的架构理念技术基石以及如何应对HTTPTCP协议

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打造非同步处理机制经典案例

 

21个主题:HTML5游戏开发案例;

21.1 HTML5尤其引擎

21.2游戏的架构

21.3游戏源码剖析

 

22个主题:HTML5HyBrid开发案例

22.1 HyBrid的经典架构和技术

22.2案例架构

22.3代码剖析

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 类似资料: