H5自学流程大纲
基础HTML+CSS
掌握大部分的pc端基础静态网页布局
1.html标签
2.Html元素(块元素、行元素、转换元素。eg:input、img、button等)
3.Html属性(全局属性,布尔属性,自定义属性)
4.语义化,seo
5.w3c规范
CSS和框架与自适应
实现3d动画与自适应页面(手风琴式动画相册、全屏翻页滚动、帧动画)
1.css样式引入方法
2.(id、class、element、数组、后代),伪类(hover),伪元素(before、after),优先级
3.文本、背景样式
4.盒模型、标准模式、怪异模式
5.布局(float、position)
6.Bfc、ifc、haslayout
7.各大平台浏览器
8.常用效果的html布局及css样式
9.Css3选择器
10.边框、阴影
11.背景、蒙版、倒影
12.过滤(transition)
13.变形(transform)
14.动画(animation)
15.Less(css预处理语言)
16.Bootstrap(ui框架)
17.响应式页面、移动端页面注意事项
JS基础
实现大部分页面的基础js脚本和动画(eg:贪吃蛇、打地鼠、hao123)
1.变量与数据类型
2.表达式与运算符
3.语句(严格模式)
4.字符串
5.数组
6.日期与数学对象
7.函数与作用域(闭包、this等)
8.插件使用(tween、swiper等)
9.Dom元素以及节点类型
10.Dom节点访问与属性
11.Dom的方法操作(添加、修改等)
JS事件操作进程
重力感应、陀螺仪借口(3d全景图、vr效果制作)
1.基本事件(鼠标、键盘)
2.滚轮事件、ready事件(onload、ready)
3.设备事件(touch、重力感应)
4.事件进程(事件流:捕获、冒泡:监听事件)
5.Html5新添事件
6.浏览器对象模型
7.正则表达式
8.对象以及面向对象(json)
9.插件编写
10.Jpuery选择器
11.JpueryDOM操作
12.Jpuery事件
13.Jpuery动画
14.Jpuery插件的使用与编写
15.Zepto的使用
HTML进阶HTML5
实现特效网页(粒子效果页面,页面播放器,地图制作)
1.html5新标签(nav、header、footer)
2.视频、音频(video、audio)
3.Svg
4.画布(canvas)
5.地图位置
6.多媒体
7.本地存储
8.离线缓存
9.Web worker
10.Websocket
HTML5游戏阶段
掌握egret游戏引擎(围住神经猫、天天爱消除)
1.搭建环境
2.变量与数据类型
3.操作符-流程控制
4.函数
5.字符串
6.数组
7.文件操作
8.表单处理与文件上传
9.正则表达式
10.Sql语言
11.数据库操作
12.会话控制
13.面向对象
14.Ajax原理
15.Ajaxjq用法
16.Ajax实例
17.Jsonp
18.Dedecms
19.thinkPHP
20.开发
21.Ts介绍,ts与js的区别,ts的环境搭建
22.Qebstrom的使用,node。Js的使用字符串转数组 前端
23.Ts的基本数据类型(Boolean、Number、String、Array、Enum、Any、Void)
24.Ts类的认识、继承、封装、进阶
25.Ts的接口(interfaces)
26.Ts的泛型
27.Ts的模块
28.Egretwing的基础用法
29.对象操作(描点、碰撞检测、平移缩放)
30.事件机制(Event类、事件)
31.Res资源加载(加载插件库)
32.EgretAPI的基础(Evebnt、Sprite、Timer)
33.认识gui与eui
34.Egret工具集的使用(TextureMerger、ResDepot)
从事行业:
Html5游戏开发工程师
Html5前段web开发工程师
Html5移动前端开发工程师
Html5全栈工程师
Html5前端架构师
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论