面向对象的JavaScript及HTML5

一、授课特点：

1、授课过程采取分组的方式进行，1/3的时间在可视的环境下完成互动，1/4的时间通过Code Kata的方式来传递设计的原则与实践。

2、本课程采用苏格拉底式教学法，简单说就是学员自己教自己。我们会通过问题来引导大家，正如Fred Brooks所说：“好的判断来自经验，而经验来自糟糕的判断”。记住受阻时刻，并从中学习，这些经验会成为未来良好判断的基础。

3、案例练习贯穿课程始终，大家针对案例练习中的代码展开讨论，通过讨论，得出结论。

二、师资：

由业界知名的架构师、自称“小程序员”的姜老师亲自授课：

姜老师  线下交流组织“设计匠艺”核心小组成员，开源项目AgileUML的提交者，曾拿过IBM两个奖项，于05、09年先后在863国家数字油田的项目中任“架构师”。目前正在抓紧完成在线Code Kata网站iDojo的编码。喜欢线下技术活动的各种交流和分享，热衷于实用主义和敏捷开发技术。

三、培训内容：

第一部分  面向对象的的JavaScript

1、JavaScript是函数式动态编程语言

l       函数是一等公民

l       重新认识“函数”

l       函数绑定

l       动态执行

l       call与apply

2、变量、作用域和内存问题

l       作用域

l       内存

l       this

l       封装与信息隐藏

l       匿名函数

l       闭包

3、面向对象的JavaScript

l       对象和属性

l       对象的创建

l       原型继承

l       封装与多态

l       命名空间

l       CoffeeScript

4、构建自己的“类”库

l       创建类

l       为类库添加方法

l       给类库添加继承

l       控制类库的作用域

l       添加私有函数

l       “类”库

5、向jQuery学习

l       jQuery框架技术草图

l       jQuery原型技术分解

l       起源--原型继承

l       生命--返回实例

l       学步--分隔作用域

l       生长--跨域访问

l       成熟--选择器

l       延续--迭代器、功能扩展、参数处理

l       涅槃--名字空间

第二部分  构建基于Html5的MVC开发框架

1、Html5基础

l       DOM

l       BOM

l       Html5标签结构

l       选择器

l       精彩绝伦的CSS3

l       操作

l       布局与效果

l       Html5下的MVC骨架

2、向Backbone学习MVC框架

l       模型

l       集合

l       视图

l       控制器

l       构建To-Do示例

2、M

l       命名空间

l       ORM

l       添加属性

l       持久化记录

l       GUID

l       装载数据

l       Ajax装载数据

l       Html5:LocalStorage

l       Html5:Web Database API

l       Html5:File API

l       Html5:WebSocket API、Web Worker API

3、C

l       环境污染

l       模块包装

l       CommonJS

l       控制器载入

l       试图访问

l       结构抽象

l       状态机

l       路由

l       Html5:History API

4、V

l       View

l       Html5:Tag

l       Html5:Canvas

l       Css3

l       布局

l       Template

l       无阻塞脚本

l       模型绑定

5、Event

l       事件的监听

l       顺序

l       取消事件

l       用jQuery来管理事件

l       自定义事件

l       通知机制

l       框架事件体系

第三部分  服务端的JavaScript

1、从Node.JS开始

l       Node.JS与npm

l       用Node.JS搭建简易服务器

l       使用开源中间件

l       构建自己的类库

l       让设计模式起作用

l       路由

l       模板

l       Ajax与长轮循

2、WebSocket

l       另一种Web服务器

l       Html5: WebSocket API

l       Html5: Web Worker API

l       Node.JS与Socket.IO

l       利用Socket搭建.net服务器

l       实时架构(可用于Web情况下实时数据的监控)

l       感知速度

3、改造你的Web服务器端框架