課程概述

一、HTML5在移動互聯網現狀：

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

?

二、課程適合的對象：

??? 所有想在移動互聯網中發展，或想深入了解html5+css3技術，或想了解微博技術的開發人員。

?

三、課程目標

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

?

四、技術點

1、HTML5：html下一代最新標準，目前移動互聯網中使用最多的html5技術
2、CSS3：CSS3大大增強了WEB的表現能力，這個課程中我們就一起學習它到底是怎么豐富WEB的表現力的。
3、WTOUCH：本課程專門為移動互聯網中寫的1個類似于jquery的1個js框架。為什么要寫這個，不直接用jquery，
????? 因為jquery太大，而且jquery并不是為html5，css3定制的，很多地方沒有用上html5和css3的特性。
????? WTOUCH是專門利用了html5、css3技術寫的js框架。特點是：代碼量小，性能高，
4、Mysql：使用率最高的免費的關系數據庫。
5、Hibernate：Java領域內最出名的ORM框架。本課程中所有數據操作都使用hibernate。
6、Struts2：JAVA中最流行的MVC開發框架，本課程項目中就使用了該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.實時通訊—聊天室實現

17.異步計算—Web Worker

18.CSS3介紹、查詢器

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

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

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

23.CSS3-動畫特效

24.極致前端性能優化(減少請求數,數據量)

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

26.微博項目—項目需求、數據庫設計、后臺架構、前臺框架介紹

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

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

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

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

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

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

33.微博項目-發送微博

34.微博項目-微博列表

35.微博項目-@我的,轉發微博

36.微博項目-完善、優化

?