HTML5三屏合一的架构设计

课程简介：

将电视、电脑、手机（含Tablet）三块屏幕融合为一是HTML5非常重要的使命，而HTML5整个生态系统的技术为此实现极大的便利；

作为Web与移动开发的新标准的HTML5/JavaScript/CSS3，已经纷纷被电视、电脑、手机（含Tablet）应用开发采用，这不但让UI极具弹性，而且也更容易与云计算整合。

本课程是云计算与智能终端时代的HTML5开发的一站式解决方案，专为企业内训和公开课制作，是完整覆盖HTML5时代开发人员所需使用的360度的技术解决方案，内容细致入微；

课程最后以商业案例豆瓣客户端为例说明具体实践技能。

课程目标：

全面解析以HTML5+JavaScript来开发应用：

轻松驾驭HTML5时代下的三屏合一技术；

使用JavaScript开发云计算；

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

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

学会以 PhoneGap 整合 Native API；

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

学习JavaScript Design Pattern；

具备HTML5深刻的洞察力和商业视角；

 

培训对象：

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

       手机App开发人员

传统Web开发人员；

架构师；

      传统的智能手机，例如Android的开发人员；

       想学习HTML5的人员；

浏览器定制人员；

美工开发人员；

媒体机构；

学员基础：

       了解基本的JavaScript语法；

       了解基本的HTML5/HTML4语法；

王家林老师(联系邮箱[e-mail]电话：[phone] QQ:1740415547 微信号：18610086859)

 

Spark亚太研究院院长和首席专家，中国目前唯一的移动互联网和云计算大数据集大成者。

Spark亚太研究院院长和首席专家，移动互联网、云计算和大数据技术领域集大成者。

当今云计算领域最火爆的技术Docker源码级专家和Docker技术在中国的最早实践者之一。

在Spark、Hadoop、Android、Docker等方面有丰富的源码、实务和性能优化经验。彻底研究了Spark从0.5.0到1.1.0共18个版本的Spark源码。

Hadoop源码级专家，曾负责某知名公司的类Hadoop框架开发工作，专注于Hadoop一站式解决方案的提供，同时也是云计算分布式大数据处理的最早实践者之一，Hadoop的狂热爱好者，不断的在实践中用Hadoop解决不同领域的大数据的高效处理和存储，现在正负责Hadoop在搜索引擎中的研发等，著有《云计算分布式大数据Hadoop实战高手之路---从零开始》《云计算分布式大数据Hadoop实战高手之路---高手崛起》《云计算分布式大数据Hadoop。实战高手之路---高手之巅》等；

多款浏览器定制者，中国大陆HTML5的技术引领者。

为超过50家公司提供了基于Linux和Android的软硬整合解决方案。

擅长构建系统和打造框架，特别精通于Java与C/C++混合的框架实现。

Android架构师、高级工程师、咨询顾问、培训专家；

通晓Android、HTML5、Hadoop，迷恋英语播音和健美；

致力于Android、HTML5、Hadoop的软、硬、云整合的一站式解决方案；

国内最早（2007年）从事于Android系统移植、软硬整合、框架修改、应用程序软件开发以及Android系统测试和应用软件测试的技术专家和技术创业人员之一。

HTML5技术领域的最早实践者（2009年）之一,成功为多个机构实现多款自定义HTML5浏览器，参与某知名的HTML5浏览器研发；

超过10本的IT畅销书作者；

 

时间

內  容

备注

第一天

第01堂课:三屏合一导向的软件架构

1，认识Web-Oriented Architecture (WOA)

2，移动设备与云端计算

3，综观WOA的应用技术

4，WOA 手机软体架构实务

 

第02堂课:HTML5三屏合一的核心实现技术

1，HTML5

2，CSS3

3，JavaScript及其三屏合一框架

4，WebSocket

5，Node.js

6，PhoneGap

 

第03堂课:第一个 PhoneGap 应用程序

1，编写 HTML5+PhoneGap 网页

2，制作 iPhone/Android app

3，编写一次到处可用 (write once run anywhere)

 

第04堂课:PhoneGap API 实战

1，PhoneGap 如何控制手机周边

2，Accelerometer App 实例

3，Camera App 实例

4，PhoneGap API 手册导读

 

第05堂课:PhoneGap 扩充插件

1，如何扩展 PhoneGap 功能

2，PhoneGap 插件开发

 

第06堂课:HTML5 手机 App 测试与除错

1，如何除错 HTML5 App

2，如何除错 JavaScript

3，使用 QUnit 测试单元

4，远端除错

 

第07堂课:制作 HTML5 手机 UI

1，使用 xui

2，使用 jQuery Mobile

3，使用 AJAX 读取远端资料

4，编写手机版 HTML5 网页

5，Doctype 与 Viewport

 

 

时间

內  容

备注

 

 

 

 

 

 

 

 

 

 

 

 

第二天

 

第08堂课:JSON & JavaScript 整合应用

1，JSON 介绍编写

2，Javascript 解析 JSON

3，JSON 与 HTML5 表格处理

4，JSON应用实例

5，Organizing JavaScript Code, HTML5, AJAX and JSON

6，AJAX Pattern

7，‘div’ element & Dynamic data

 

第09堂课:Node.js 基本概念

1，Node.js 应用软件架构

2，Node.js 使用案例 (Use Case)

 

第10堂课:“Hello, World” of Node.js

1，Server-side Javascript

2，编写 HTTP Server

3，Event-driven 架构

4，Callbacks

 

第11堂课:HTML5 与 Node.js

1，编写 HTML5/Node.js 网页

2，HTML5 与 Server-side

3，使用案例 (Use Cases)

 

第12个主题：豆瓣HTML5&JavaScript&CSS3客户端商业案例实战

12.1 HyBrid的经典架构和技术

12.2案例架构

12.3代码剖析