首页 > 代码库 > HTML5三屏合一的架构设计

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深刻的洞察力和商业视角;

 

 王家林老师(联系邮箱18610086859@126.com 电话:18610086859 QQ:1740415547 微信号:18610086859)

 

培训对象:

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

手机App开发人员

传统Web开发人员;

架构师;

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

想学习HTML5的人员;

浏览器定制人员;

美工开发人员;

媒体机构;

学员基础:

了解基本的JavaScript语法;

了解基本的HTML5/HTML4语法;

时间 

內  容 

备注 

第一天 

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

1,认识Web-Oriented Architecture (WOA)

2,移动设备与云端计算

3,综观WOA的应用技术

4WOA 手机软体架构实务

 

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

1HTML5

2CSS3

3JavaScript及其三屏合一框架

4WebSocket

5Node.js

6PhoneGap

 

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

1,编写 HTML5+PhoneGap 网页

2,制作 iPhone/Android app

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

 

04堂课:PhoneGap API 实战

1PhoneGap 如何控制手机周边

2Accelerometer App 实例

3Camera App 实例

4PhoneGap API 手册导读

 

05堂课:PhoneGap 扩充插件

1,如何扩展 PhoneGap 功能

2PhoneGap 插件开发

 

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

1,如何除错 HTML5 App

2,如何除错 JavaScript

3,使用 QUnit 测试单元

4,远端除错

 

07堂课:制作 HTML5 手机 UI

1,使用 xui

2,使用 jQuery Mobile

3,使用 AJAX 读取远端资料

4,编写手机版 HTML5 网页

5Doctype 与 Viewport

 

 

时间 

  容 

备注 

 

 

 

 

 

 

 

 

 

 

 

 

第二天 

 

08堂课:JSON & JavaScript 整合应用

1JSON 介绍编写

2Javascript 解析 JSON

3JSON 与 HTML5 表格处理

4JSON应用实例

5Organizing JavaScript Code, HTML5, AJAX and JSON

6AJAX Pattern

7‘div’ element & Dynamic data

 

09堂课:Node.js 基本概念

1Node.js 应用软件架构

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

 

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

1Server-side Javascript

2,编写 HTTP Server

3Event-driven 架构

4Callbacks

 

11堂课:HTML5 与 Node.js

1,编写 HTML5/Node.js 网页

2HTML5 与 Server-side

3,使用案例 (Use Cases)

 

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

12.1 HyBrid的经典架构和技术

12.2案例架构

12.3代码剖析

 

 

 

 

HTML5三屏合一的架构设计