html5学习路线规划------莫名觉得还挺有爱滴。。。。
2016-06-22 11:53
295 查看
最近女朋友iOS辞职了,准备在家学习Html5,于是我就规划一个了Html5的学习路线图,由于女朋友有一定的Web开发基础,所以规划中的基础部分较少,实战应用的部分较多,有需要的也可以参考。
计划需要总时间:两个月(在有一定的基础的前提下)
![](http://img.mp.itc.cn/upload/20160418/28a9e06b907e4aa4943b27d66c56d7da_th.jpg)
准备
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
暂无规划
计划需要总时间:两个月(在有一定的基础的前提下)
![](http://img.mp.itc.cn/upload/20160418/28a9e06b907e4aa4943b27d66c56d7da_th.jpg)
准备
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
暂无规划
相关文章推荐
- 浮士德html5图片裁剪器2016开源版
- 使用 HTML5 WebSocket 构建实时 Web 应用
- HTML5的可以支持RTMP 但是无法播放RTSP 兼容浏览器
- HTML5 Canvas中 瞎鼓捣
- 【分享】WeX5的正确打开方式(2)
- HTML5 Web Workers 使用案例
- 基于HTML5 的人脸识别活体认证的实现方法
- HTML5 离线缓存详解(转)
- HTML5 离线缓存
- 使用h5的history改善ajax列表请求体验
- HTML5之初体验
- 移动混合开发之HTML5在移动开发中的准则
- 为什么我们要使用html5
- HTML5快速入门(三)—— 标签综合运用
- HTML5快速入门(三)—— 标签综合运用
- HTML5兼容IE方法
- HTML5拖放(drag和drop)
- HTML5自学_CSS(三)
- 《HTML5移动开发指南》——笔记7(Media Queries 移动设备样式)
- 基于 CSS3 Media Queries 的 HTML5 应用