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

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

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

###概念： hybrid app是什么：https://baike.baidu.com/item/hybrid app/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混合式移动开发框架！： Winform混合式开发框架的特点总结：https://www.jianshu.com/p/e1d9699ca5a1

混合式app开发框架:

###工具： 8个hybrid app开发工具： Hybrid App开发 四大主流平台分析：https://www.jianshu.com/p/06b1d667bbcf Hybrid App开发者一定不要错过的框架和工具：http://mobile.51cto.com/web-460555.htm ###教程： 最简单的混合开发教程：APICloud.：

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混合开发的入门和方案： 混合式开发接口文档:

###步骤 混合式开发App步骤详解 混合app打包步骤（本地+云端）HybirdApp本地环境配置步骤： hybrid app开发/调试环境配置：

###开发实例： html5 app 简单实例：项目实战 - 混合式App开发 Hybrid APP混合开发的一些经验和总结:

自荐干货：

进阶攻略|前端最全的框架总结：https://www.jianshu.com/p/2a8ce7075d79 web开发快速提高工作效率的一些资源：https://www.jianshu.com/p/3cede64e87e5 前端学习的几个网站：https://www.jianshu.com/p/c36463dd56db 老司机程序员用到的各种网站整理：https://www.jianshu.com/p/c806eabe5bec 进阶攻略|前端完整的学习路线：https://www.jianshu.com/p/ed50ee3889d4 八款前端开发人员更轻松的实用在线工具：https://www.jianshu.com/p/267a01fb8bdb 前端几个常用简单的开发手册拿走不谢：https://www.jianshu.com/p/fd9689046a9b 程序员常用的六大技术博客类：https://www.jianshu.com/p/d1614f890282 九款优秀的企业项目协作工具推荐：https://www.jianshu.com/p/7df25e438610 移动端手势的七个事件库：https://www.jianshu.com/p/0754d5daa27e Bootstrap相关优质项目学习清单：https://www.jianshu.com/p/80d229e7fedc 2018前端越来越流行的的技术：https://www.jianshu.com/p/d4af2aa96cee

原文作者：祈澈姑娘