最近女朋友iOS辭職了，準備在家學習Html5，於是我就規劃一個了Html5的學習路線圖，由於女朋友有一定的Web開發基礎，所以規劃中的基礎部分較少，實戰應用的部分較多，有需要的也可以參考。

　　計劃需要總時間：兩個月（在有一定的基礎的前提下）

　　準備

　　1.Html5概念瞭解

　　2.HBuilder安裝

　　第一章 Html5基礎

　　1.Html基本元素標籤

　　2.Html5新增元素

　　3.Html5中拖放的實現

　　4.Web Storage

　　5.本地資料庫

　　6.indexedDB

　　7.音訊視訊控制元件

　　8.Canvas

　　作業：

　　1.寫一個註冊頁面，註冊使用者的基本資訊（姓名，年齡，性別，郵箱，地址五個屬性），一個查詢頁面，查詢所有註冊的使用者，分別用Web Storage、本地資料庫、和indexedDB實現。（2天）

　　2.寫一個包含音訊和視訊控制元件的頁面，視訊源音訊源隨意找。（1天）

　　3.熟練掌握Canvas的使用，並繪製一個炫酷的圖形。（1天）

　　第二章 CSS3

　　1.CSS基本樣式

　　2.盒子模型

　　3.CSS定位

　　4.選擇器

　　5.動畫及特效

　　6.面向物件的CSS

　　作業

　　1.實現http://www @ cocoscvp # com/ 的頁面效果，內容及圖片隨意更換，但要實現頁面的基本佈局效果，並適當加上自己掌握的動畫效果。（5天）

　　第三章 Java

　　1.Dom物件及操作

　　2.基礎及語法

　　3.Java執行原理機制

　　4.面向物件開發

　　5.設計模式

　　6.網路程式設計

　　作業

　　1.解析Java非同步執行原理（1天）

　　2.寫一個WebSocket的demo，使用json通訊，服務端可找我寫（1天）

　　3.實現頁面中的大轉盤隨機抽獎效果（1天）

　　第四章 JQuery

　　1.基本語法

　　2.選擇器和事件

　　3.動畫與特效

　　4.Html元素的操作

　　5.Ajax非同步

　　作業

　　1.建立一個帶多個標籤的頁面，點選標籤切換頁面內容，內容通過非同步載入重新整理，服務端可找我寫（1天）

　　2.寫一個表格，橫座標是城市（如北京、成都、上海），縱座標是日期，表格中的內容是每個城市每一天的天氣（如晴天、陰天），並使用JQuery實現動態新增一行內容到表格中、或動態刪除表格中的某一行

　　第五章 常用前端框架

　　1.fullPage.js

　　1.前端框架Bootstrap

　　2.前端框架AngularJS

　　3.移動端框架MUI

　　4.移動端框架React Native

　　作業

　　1.使用fullPage.js實現一個滾屏效果，製作個人H5簡歷（1天）

　　2.使用MUI實現《魔力盒》的發現頁效果（5天）

　　3.使用React Native實現《魔力盒的個人頁效果》（5天）

　　第八章 Cocos2d-js

　　1.cocos核心概念

　　2.cocos引擎節點類

　　3.動畫音效

　　4.資料結構及記憶體管理

　　5.地圖和物理引擎

　　6.Cocos Creator與Cocos IDE

　　7.Cocos3D技術

　　作業

　　1.實現一個2048（3天）

　　2.實現一個打飛機遊戲（3天）

　　3.使用物理引擎實現一個Flapy Bird（3天）

　　第九章 Type

　　暫無規劃

　　第十章 Egret