看网易和腾讯如何用一套 H5 通杀Android & iOS

前言:


很多人都说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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,612评论 25 708
  • 为什么想用坚持做题目呢?是想以此来鞭策自己吧。今天是周二,又到了我值周的日子。早晨7点10分来到学校后,总觉得离上...
    da67ef58fbc5阅读 142评论 0 0
  • 已工作10年,但仍然是月光族一个。 以前单身的时候钱全花在自己打扮、朋友应酬等事情上。 结婚生孩子之后钱全花在家里...
    夏梦之生涯阅读 234评论 0 0
  • 为了方便大家学习,现将PS全部工具栏整理如下: (含工具使用快捷键) 一、移动工具【V】 移动工具的作用:用于移动...
    合小沫阅读 3,942评论 31 60