首页 > 代码库 > 面向Web Cloud的HTML5&JavaScript专家级开发(V3)

面向Web Cloud的HTML5&JavaScript专家级开发(V3)

JavaScriptWeb开发的核心,是一个Web开发人员核心竞争力之所在。

本课程聚焦于以面向对象为核心的JavaScript高级技巧,通过对JavaScript设计模式和框架编写技巧以及具体源码的剖析,可以极大的提升JavaScript开发者的功力,轻松驾驭和开发JavaScript框架。

最后通过瓣HTML5&JavaScript&CSS3客户端商业案例实战,在源码之中鉴赏商业级别HTML5&JavaScript代码的优雅。

 

课程目标:

1,掌握Javascript的高级开发技巧;

2,掌握JavaScript设计模式;

3,掌握JavaScript核心框架;

4,能够开发出自己的JavaScript框架;

5,开发商业级别HTML5&JavaScript程序;

 王家林老师(联系邮箱18610086859@126.com 电话:18610086859 QQ:1740415547 微信号:18610086859)

培训对象:

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

手机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主题:浏览器定制技术基石:WebViewJavaScript如何与本地API进行相互调用

3.1  以Android系统为例探讨制作Android界面的新大陆

3.2  浏览器的JavaScriptInterface

3.3  本地API调用Javascript

3.4  Javascript调用本地API

 

补充主题1:通过一个Blog实例实战HTML5&CSS3

1 实战HTML5新增页面元素;

2 实战HTML5中的表单;

3 实战HTML5中的Canvas 

4 实战html 5页面中视频和音频

5 CSS3技术实战

 

补充主题2: HTML5的多线程技术

1为什么HTML5的多线程技术是Device端编程的一项革命

2 WebWorker的原理和机制

3 Dedicated Worker和Shared Worker详解

4 工作线程生命周期

5 通过后台数值计算、共享线程、线程代理等实战多线程技术;

 

补充主题3: HTML5的离线应用和本地存储功能详解

1 问题场景:如何在飞机上离线办公?

2 离线应用三要点:服务器、配置文件、更新

3 使用Local Storage和Session Storage;

4 使用数据库;

5 解决飞机上离线办公的最后一个问题:监听在线事件;

 

补充主题4:HTML5革命性的特征:Web Socket

1 传统的Client-Server的通信方式 

2 HTML5时代的Device-Cloud的通信方式 

3 为什么这是革命性的

4 Web Socket与Ajax的比较 

5 Web Socket实战

 

 

 

第4个主题:再论JavaScript中的函数和闭包

4,1 匿名函数、回调函数、私有函数、自调用函数等

4,2  闭包:闭包的精髓、迭代器

 

第5个主题:再论JavaScript中的对象与原型

5,1 对象:this、对象的操作、RegExp

5.2 原型:_proto_、扩建对象

 

第6个主题:在JavaScript中实现继承

6.1 继承于原型

6.2 将继承部分封装成函数

6.6 对象之间的继承 

6.4 多重继承与寄生式继承

6.5 再论构造器

 

第7主题:在JavaScript中的面向接口编程

7.1 在JavaScript中模仿接口

7.2 Interface的用法

 

第8主题:再论JavaScript中信息的封装与隐藏

8.1  创建对象的核心模式

8.2  静态方法和属性

8.3  对象工厂

 

 

 

时间 

內  容 

备注 

 

 

 

 

 

 

 

 

 

 

 

 

第二天 

第9主题:使用 AMD

9.1,认识Common.js

9.2,使用Require.js

9.3,JavaScript Closure 与 Lambda 观念

 

第10主题:MVCMVPMVVM

10.1,MVC、MVP与MVVM观念介绍

10.2,实作MVC与MVP模式

 

第11主题:Module Loader

11.1,Loader Path

11.2,require方法

11.3,define方法

 

第12个主题:类工厂

12,1 P.js

12,2 JS.class

12.3 def.js

 

第13个主题:选择器引擎

13.1 getElementsBySelector 

13.2 Functions:isXML 、contains、节点排序与去重等;

13.3 Sizzle引擎

 

第14个主题:JavaScript框架的数据缓存系统

14.1 jQuery的第一代和第二代数据缓存系统

14.2 mass Framework的第一、二、三代数据缓存系统

 

第15个主题:JavaScript框架的事件系统源码解析

15.1事件缺陷:onXXX、attachEvent、addEventListener

15.2addEvent.js源码分析

15.3 jquery事件模块的源码解析

 

第16个主题:JavaScript框架的异步处理

16.1 JSDeferred 

16.2 jQuery Deferred

16.3 Promise/A与mmDeferred

 

 

 

 

时间

内容

备注

第三天

第17个主题:JavaScript框架的数据交互模块

17.1 XMLHttpRequest最佳实践

17.2 一个符合框架机制的完整的Ajax实现

 

 

第18个主题:JavaScript框架插件的开发

18.1 编写jQuery插件的步骤

18.2 插件的智能加载和定制

 

第19堂课:JavaScript Design Pattern

19.1,Creational Pattern

19.2,jQuery & Modular Pattern

19.3,其它设计模式

19.4,MVC 模式

 

第20个主题:Node.js的架构理念、技术基石以及如何应对HTTPTCP协议

20.1 Node.js的架构

20.2 Node.js中多线程和Callback为何如此重要?

20.3 Node.js使用案例赏析

20.4 Node.js中WebServerTCPServer实战

 

第21个主题:Node.js实战高并发和非阻塞式的服务端

21.1 Blocking和Non-Blocking

21.2 Event-Driven机制

21.3 Node.js开发实战

 

第22个主题:豆瓣HTML5&JavaScript&CSS3客户端商业案例实战

22.1 HyBrid的经典架构和技术

22.2案例架构

22.3代码剖析

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

面向Web Cloud的HTML5&JavaScript专家级开发(V3)