html5学习路线规划------莫名觉得还挺有爱滴。。。。

　最近女朋友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

    　暂无规划