前言:


很多人都说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《你的创意还活着?》


运行效果:

看网易和腾讯如何用一套 H5 通杀Android & iOS_第1张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第2张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第3张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第4张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第5张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第6张图片


看网易和腾讯如何用一套 H5 通杀Android & iOS_第7张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第8张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第9张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第10张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第11张图片


看网易和腾讯如何用一套 H5 通杀Android & iOS_第12张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第13张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第14张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第15张图片 看网易和腾讯如何用一套 H5 通杀Android & iOS_第16张图片


379244561

更多相关文章

  1. 【Android Demo】图片之滑动效果(Gallery)
  2. Android 加载.gif格式图片
  3. android 拍照+从手机相册选择返回图片到imagview
  4. Android 获取系统相册中的所有图片
  5. Android之背景图片设置为重复而不是默认的拉伸
  6. Android 国际化,文本国际化,图片国际化
  7. Android 单击图片切换效果
  8. Android高仿网易新闻客户端之动态添加标签

随机推荐

  1. Android书籍分享
  2. RelativeLayout中常用属性解释
  3. 初识Android
  4. Android中R.java没有自动生成解决方案
  5. 我的Android(安卓)4 学习系列之开始入手:
  6. Android(安卓)-- 无线网络配置信息的管理
  7. 优秀的Android开源软件
  8. Android消息机制浅析——面试总结
  9. 详解 Android(安卓)的 Activity 组件
  10. Android—android与js交互以及相互传参