BACK >
html5学习路线规划-吾诺瀚卓
作者:吾诺瀚卓    浏览次数:2755    日期:2016-04-12

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

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

html5学习

准备

      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天)

第三章 JavaScript

      1.Dom对象及操作

      2.基础及语法

      3.JavaScript运行原理机制

      4.面向对象开发

      5.设计模式

      6.网络编程

作业

      1.解析JavaScript异步执行原理(1天)

      2.写一个WebSocket的demo,使用json通信,服务端可找我写(1天)

      3.实现页面中的大转盘随机抽奖效果(1天)

第四章 JQuery

      1.基本语法

      2.选择器和事件

      3.动画与特效

      4.Html元素的操作

      5.Ajax异步

作业

      1.创建一个带多个标签的页面,点击标签切换页面内容,内容通过异步加载刷新,服务端可找我写(1天)

      2.写一个表格,横坐标是城市(如北京、成都、上海),纵坐标是日期,表格中的内容是每个城市每一天的天气(如晴天、阴天),并使用JQuery实现动态添加一行内容到表格中、或动态删除表格中的某一行

第五章 常用前端框架

      1.fullPage.js

      2.前端框架Bootstrap

      3.前端框架AngularJS

      4.移动端框架MUI

      5.移动端框架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天)

第九章 Typescript

      暂无规划

第十章 Egret

      暂无规划