課程概述

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

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

?

二、課程適合的對象：

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

?

三、課程目標

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

?

四、技術(shù)點

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

五、HTML5詳細大綱如下:?

1.Web時代變遷

2.Html5概要

3.查詢器,ajax進度條等新特性介紹

4.html5新元素、屬性體驗

5.掌控我們的history

6.h5的存儲革命

7.多媒體盛宴1—音頻

8.多媒體盛宴2—視頻

9.圖像處理—SVG

10.圖像處理—canvas

11.動畫、3D

12.瘋狂的離線應用1

13.瘋狂的離線應用2

14.簡潔的拖拽

15.LBS的使用

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

17.異步計算—Web Worker

18.CSS3介紹、查詢器

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

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

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

23.CSS3-動畫特效

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

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

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

27.微博項目-前臺js框架MTOUCH,驗證框架介紹

28.微博項目-注冊、登錄頁面1

29.微博項目-注冊、登錄頁面2

30.微博項目-個人資料頁

31.微博項目-收聽我的,聽眾1

32.微博項目-收聽我的,聽眾2,用戶資料

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

34.微博項目-微博列表

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

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

?