前言:
很多人都说H5很火,有要取代Android的趋势,Android要没落了。我说,你就瞎扯吧,没有Android或者iOS,H5运行在哪里啊(你肯定会说PC啊)。心里虽然这样说,当还是整一个H5的教程吧,看看H5的页面怎么通杀Android和iOS,达到自适应任何手机屏幕。
教程特点
本套课程特点:真实还原大型公司开发流程;结合ps6 + sublime3工具开发;课程有很多基础讲解,也适合初级前端学员;rem响应式开发,组件化,Css3雪碧图,zepto.js,Git发布项目,移动端上下滑页等多新技术;
最重要的是,这课程另外还讲解了仿腾讯、网易两个项目,轻松带走三个项目。
使用最新技术:
HTML5基础、CSS3基础、Ps6切图、Sublime3、Rem响应式、Css3雪碧图、Css3动画keyframes、animate.css库、fullpage.js库、Git工具使用、组件化、zepto库、遮罩动画、发布上线等
代码和视频教程下载:
QQ群:379244561
知识点:
1.onload加载时机详解
2.预加载技术
3.Html5基础讲解
4.Css3基础讲解
5.Sublime3工具安装及使用
6.Canvas基础讲解
7.Canvas画图库Sonic.js讲解
8.PS6基础讲解
9.PS6切图基础
10.Zepto.js基础使用
11.音乐控制器讲解
12.Chrome浏览器基础介绍
13.如何写注释
14.Animate.css动画库详解
15.Css3自定义动画@keyframes
16.滑动页面fullpage.js库使用
17.遮罩动画制作技巧
18.Rem响应式布局详解
19.Css3雪碧图技术
20.组件化开发
21.开发流程介绍
22.git工具使用
23.项目打包发布上线
24.实现本课程项目《炫酷H5微场景》
25.附赠项目一:仿网易H5《我们之间就一个字》
26.附赠项目二:仿腾讯H5《你的创意还活着?》
运行效果:
















379244561
网友评论