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语法;

课程时长:2天

课程方式:

传统的面对面授课方式。

 

课程大纲:

第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代码剖析