首页 > 代码库 > 面向Web Cloud的HTML5 App开发实战:Browser&HTML5&CSS3&PhoneGap&jQuery Mobile& WebSocket&Node.js(3天)
面向Web Cloud的HTML5 App开发实战:Browser&HTML5&CSS3&PhoneGap&jQuery Mobile& WebSocket&Node.js(3天)
课程简介:
王家林老师(联系邮箱18610086859@126.com 电话:18610086859 QQ:1740415547 微信号:18610086859)
22个HTML5主题一次性贯穿HTML5的一切技术;
一网打尽HTML5时代Device、(设备端)、Browser(浏览器)和Cloud(浏览器)的所有技术;
以浏览器定制技术为基础,通晓HTML5+CSS3+PhoneGap+Web Socket +jQuery Mobile +Node.js等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.js等连接在一起的?
在HTML5时代,如何应对高并发的服务请求?
如何在服务器端和客户端打在完美的并发非同步处理方案?
本课程讲彻底解答上述所有的问题,全部内容至简而实,采用代码驱动,把HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js的秘密向您娓娓道来。
课程目标:
本课程涵盖HTML5、CSS3、PhoneGap、Ajax、jQuery Mobile、Node.js等一些列HTML5相关技术,重在强调代码的实战能力以及背后的原理分析。
掌握本课程后,能够完全胜任任意需求的HTML5+CSS3+JavaScript+PhoneGap+Ajax+jQuery Mobile+Node.js的HTML5时代的开发。
具体来说:
定制浏览器并具备开放html5浏览器的能力;
掌握HTML5等多线程、本地存储等所有的新特性技术;
学会以 JavaScript 编写 Device-side的App;
学会以 PhoneGap 整合 Native API;
学会以 Node.js 开发 Server-side 服务 (Cloud);
具体HTML5深刻的洞察力和商业视角;
培训对象:
尤其适合于金融机构、互联网公司、智能终端开发者;
手机App开发人员
传统Web开发人员;
架构师;
传统的智能手机,例如Android的开发人员;
想学习HTML5的人员;
浏览器定制人员;
美工开发人员;
媒体机构;
时间 | 內 容 | 备注 |
第一天 | 第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实例实战HTML5&CSS3 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个主题:使用HTTP&AJAX和远程服务器端沟通 15.1 Ajax在HTML5时代的价值; 15.2 HTTP&AJAX实战;
第16个主题:JSON与JavaScript珠联璧合 16.1 剖析JSON; 16.2 JavaScript解析JSON实战; 16.3 Java解析JSON实战; 16.4 JSON:HTML5、本地API、Ajax
第17个主题:彻底洞悉jQuery Mobile 17.1 jQuery Mobile设计的技术思考和商业思考 17.2 jQuery Mobile入门初体验; 17.3 使用页眉、工具栏和标签栏; 17.4 jQuery Mobile中的表单和按钮; 17.5 jQuery Mobile中的列表; 17.6 jQuery Mobile和CSS结合; 17.7 jQuery Mobile主题; 17.8 jQuery Mobile的API; 17.9 和服务器集成; 17.10 jQuery Mobile和HTML5开发框架PhoneGap结合;
|
|
时间 | 内容 | 备注 |
第三天 | 第18个主题:Node.js的架构理念、技术基石以及如何应对HTTP和TCP协议 18.1 Node.js的架构 18.2 Node.js中多线程和Callback为何如此重要? 18.3 Node.js使用案例赏析 18.4 Node.js中WebServer和TCPServer实战
第19个主题:Node.js实战高并发和非阻塞式的服务端 19.1 Blocking和Non-Blocking 19.2 Event-Driven机制 19.3 Node.js开发实战
第20个主题:Node.js和WebSocket的整合; 20.1 使用Node.js和WebSocket打造非同步处理机制及其重大价值; 20.2使用Node.js和WebSocket打造非同步处理机制经典模式 20.3使用Node.js和WebSocket打造非同步处理机制经典案例
第21个主题:HTML5游戏开发案例; 21.1 HTML5尤其引擎 21.2游戏的架构 21.3游戏源码剖析
第22个主题:HTML5的HyBrid开发案例 22.1 HyBrid的经典架构和技术 22.2案例架构 22.3代码剖析
|
|
面向Web Cloud的HTML5 App开发实战:Browser&HTML5&CSS3&PhoneGap&jQuery Mobile& WebSocket&Node.js(3天)