热度 23
2013-6-8 16:15
982 次阅读|
0 个评论
HTML5 端云融合:HTML5 彻底研究与开发实践培训 本课程是云计算与智能终端时代的 HTML5 开发的一站式解决方案,专为企业内训和公开课制作,是完整覆盖 HTML5 时代开发人员所需使用的 360 度的技术解决方案。 作为 Web 与移动开发的新标准的 HTML5/JavaScript/CSS3 ,已经纷纷被手机应该开发采用,这不但让 UI 极具弹性,而且也更容易与云计算整合。 HTML5 是 device (终端设备)和 cloud (云计算)的交汇点,是设计与技术的近乎完美的交融。 中国电子标准协会 http://www.ways.org.cn HTML5 不仅代表 Cloud (云计算), HTML5 力量的源泉更重要的来自于 Device (本地硬件设备)。 HTML5 时代的是 Device-Cloud 模式,而非传统的 Client-Server 模式。 HTML5 时代的核心是 Device , Cloud 是服务于 Device 端。 作为开发者和架构师,彻底洞悉和驾驭 HTML5 的关键是:在掌握 Browser (浏览器)定制和开发技术的前提下,深刻理解 HTML5 的新技术的产生的源泉(包含但不限于商业、技术、时代因素等),进而顺势而为,彻底掌握 HTML5 与本地硬件的密不可分的关联、 JavaScript 和本地 API 交互的技术、浏览器本身的哲学、本地化 Web 程序的框架 PhoneGap 以及 Web 页面本地化的 JavaScript 框架 jQuery Mobile 等,接着,掌握 html5 客户端的多线程技术并慢慢品味以 WebSocket 为基础的 Cloud 端主动 Push 数据到 Device 的全新思想和交互方式,最后,在优雅的玩味 HTML5 时代 Cloud 端的经典技术: Node*** 这个为高并发、非阻塞式场景而生的云计算服务端中悠然的贯通 HTML5 时代下的 Device 、 Browser 、 Cloud 中的一切! 课程简介: 24 个 HTML5 主题一次性贯穿 HTML5 的一切技术; 一网打尽 HTML5 时代 Device 、(设备端)、 Browser (浏览器)和 Cloud (浏览器)的所有技术; 以浏览器定制技术为基础,通晓 HTML5+CSS3+PhoneGap+Web Socket +JavaScript +Node*** 等 HTML5 的六大核心技术; 最新研发的HTML5操作系统的内幕是什么? HTML5的核心和力量到底在哪里? HTML5的架构思维是什么? 为何是All in JavaScript? 如何定制浏览器? 为何定制浏览器是理解HTML5技术本质的起点和终点? 为什么JavaScript和本地API是的交互是理解HTML5关键? HTML5真正的新特性是什么? 如何调试HTML5? HTML5中如何使用PUSH技术? HTML5中的Canvas到底有什么神奇的力量? HTML5的音视频给多媒体开发带来了怎样的影响? HTML5的多线程、本地存储、离线存储、地理位置等背后的密码是什么? HTML5开发框架PhoneGap背后的密码是什么? PhoneGap技术的本源是什么? 如何随心所欲的使用PhoneGap? 如何扩充PhoneGap的功能? PhoneGap的Plugin背后又有什么惊天的商业密码? 如何是HTML5页面完全和Native App类似? 如何彻底洞悉jQuery Mobile? Ajax在HTML5价值到底在哪里? JSON是如何把Native API、Ajax、Node***等连接在一起的? 在HTML5时代,如何应对高并发的服务请求? 如何在服务器端和客户端打在完美的并发非同步处理方案? 本课程讲彻底解答上述所有的问题,全部内容至简而实,采用代码驱动,把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node***的秘密向您娓娓道来。 课程目标: 本课程涵盖HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node***等一些列HTML5相关技术,重在强调代码的实战能力以及背后的原理分析。 掌握本课程后,能够完全胜任任意需求的HTML5+CSS3+JavaScript+PhoneGap+Ajax+jQuery Mobile+Node***的HTML5时代的开发。 具体来说: 定制浏览器并具备开放html5浏览器的能力; 全面解析以HTML5+JavaScript来开发应用: 使用JavaScript开发云计算; 掌握HTML5等多线程、本地存储等所有的新特性技术; 学会以 JavaScript 编写 Device-side的App; 学会以 PhoneGap 整合 Native API; 学会以 Node*** 开发 Server-side 服务 (Cloud); 具体HTML5深刻的洞察力和商业视角; 培训对象: 尤其适合于金融机构、互联网公司、智能终端开发者; 手机App开发人员 传统Web开发人员; 架构师; 传统的智能手机,例如Android的开发人员; 想学习HTML5的人员; 浏览器定制人员; 美工开发人员; 媒体机构; 学员基础: 了解基本的JavaScript语法; 了解基本的HTML5/HTML4语法; 时间 內 容 备注 第一天 第1个主题:HTML5 架构思维 1,1 All in JavaScript 1,2 Architect of Device Cloud 1,3 Open Platform API 第2个主题:HTML5时代的商业机会和变革 2,1 HTML5和以前的HTML的不同; 2.2 HTML5时代新的商业模式; 2.3 HTML5与传统的Native App; 2.4 HTML5将给整个IT界带来全新的变革; 第3个主题:通过一个Blog实例实战HTML5CSS3 3.1 实战HTML5新增页面元素; 3.2 实战HTML5中的表单; 3.3 实战HTML5中的Canvas 3.4 实战html 5页面中视频和音频 3.5 CSS3技术实战 第4主题:浏览器开发和自定义 4.1 浏览器定制和开发的核心原理剖析 4.2 浏览器定制和开发的技术手段剖析 4.3 浏览器定制和开发实战 第5主题:浏览器定制技术基石:WebView下JavaScript如何与本地API进行相互调用 5.1 以Android系统为例探讨制作Android界面的新大陆 5.2 浏览器的JavaScriptInterface 5.3 本地API调用Javascript 5.4 Javascript调用本地API 第6个主题: HTML5的多线程技术 6.1为什么HTML5的多线程技术是Device端编程的一项革命 6.2 WebWorker的原理和机制 6.3 Dedicated Worker和Shared Worker详解 6.4 工作线程生命周期 6.5 通过后台数值计算、共享线程、线程代理等实战多线程技术; 第7个主题: HTML5的离线应用和本地存储功能详解 7.1 问题场景:如何在飞机上离线办公? 7.2 离线应用三要点:服务器、配置文件、更新 7.3 使用Local Storage和Session Storage; 7.4 使用数据库; 7.5 解决飞机上离线办公的最后一个问题:监听在线事件; 第8个主题:HTML5革命性的特征:Web Socket 8.1 传统的Client-Server的通信方式 8.2 HTML5时代的Device-Cloud的通信方式 8.3 为什么这是革命性的 8.4 Web Socket与Ajax的比较 8.5 Web Socket实战 第9个主题:HTML5的其它新特性和浏览器的兼容性问题 9.1 新的Tag的核心原理和意义 9.2 GeoLocation获取地理位置信息 9.3 WebGL进行3G绘图 9.4 HTML5浏览器兼容性问题的根源 9.5 如何解决HTML5浏览器兼容性问题? 第10个主题:PhoneGap的架构和商业思考 10.1 PhoneGap的架构艺术 10.2 PhoneGap与HTML5、CSS3、JavaScript的关系 10.3 PhoneGap与智能手机的核心功能——包括相机、文件访问、地理定位,加速器,联系人,声音和振动等 10.4 PhoneGap的优势和劣势 时间 內 容 备注 第二天 第11个主题:PhoneGap框架的技术基石是什么? 11,1 使用WebView 11,2 在WebView中使用JavaScript 11.3 创建本地Java API 11.4 使用JavaScriptInterface 11.5 JavaScript调用Java 11.6 Java调用JavaScript 11.7 PhoneGap是如何使用JavaScriptInterface的 第12个主题:安装PhoneGap开发第一个PhoneGap程序并彻底剖析该程序 12.1 安装PhoneGap SDK; 12.2 PhoneGap库的加入 12.3 JavaScript的构建 12.4 Asset下HTML文件的构建 12.5 编写配置文件 12.6 打包、安装、运行第一个PhoneGap程序 12.7 彻底剖析PhoneGap程序的运行原理、流程、机制等 第13个主题:PhoneGap案例开发实战 13.1通过Connection测试网络链接 13.2 通过Accelerometer来采集设备的动作 13.3 通过Compass获得当前设备的方向 13.4 PhoneGap 操作本地系统的Camera 13.5 PhoneGap其它的本地API; 第14个主题:PhoneGap的Plugin开发 14.1如何扩展PhoneGap的功能? 14.2 IPlugin接口 14.3 Proxy-Stub模式在Plugin开发中的应用及价值 14.4 Plugin开发中如何控制硬件厂商和Web开发者 14.5 Plugin核心代码剖析及开发实战 第15个主题:使用HTTPAJAX和远程服务器端沟通 15.1 Ajax在HTML5时代的价值; 15.2 HTTPAJAX实战; 第16个主题:JSON与JavaScript珠联璧合 16.1 剖析JSON; 16.2 JavaScript解析JSON实战; 16.3 Java解析JSON实战; 16.4 JSON:HTML5、本地API、Ajax 时间 内容 备注 第三天 第17个主题:制作 HTML5 手机 UI 17.1,使用 xui 17.2,使用 jQuery Mobile 17.3,使用 AJAX 读取远端资料 17.4,编写手机版 HTML5 网页 17.5,Doctype 与 Viewport 第18个主题:Node*** 基本概念 18.1,Node*** 应用软件架构 18.2,Node*** 使用案例 (Use Case) 第19个主题:“Hello, World” of Node*** 19.1,Server-side Javascript 19.2,编写 HTTP Server 19.3,Event-driven 架构 19.4,Callbacks 第20个主题:HTML5 与 Node*** 20.1,编写 HTML5/Node*** 网页 20.2,HTML5 与 Server-side 20.3,使用案例 (Use Cases) 第21堂课:Blocking and Non-blocking 21.1,Request handlers 21.2,Non-block requests 21.3,处理 GET/POST requests 21.4,Route requests 21.5,事件处理 (Event listening) 第22堂课:Node*** 进阶观念 22.1,Node*** Procedss 22.2,如何 Spawn child process 22.3,Proxying Node*** 22.4,Protocol parser 實作 第23堂课:Node*** IO 处理 23.1,如何与数据库整合 23.2,文件处理 (Filesystem I/O) 23.3,Stream buffer 23.4,Raw buffer 23.5,其它 IO 处理 第24堂课:JavaScript Design Pattern 24.1,Creational Pattern 24.2,jQuery Modular Pattern 24.3,其它设计模式 24.4,MVC 模式