最简单的混合开发教程资料汇总

今天开会的时候，产品经理说了计划并且提出到时候要用混合式开发来写app,并且意味深长的看了我一眼，毕竟安卓ios开发需要针对不同的手机开发出一套以适配屏幕的代码，成本太大，我难掩眼中的无奈还是坚定的说了一声，虽然我只是一个前端，但是学习的路还很长，这是一次对我能力的考验和提高，何乐而不为。

有一个习惯，在开发之前，先做好技术栈的准备计，提前准备学习资料和线路，学习起来会非常的便捷，虽然很多技术都是现学现卖的，遇到困难的时候，多在网站上百度，查找学习资料，随手记录，随手分享，在这个过程中，收获颇多。

随手百度了一下，Hybrid App（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具Native App良好用户交互体验的优势和Web App跨平台开发的优势。

学习混合式开发之前，我们要准备这些学习资料

概念：

hybrid app是什么：https://baike.baidu.com/item/hybrid%20app/270520?fr=aladdin

webapp和混合式开发的区别:https://zhidao.baidu.com/question/1370681626896926339.html

混合式app开发都需要学习什么？https://jingyan.baidu.com/article/ca41422f212e641eaf99ed5e.html

框架：

HTML5来了，7个混合式移动开发框架：http://www.cocoachina.com/webapp/20141222/10718.html

最牛的7个HTML5混合式移动开发框架！：http://blog.csdn.net/qq_35247699/article/details/54345294

Winform混合式开发框架的特点总结：https://www.jianshu.com/p/e1d9699ca5a1

混合式app开发框架:https://segmentfault.com/a/1190000008679510

工具：

8个hybrid app开发工具：http://blog.csdn.net/dj0379/article/details/50518486

Hybrid App开发 四大主流平台分析：https://www.jianshu.com/p/06b1d667bbcf

Hybrid App开发者一定不要错过的框架和工具：http://mobile.51cto.com/web-460555.htm

教程：

最简单的混合开发教程：APICloud.：http://blog.csdn.net/wushaoxion/article/details/52665504

HTML5 APP开发MUI框架教程——创建移动APP：https://jingyan.baidu.com/article/cbf0e500a221212eaa28939f.html

视频：

真实开发案例教程带你实战Web APP（付费）：http://www.imooc.com/topic/webapp?mc_marking=9f3fa22a72da87e0c515153bdbbe0b36&mc_channel=bdwebappzt

Android、HTML5混合式开发从入门到项目实战进阶：https://ke.qq.com/course/100160409?from=39

Android混合开发的入门和方案：http://blog.csdn.net/qq122627018/article/details/52207600

混合式开发接口文档:http://blog.csdn.net/ruihanchen/article/details/50561460

步骤

混合式开发App步骤详解http://blog.csdn.net/qq_24702237/article/details/73901402

混合app打包步骤（本地+云端）HybirdApp本地环境配置步骤：http://blog.csdn.net/ITzhongzi/article/details/70313302

hybrid app开发/调试环境配置：https://segmentfault.com/a/1190000000371725

开发实例：

html5 app 简单实例：http://blog.csdn.net/wtyvhreal/article/details/46044105

项目实战 - 混合式App开发

Hybrid APP混合开发的一些经验和总结:http://blog.csdn.net/jingwen3699/article/details/68922945

自荐干货：

进阶攻略|前端最全的框架总结：https://cloud.tencent.com/developer/article/1142644

web开发快速提高工作效率的一些资源：https://www.jianshu.com/p/3cede64e87e5

前端学习的几个网站：https://cloud.tencent.com/developer/article/1141312

老司机程序员用到的各种网站整理：https://www.jianshu.com/p/c806eabe5bec

进阶攻略|前端完整的学习路线：https://cloud.tencent.com/developer/article/1142645

八款前端开发人员更轻松的实用在线工具：https://cloud.tencent.com/developer/article/1142656

前端几个常用简单的开发手册拿走不谢：https://www.jianshu.com/p/fd9689046a9b

程序员常用的六大技术博客类：https://cloud.tencent.com/developer/article/1142048

九款优秀的企业项目协作工具推荐：https://cloud.tencent.com/developer/article/1141977

移动端手势的七个事件库：https://cloud.tencent.com/developer/article/1141418

Bootstrap相关优质项目学习清单：https://cloud.tencent.com/developer/article/1141940

2018前端越来越流行的的技术：https://cloud.tencent.com/developer/article/1141319

文末福利：

福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://cloud.tencent.com/developer/article/1141313

福利二：微信小程序入门与实战全套详细视频教程

image

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，爱折腾。 坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

​