課程描述INTRODUCTION
面向?qū)ο蟮膉avascript及HTML5
· 人事總監(jiān)· 人事經(jīng)理· 培訓(xùn)經(jīng)理· 行政主管
日程安排SCHEDULE
課程大綱Syllabus
課程目的:
本次課程幫助大家尋找更好的實(shí)踐和更強(qiáng)大的模式來編寫更優(yōu)的可維護(hù)性更好的應(yīng)用,而不會沉迷在“語法糖”的知識點(diǎn)里。通過學(xué)習(xí),將幫助大家將自身的javascript技巧提高到一個(gè)新的層次。
課程背景:
javascript是基于原型的,在服務(wù)端、應(yīng)用程序擴(kuò)展、移動應(yīng)用程序、命令行腳本方面有非常出色的表現(xiàn)。與我們所熟知的基于類的語言不同,我們很難直接使用構(gòu)造函數(shù)創(chuàng)建它。我們需要考慮如何使用即時(shí)函數(shù)控制私有成員,如何使用閉包控制職責(zé)的封裝,如何利用作用域模擬命名空間的實(shí)現(xiàn)等等。這些看起來非?;A(chǔ)的內(nèi)容需要很多創(chuàng)造性的技巧才能發(fā)揮javascript的強(qiáng)大能力。為此,特舉辦“面向?qū)ο蟮膉avascript及HTML5”培訓(xùn)。
課程特點(diǎn):
1、授課過程采取分組的方式進(jìn)行,1/3的時(shí)間在可視的環(huán)境下完成互動,1/4的時(shí)間通過Code Kata的方式來傳遞設(shè)計(jì)的原則與實(shí)踐;
2、本課程采用蘇格拉底式教學(xué)法,簡單說就是學(xué)員自己教自己。我們會通過問題來引導(dǎo)大家,正如Fred Brooks所說:“好的判斷來自經(jīng)驗(yàn),而經(jīng)驗(yàn)來自糟糕的判斷”。記住受阻時(shí)刻,并從中學(xué)習(xí),這些經(jīng)驗(yàn)會成為未來良好判斷的基礎(chǔ);
3、案例練習(xí)貫穿課程始終,大家針對案例練習(xí)中的代碼展開討論,通過討論,得出結(jié)論。
課程大綱:
第一部分:面向?qū)ο蟮牡膉avascript
1、javascript是函數(shù)式動態(tài)編程語言
函數(shù)是一等公民
重新認(rèn)識“函數(shù)”
函數(shù)綁定
動態(tài)執(zhí)行
call與apply
2、變量、作用域和內(nèi)存問題
作用域
內(nèi)存
this
封裝與信息隱藏
匿名函數(shù)
閉包
3、面向?qū)ο蟮膉avascript
對象和屬性
對象的創(chuàng)建
原型繼承
封裝與多態(tài)
命名空間
Coffeescript
4、構(gòu)建自己的“類”庫
創(chuàng)建類
為類庫添加方法
給類庫添加繼承
控制類庫的作用域
添加私有函數(shù)
“類”庫
5、向jQuery學(xué)習(xí)
jQuery框架技術(shù)草圖
jQuery原型技術(shù)分解
起源--原型繼承
生命--返回實(shí)例
學(xué)步--分隔作用域
生長--跨域訪問
成熟--選擇器
延續(xù)--迭代器、功能擴(kuò)展、參數(shù)處理
涅盤--名字空間
第二部分:構(gòu)建基于Html5的MVC開發(fā)框架
1、Html5基礎(chǔ)
DOM
BOM
Html5標(biāo)簽結(jié)構(gòu)
選擇器
精彩絕倫的CSS3
操作
布局與效果
Html5下的MVC骨架
2、向Backbone學(xué)習(xí)MVC框架
模型
集合
視圖
控制器
構(gòu)建To-Do示例
3、M
命名空間
ORM
添加屬性
持久化記錄
GUID
裝載數(shù)據(jù)
Ajax裝載數(shù)據(jù)
Html5:LocalStorage
Html5:Web Database API
Html5:File API
Html5:WebSocket API、Web Worker API
4、C
環(huán)境污染
模塊包裝
CommonJS
控制器載入
試圖訪問
結(jié)構(gòu)抽象
狀態(tài)機(jī)
路由
Html5:History API
5、V
View
Html5:Tag
Html5:Canvas
Css3
布局
Template
無阻塞腳本
模型綁定
6、Event
事件的監(jiān)聽
順序
取消事件
用jQuery來管理事件
自定義事件
通知機(jī)制
框架事件體系
第三部分:服務(wù)端的javascript
1、從Node.JS開始
Node.JS與npm
用Node.JS搭建簡易服務(wù)器
使用開源中間件
構(gòu)建自己的類庫
讓設(shè)計(jì)模式起作用
路由
模板
Ajax與長輪循
2、WebSocket
另一種Web服務(wù)器
Html5: WebSocket API
Html5: Web Worker API
Node.JS與Socket.IO
利用Socket搭建。net服務(wù)器
實(shí)時(shí)架構(gòu)(可用于Web情況下實(shí)時(shí)數(shù)據(jù)的監(jiān)控)
感知速度
3、改造你的Web服務(wù)器端框架
培訓(xùn)師介紹
姜老師
線下交流組織“設(shè)計(jì)匠藝”核心小組成員,開源項(xiàng)目AgileUML的提交者,曾拿過IBM兩個(gè)獎項(xiàng),于05、09年先后在863國家數(shù)字油田的項(xiàng)目中任“架構(gòu)師”。目前正在抓緊完成在線Code Kata網(wǎng)站iDojo的編碼。喜歡線下技術(shù)活動的各種交流和分享,熱衷于實(shí)用主義和敏捷開發(fā)技術(shù)。
轉(zhuǎn)載:http://www.jkyingpanluxiangji.com/gkk_detail/10897.html
已開課時(shí)間Have start time
培訓(xùn)開發(fā)內(nèi)訓(xùn)
- 培訓(xùn)體系搭建課程 李巍華
- 《引導(dǎo)技術(shù)在培訓(xùn)中的應(yīng)用》 李悅?cè)?/span>
- 《TTT精彩呈現(xiàn)-精湛課程 李想
- PTT講師授課技能 李芳
- 培訓(xùn)師生動授課與演講技巧 李芳
- 培訓(xùn)體系的構(gòu)建與管理 李巍華
- 《七步成“課”—內(nèi)訓(xùn)師課程 李悅?cè)?/span>
- 內(nèi)訓(xùn)師TTT之課堂精彩呈現(xiàn) 李芳
- 卓越內(nèi)訓(xùn)師訓(xùn)練營 李芳
- 向培訓(xùn)要效益: 卓越培訓(xùn)體 張懷
- 《TTT精彩呈現(xiàn)-讓你的課 李想
- 內(nèi)訓(xùn)師經(jīng)驗(yàn)萃取與網(wǎng)絡(luò)課程開 李芳