“面向?qū)ο蟮腏avaScript及HTML5”培訓(xùn)課程

一、培訓(xùn)對(duì)象：

有程序設(shè)計(jì)和面向?qū)ο蟮幕A(chǔ)，注重實(shí)效的開(kāi)發(fā)人員、開(kāi)發(fā)工程師、開(kāi)發(fā)團(tuán)隊(duì)負(fù)責(zé)人等。

二、授課特點(diǎn)：

1、授課過(guò)程采取分組的方式進(jìn)行，1/3的時(shí)間在可視的環(huán)境下完成互動(dòng)，1/4的時(shí)間通過(guò)Code Kata的方式來(lái)傳遞設(shè)計(jì)的原則與實(shí)踐。 

2、本課程采用蘇格拉底式教學(xué)法，簡(jiǎn)單說(shuō)就是學(xué)員自己教自己。我們會(huì)通過(guò)問(wèn)題來(lái)引導(dǎo)大家，正如Fred Brooks所說(shuō)：“好的判斷來(lái)自經(jīng)驗(yàn)，而經(jīng)驗(yàn)來(lái)自糟糕的判斷”。記住受阻時(shí)刻，并從中學(xué)習(xí)，這些經(jīng)驗(yàn)會(huì)成為未來(lái)良好判斷的基礎(chǔ)。

3、案例練習(xí)貫穿課程始終，大家針對(duì)案例練習(xí)中的代碼展開(kāi)討論，通過(guò)討論，得出結(jié)論。

三、師資：

由業(yè)界知名的架構(gòu)師、自稱(chēng)“小程序員”的姜老師親自授課：

姜老師  線(xiàn)下交流組織“設(shè)計(jì)匠藝”核心小組成員，開(kāi)源項(xiàng)目AgileUML的提交者，曾拿過(guò)IBM兩個(gè)獎(jiǎng)項(xiàng)，于05、09年先后在863國(guó) 家數(shù)字油田的項(xiàng)目中任“架構(gòu)師”。目前正在抓緊完成在線(xiàn)Code Kata網(wǎng)站iDojo的編碼。喜歡線(xiàn)下技術(shù)活動(dòng)的各種交流和分享，熱衷于實(shí)用主義和敏捷開(kāi)發(fā)技術(shù)。

四、培訓(xùn)內(nèi)容：

第 一部分  面向?qū)ο蟮牡腏avaScript

1、JavaScript是函數(shù)式動(dòng)態(tài)編程語(yǔ)言

l 函數(shù)是一等公民

l 重新認(rèn)識(shí)“函數(shù)”

l 函數(shù)綁定

l 動(dòng)態(tài)執(zhí)行

l call與apply

2、變量、作用域和內(nèi)存問(wèn)題

l 作用域

l 內(nèi)存

l this

l 封裝與信息隱藏

l 匿名函數(shù)

l 閉包

3、面向?qū)ο蟮腏avaScript

l 對(duì)象和屬性

l 對(duì)象的創(chuàng)建

l 原型繼承

l 封裝與多態(tài)

l 命名空間

l CoffeeScript

4、構(gòu)建自己的“類(lèi)”庫(kù)

l 創(chuàng)建類(lèi)

l 為類(lèi)庫(kù)添加方法

l 給類(lèi)庫(kù)添加繼承

l 控制類(lèi)庫(kù)的作用域

l 添加私有函數(shù)

l “類(lèi)”庫(kù)

5、向jQuery學(xué)習(xí)

l jQuery框架技術(shù)草圖

l jQuery原型技術(shù)分解

l 起源--原型繼承

l 生命--返回實(shí)例

l 學(xué)步--分隔作用域

l 生長(zhǎng)--跨域訪(fǎng)問(wèn)

l 成熟--選擇器

l 延續(xù)--迭代器、功能擴(kuò)展、參數(shù)處理

l 涅槃--名字空間

第二部分  構(gòu)建基于Html5的MVC開(kāi)發(fā)框架

1、Html5基礎(chǔ)

l DOM

l BOM

l Html5標(biāo)簽結(jié)構(gòu)

l 選擇器

l 精彩絕倫的CSS3

l 操作

l 布局與效果

l Html5下的MVC骨架

2、向Backbone學(xué)習(xí)MVC框架

l 模型

l 集合

l 視圖

l 控制器

l 構(gòu)建To-Do示例

2、M

l 命名空間

l ORM

l 添加屬性

l 持久化記錄

l GUID

l 裝載數(shù)據(jù)

l Ajax裝載數(shù)據(jù)

l Html5:LocalStorage

l Html5:Web Database API

l Html5:File API

l Html5:WebSocket API、Web Worker API

3、C

l 環(huán)境污染

l 模塊包裝

l CommonJS

l 控制器載入

l 試圖訪(fǎng)問(wèn)

l 結(jié)構(gòu)抽象

l 狀態(tài)機(jī)

l 路由

l Html5:History API

4、V

l View

l Html5:Tag

l Html5:Canvas

l Css3

l 布局

l Template

l 無(wú)阻塞腳本

l 模型綁定

5、Event

l 事件的監(jiān)聽(tīng)

l 順序

l 取消事件

l 用jQuery來(lái)管理事件

l 自定義事件

l 通知機(jī)制

l 框架事件體系

第三部分  服務(wù)端的JavaScript

1、從Node.JS開(kāi)始

l Node.JS與npm

l 用Node.JS搭建簡(jiǎn)易服務(wù)器

l 使用開(kāi)源中間件

l 構(gòu)建自己的類(lèi)庫(kù)

l 讓設(shè)計(jì)模式起作用

l 路由

l 模板

l Ajax與長(zhǎng)輪循

2、WebSocket

l 另一種Web服務(wù)器

l Html5: WebSocket API

l Html5: Web Worker API

l Node.JS與Socket.IO

l 利用Socket搭建.net服務(wù)器

l 實(shí)時(shí)架構(gòu)(可用于Web情況下實(shí)時(shí)數(shù)據(jù)的監(jiān)控)

l 感知速度

3、改造你的Web服務(wù)器端框架 

五、培訓(xùn)目的：

本次課程幫助大家尋找更好的實(shí)踐和更強(qiáng)大的模式來(lái)編寫(xiě)更優(yōu)的可維護(hù)性更好的應(yīng)用，而不會(huì)沉迷在“語(yǔ)法糖”的知識(shí)點(diǎn)里。通過(guò)學(xué)習(xí)，將幫助大家將自身的JavaScript技巧提高到一個(gè)新的層次。