《王家林的面向WebCloud的HTML5App开发实战：》由会员分享，可在线阅读，更多相关《王家林的面向WebCloud的HTML5App开发实战：（7页珍藏版）》请在金锄头文库上搜索。
1、HTML5 是 device（终端设备）和 cloud（云计算）的交汇点，是设计与技术的近乎完美的交融。HTML5 不仅代表 Cloud（云计算） ，HTML5 力量的源泉更重要的来自于 Device（本地硬件设备） 。HTML5 时代的是 Device-Cloud 模式，而非传统的Client-Server 模式。HTML5 时代的核心是 Device，Cloud 是服务于 Device端。作为开发者和架构师，彻底洞悉和驾驭 HTML5 的关键是：在掌握 Browser（浏览器）定制和开发技术的前提下，深刻理解 HTML5 的新技术的产生的源泉（包含但不限于商业、技术、时代因素等） ，进而顺
2、势而为，彻底掌握HTML5 与本地硬件的密不可分的关联、JavaScript 和本地API 交互的技术、浏览器本身的哲学、本地化 Web 程序的框架 PhoneGap 以及 Web 页面本地化的 JavaScript 框架jQuery Mobile 等，接着，掌握 html5 客户端的多线程技术并慢慢品味以 WebSocket 为基础的 Cloud 端主动 Push 数据到 Device 的全新思想和交互方式，最后，在优雅的玩味HTML5 时代 Cloud 端的经典技术：Node.js 这个为高并发、非阻塞式场景而生的云计算服务端中悠然的贯通 HTML5时代下的 Device、 Browser
3、、Cloud 中的一切！课程简介：2 天；20 个 HTML5 主题一次性贯穿 HTML5 的一切技术；一网打尽 HTML5 时代 Device、 （设备端） 、Browser（浏览器）和 Cloud（浏览器）的所有技术；以浏览器定制技术为基础，通晓HTML5+CSS3+PhoneGap+Web Socket +jQuery Mobile +Node.js 等 HTML5 的六大核心技术；最新研发的 HTML5 操作系统的内幕是什么？HTML5 的核心和力量到底在哪里？HTML5 的架构思维是什么？为何是 All in JavaScript？如何定制浏览器？为何定制浏览器是理解 HTML5 技
4、术本质的起点和终点？为什么 JavaScript 和本地 API 是的交互是理解 HTML5 关键？HTML5 真正的新特性是什么？如何调试 HTML5？HTML5 中如何使用 PUSH 技术？HTML5 中的 Canvas 到底有什么神奇的力量？HTML5 的音视频给多媒体开发带来了怎样的影响？HTML5 的多线程、本地存储、离线存储、地理位置等背后的密码是什么？ HTML5 开发框架 PhoneGap 背后的密码是什么？PhoneGap 技术的本源是什么？如何随心所欲的使用 PhoneGap？如何扩充 PhoneGap 的功能？PhoneGap 的 Plugin 背后又有什么惊天的商业密码
5、？如何是 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 、jQuer
6、y 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)
7、；具体 HTML5 深刻的洞察力和商业视角；培训对象：尤其适合于金融机构、互联网公司、智能终端开发者；手机 App 开发人员传统 Web 开发人员；架构师；传统的智能手机，例如 Android 的开发人员；想学习 HTML5 的人员；浏览器定制人员；美工开发人员；媒体机构；时间 內 容 备注 第一天 第 1 个 主 题 ： HTML5 架 构 思 维1,1 All in JavaScript1,2 Architect of Device & Cloud1,3 Open Platform & API第 2 个 主 题 ： HTML5 时 代 的 商 业 机 会 和 变 革2,1 HTML5 和
8、以 前 的 HTML 的 不 同 ； 2.2 HTML5 时 代 新 的 商 业 模 式 ；2.3 HTML5 与 传 统 的 Native App；2.4 HTML5 将 给 整 个 IT 界 带 来 全 新 的 变 革 ；第 3 个 主 题 ： 通 过 一 个 Blog 实 例 实 战 HTML5&CSS33.1 实 战 HTML5 新 增 页 面 元 素 ；3.2 实 战 HTML5 中 的 表 单 ；3.3 实 战 HTML5 中 的 Canvas 3.4 实 战 html 5 页 面 中 视 频 和 音 频3.5 CSS3 技 术 实 战第 4 主 题 ： 浏 览 器 开 发 和 自
9、 定 义4.1 浏 览 器 定 制 和 开 发 的 核 心 原 理 剖 析4.2 浏 览 器 定 制 和 开 发 的 技 术 手 段 剖 析4.3 浏 览 器 定 制 和 开 发 实 战第 5 主 题 ： 浏 览 器 定 制 技 术 基 石 ： WebView 下 JavaScript如 何 与 本 地 API 进 行 相 互 调 用5.1 以 Android 系 统 为 例 探 讨 制 作 Android 界 面 的 新 大 陆5.2 浏 览 器 的 JavaScriptInterface5.3 本 地 API 调 用 Javascript5.4 Javascript 调 用 本 地 API
10、第 6 个 主 题 : HTML5 的 多 线 程 技 术6.1 为 什 么 HTML5 的 多 线 程 技 术 是 Device 端 编 程 的 一 项 革命6.2 WebWorker 的 原 理 和 机 制6.3 Dedicated Worker 和 Shared Worker 详 解6.4 工 作 线 程 生 命 周 期6.5 通 过 后 台 数 值 计 算 、 共 享 线 程 、 线 程 代 理 等 实 战 多 线 程技 术 ；第 7 个 主 题 ： HTML5 的 离 线 应 用 和 本 地 存 储 功 能 详 解7.1 问 题 场 景 ： 如 何 在 飞 机 上 离 线 办 公 ？
11、7.2 离 线 应 用 三 要 点 ： 服 务 器 、 配 置 文 件 、 更 新7.3 使 用 Local Storage 和 Session Storage；7.4 使 用 数 据 库 ；7.5 解 决 飞 机 上 离 线 办 公 的 最 后 一 个 问 题 ： 监 听 在 线 事 件 ；第 8 个 主 题 ： HTML5 革 命 性 的 特 征 ： Web Socket8.1 传 统 的 Client-Server 的 通 信 方 式 8.2 HTML5 时 代 的 Device-Cloud 的 通 信 方 式 8.3 为 什 么 这 是 革 命 性 的8.4 Web Socket 与
12、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 与 HT
13、ML5、 CSS3、 JavaScript 的 关 系10.3 PhoneGap 与 智 能 手 机 的 核 心 功 能 包 括 相 机 、 文件 访 问 、 地 理 定 位 ， 加 速 器 ， 联 系 人 ， 声 音 和 振 动 等10.4 PhoneGap 的 优 势 和 劣 势时间 內 容 备注 第二天 第 11 个 主 题 ： PhoneGap 框 架 的 技 术 基 石 是 什 么 ？11,1 使 用 WebView11,2 在 WebView 中 使 用 JavaScript11.3 创 建 本 地 Java API11.4 使 用 JavaScriptInterface11.5
14、JavaScript 调 用 Java11.6 Java 调 用 JavaScript11.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.
15、7 彻 底 剖 析 PhoneGap 程 序 的 运 行 原 理 、 流 程 、 机 制 等第 13 个 主 题 ： PhoneGap 案 例 开 发 实 战13.1 通 过 Connection 测 试 网 络 链 接13.2 通 过 Accelerometer 来 采 集 设 备 的 动 作13.3 通 过 Compass 获 得 当 前 设 备 的 方 向13.4 PhoneGap 操 作 本 地 系 统 的 Camera13.5 PhoneGap 其 它 的 本 地 API;第 14 个 主 题 ： PhoneGap 的 Plugin 开 发14.1 如 何 扩 展 PhoneGap
16、的 功 能 ？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 Mobile17.1 jQuery Mobile 设 计 的 技 术 思 考 和 商 业 思 考17
