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

王家林老师(联系邮箱[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代码剖析

时间: 2024-10-13 15:26:54

HTML5三屏合一的架构设计的相关文章

山寨Besiege(三)需求分析与架构设计

在昆明工作的日子,我虽对经理忽悠的作风极为不屑,但对他整天挂在嘴边的那些软件工程思想还是很尊崇的.无论是传统的瀑布流,还是敏捷开发,无论是大的系统,还是小的功能,先分析需求.再构思设计.再实现的流程是永恒真理. 事情还没弄清楚就开始动手做,是初学者的幼稚行径,越成熟的设计师,越是重视前期的需求分析,思路清晰后,编码也只是"唰"一下的事情了. 习惯总得从无到有养成.所以这次我刻意走一个完整的流程,即便不是那么适应,也要慢慢学会.主要就是在编码之前,先用Visio画UML图. 由于游戏工程

大项目微服务架构设计

大项目微服务架构设计 李万鸿 根据目前产品存在的问题,针对快速开发.海量用户.大量数据.低延迟等互联网应用的实际需要,通过对业务架构.系统架构.基础架构.技术架构进行分析,采用先进实用的微服务SOA架构重构智慧校园.数字化校园等产品,彻底解决系统解耦.性能低下等问题,而且支持云计算部署,可以满足高并发.高可用.高稳定和高安全等性能要求,提供强大的saas和互联网访问服务.由于采用微服务架构,各个服务模块化编写,具有高内聚低耦合的优势,便于灵活更新升级,而不会影响其他业务.一套代码,同时支持移动应

Android软硬整合设计与框架揭秘: HAL&Framework &Native Service &App&HTML5架构设计与实战开发

掌握Android从底层开发到框架整合技术到上层App开发及HTML5的全部技术: 一次彻底的Android架构.思想和实战技术的洗礼: 彻底掌握Andorid HAL.Android Runtime.Android Framework.Android Native Service.Android Binder.Android App.Android Testing.HTML5技术的源泉和精髓等核心技术,不仅仅是技术和代码本身,更重要的是背后的设计思想和商业哲学. 一.课程特色 l  贯通And

个人网站架构设计(三) - 从设计到前端到后台

在五月份,写过两篇博客,提到了要给自己做个网站,当时人在实习,没太多的时间,只是把大概的思路捋了一番,顺道也买了个云主机(配置比较低,内存才500M).接着返校处理毕业事宜,于是六月也随着同学之间挥泪告别的声音渐渐远去.七月,家里呆着,中旬回公司.想必这也是我近几年最长的一次假期了=. = 一.先说设计 1. 阮一峰的博客 目前我的博客设计是 fork 了 BeiYuu 的主题,然后七改八改,除了主页 BeiYuu 还认得出是他的之外,其他页面已经动了很大的手术,而这些手术灵感都是源自阮一峰阮大

[转]MVC实用架构设计(三)——EF-Code First(3):使用T4模板生成相似代码

本文转自:http://www.cnblogs.com/guomingfeng/p/mvc-ef-t4.html 〇.目录 一.前言 二.工具准备 三.T4代码生成预热 (一) 单文件生成:HelloWorld.cs (二) 多文件生成 四.生成数据层实体相关相似代码 (一) 生成准备 (二) 生成实体相关相似代码 生成实体映射配置类 生成实体仓储接口 生成实体仓储实现 五.源码获取 系列导航 一.前言 经过前面EF的<第一篇>与<第二篇>,我们的数据层功能已经较为完善了,但有不少

XMPP协议实现即时通讯底层书写 (三) IOS XMPPFramework --IM底层架构设计+技术准备工作

最近发生了一些不是很愉快的事情,导致断更很长一段时间,很抱歉."不要炫技,理解原理,对自己的代码负责,才能对团队和项目负责"--郭前辈在群里说过的语录,让我很是欢喜和受教.鄙人写第一次写blog是在2011年,那时候写技术blog的初衷是为了写日记:今天我学到了什么知识,技术,记录自己程序猿的成长点滴.随着技术的积累,写blog为了分享:傻逼,如果你也碰到这种问题,这是我的解决方案,看了这些XXX处理好的,可以"抄"这份60分的答案来解决问题.到现在这阶段,写blo

MVC实用架构设计(三)——EF-Code First(1):Repository,UnitOfWork,DbContext

前言 终于到EF了,实在不好意思,最近有点忙,本篇离上一篇发布已经一个多星期了,工作中的小迭代告一段落,终于有点时间来继续我们的架构设计了,在这里先对大家表示歉意. 其实这段时间我并不是把这个系列给忘记了,而是一直在思考,想着接下来应该怎么写.因为园子里已经有很多非常优秀的EF的文章了,比如: Entity Framework Code First 学习日记 [译著]Code First :使用Entity. Framework编程 Entity Framework技术系列 EF框架step b

[笔记]《游戏架构设计与策划基础》第三章 游戏概念及原型设计

概念设计的过程:产生创意.加工创意和创建游戏概念设计文档. 3.1 创意的来源 (1)大胆设想 (2)利用现有的娱乐资源 (3)利用现有的游戏体系 (4)收集创意 3.2 加工创意 (1)合成--需要考虑如何将两个概念融合而成一款游戏,带给玩家新的游戏体验. (2)共鸣--含有协作的意思,它使故事和主题内容对游戏玩家能够产生更加深刻的影响. 3.3 游戏概念设计文档 一般包括以下要素的部分或全部:      标题--游戏的名称.      平台--游戏适合的平台.      种类--游戏的种类.

深度桌面操作系统架构设计

今天就结合深度桌面操作系统给大家讲讲桌面操作系统的架构设计和原理细节,一来向外界讲讲深度这么多年都做了哪些工作,二来希望通过客观公正的事实向中国新一代的开源爱好者讲述怎么用正确的三观去贡献自己的力量. 什么是桌面操作系统? 简而言之,桌面操作系统就是大家平常个人电脑里面用的操作系统. 桌面操作系统应该是所有操作系统类型中最为复杂.研发技术难度最高的一种操作系统了. 世界上非常优秀的桌面操作系统有微软的Windows和苹果的Mac OS,其他的Linux桌面操作系统,比如Fedora.Suse.U