課程概述

一、HTML5在移動(dòng)互聯(lián)網(wǎng)現(xiàn)狀：

目前移動(dòng)互聯(lián)網(wǎng)中大多數(shù)產(chǎn)品都是Native App，比如很火的微信，憤怒的小鳥等等。
但是這種Natvie App存在非常大的開發(fā)成本和維護(hù)成本，因?yàn)槟阃?個(gè)應(yīng)用需要請不同的開發(fā)人員(java,object-c,net mobile)，
同1個(gè)需求需要開發(fā)多個(gè)版本，而且還要考慮各種APP市場的特殊審批的一些原因。
很多人覺的移動(dòng)互聯(lián)網(wǎng)又開始了以前PC的歷程，PC時(shí)代之初也的Navtive應(yīng)用帶動(dòng)，但隨著Navtive App的升級成本越來越大，
以及WEB2.0的啟動(dòng)，很多應(yīng)用都開始轉(zhuǎn)到WEB開發(fā)。現(xiàn)在基本上已都是互聯(lián)網(wǎng)WEB產(chǎn)品的天下。
隨著html5和CSS3的興起，現(xiàn)在很多大型互聯(lián)網(wǎng)公司都開始使用html5開發(fā)移動(dòng)互聯(lián)網(wǎng)應(yīng)用來嘗試代替Navtive App。
這里面就有我們耳熟能詳?shù)腝Q空間、騰訊微博、新浪微博都已經(jīng)開發(fā)了對應(yīng)的觸摸屏版本(html5網(wǎng)頁版)。

?

二、課程適合的對象：

??? 所有想在移動(dòng)互聯(lián)網(wǎng)中發(fā)展，或想深入了解html5+css3技術(shù)，或想了解微博技術(shù)的開發(fā)人員。

?

三、課程目標(biāo)

1、了解html5在移動(dòng)互聯(lián)網(wǎng)中的支持情況。
2、熟練掌握html5技術(shù)。
3、熟練使用CSS3完善自己的網(wǎng)頁。
4、掌握極限前端性能優(yōu)化的技巧。
5、通過微博項(xiàng)目的學(xué)習(xí)，能夠獨(dú)立開發(fā)移動(dòng)互聯(lián)網(wǎng)的html5應(yīng)用
6、通過對WXTOUCH的學(xué)習(xí)，能獨(dú)立編寫適合自己業(yè)務(wù)特性的js框架。

?

四、技術(shù)點(diǎn)

1、HTML5：html下一代最新標(biāo)準(zhǔn)，目前移動(dòng)互聯(lián)網(wǎng)中使用最多的html5技術(shù)
2、CSS3：CSS3大大增強(qiáng)了WEB的表現(xiàn)能力，這個(gè)課程中我們就一起學(xué)習(xí)它到底是怎么豐富WEB的表現(xiàn)力的。
3、WTOUCH：本課程專門為移動(dòng)互聯(lián)網(wǎng)中寫的1個(gè)類似于jquery的1個(gè)js框架。為什么要寫這個(gè)，不直接用jquery，
????? 因?yàn)閖query太大，而且jquery并不是為html5，css3定制的，很多地方?jīng)]有用上html5和css3的特性。
????? WTOUCH是專門利用了html5、css3技術(shù)寫的js框架。特點(diǎn)是：代碼量小，性能高，
4、Mysql：使用率最高的免費(fèi)的關(guān)系數(shù)據(jù)庫。
5、Hibernate：Java領(lǐng)域內(nèi)最出名的ORM框架。本課程中所有數(shù)據(jù)操作都使用hibernate。
6、Struts2：JAVA中最流行的MVC開發(fā)框架，本課程項(xiàng)目中就使用了該MVC框架
?

五、HTML5詳細(xì)大綱如下:?

1.Web時(shí)代變遷

2.Html5概要

3.查詢器,ajax進(jìn)度條等新特性介紹

4.html5新元素、屬性體驗(yàn)

5.掌控我們的history

6.h5的存儲革命

7.多媒體盛宴1—音頻

8.多媒體盛宴2—視頻

9.圖像處理—SVG

10.圖像處理—canvas

11.動(dòng)畫、3D

12.瘋狂的離線應(yīng)用1

13.瘋狂的離線應(yīng)用2

14.簡潔的拖拽

15.LBS的使用

16.實(shí)時(shí)通訊—聊天室實(shí)現(xiàn)

17.異步計(jì)算—Web Worker

18.CSS3介紹、查詢器

19.CSS3-邊框，背景，文字，顏色特效
?
20.CSS3-Box布局模型

21.CSS3-Multi-column布局、Media Queries

22.CSS3-元素變形(Transforms2D、3D)

23.CSS3-動(dòng)畫特效

24.極致前端性能優(yōu)化(減少請求數(shù),數(shù)據(jù)量)

25.極致前端性能優(yōu)化(減少數(shù)據(jù)量,大量圖片加載,js加載)

26.微博項(xiàng)目—項(xiàng)目需求、數(shù)據(jù)庫設(shè)計(jì)、后臺架構(gòu)、前臺框架介紹

27.微博項(xiàng)目-前臺js框架MTOUCH,驗(yàn)證框架介紹

28.微博項(xiàng)目-注冊、登錄頁面1

29.微博項(xiàng)目-注冊、登錄頁面2

30.微博項(xiàng)目-個(gè)人資料頁

31.微博項(xiàng)目-收聽我的,聽眾1

32.微博項(xiàng)目-收聽我的,聽眾2,用戶資料

33.微博項(xiàng)目-發(fā)送微博

34.微博項(xiàng)目-微博列表

35.微博項(xiàng)目-@我的,轉(zhuǎn)發(fā)微博

36.微博項(xiàng)目-完善、優(yōu)化

?