HTML5三屏合一的架构设计

浏览数：47 / 时间：2015年06月09日

课程简介：

将电视、电脑、手机（含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深刻的洞察力和商业视角；

王家林老师(联系邮箱[email protected] 电话：18610086859 QQ:1740415547 微信号：18610086859)

培训对象：

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

手机App开发人员

传统Web开发人员；

架构师；

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

想学习HTML5的人员；

浏览器定制人员；

美工开发人员；

媒体机构；

学员基础：

了解基本的JavaScript语法；

了解基本的HTML5/HTML4语法；

时间	內容	备注
第一天	第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代码剖析