在家自学html,html5学习路线规划

原标题：html5学习路线规划

最近女朋友iOS辞职了，准备在家学习Html5，于是我就规划一个了Html5的学习路线图，由于女朋友有一定的Web开发基础，所以规划中的基础部分较少，实战应用的部分较多，有需要的也可以参考。

计划需要总时间：两个月(在有一定的基础的前提下)

准备

1.Html5概念了解

2.HBuilder安装

第一章 基础

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

暂无规划

更多的技术资讯请浏览：杭州吾诺瀚卓！返回搜狐，查看更多

责任编辑：