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