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

今天开会的时候,产品经理说了计划并且提出到时候要用混合式开发来写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://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

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880 福利二:微信小程序入门与实战全套详细视频教程

image

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏美团技术团队

美团点评金融平台Web前端技术体系

背景 随着美团点评金融业务的高速发展,前端研发数量从 2015 年的 1 个人,扩张到了现在横跨北上两地 8 个事业部的将近 150 人。业务新,团队新,前端领...

981110
来自专栏web前端教室

web前端不止是JS和CSS,还有诗和远方。谈WEB前端工程化

标题起的有点骚包哈,其实是说,WEB前端的主战场是“前端工程化”。 前端就前端呗,为啥还要加个“工程化”? 很简单,因为前端变复杂了。复杂到必须把一个个网页切成...

25970
来自专栏SAP最佳业务实践

SAP最佳业务实践:MM–消耗品采购(129)-1业务概览

用途 该流程描述了对采购消耗品或服务进行采购的整个处理过程。 优点 对消耗性物料采购入库后,直接过账到消性科目,在系统中无需进行库存管理。使得对消耗性物料...

29150
来自专栏听雨堂

微信小程序价值思考:手机端的CS-BS迁移

从很多特点来看,小程序都非常类似于网页:主要的业务逻辑在服务端、客户端无需安装应用程序、小程序的开发采用的HTML+JS+CSS技术等等。张小龙自己对小程序的定...

1.4K70
来自专栏知识分享

1-51单片机开发板介绍(所讲内容,功能介绍)

21730
来自专栏机器人网

【解读】ABB机器人虚拟仿真技术

工业自动化的市场竞争压力日益加剧,客户在生产中要求更高的效率,以降低价格,提高质量。如今让机器仍编程在新产品之始花费时间检测或试运行是行不通的,因为这意味着要停...

14220
来自专栏互联网数据官iCDO

跳出率骗局,带你洞察跳出率背后的真相

虽然保持一个较低的平均跳出率是网站优化的很重要的部分,但是许多人并不真的了解跳出率对转化真正的作用。

31530
来自专栏编程微刊

前端,Java,产品经理,微信小程序,Python等资源合集大放送

30940
来自专栏PPV课数据科学社区

【聚焦】数据分析三部曲

University Of Maryland的Shneiderman教授把数据分析的过程归纳为三大步:Overview,Zoom&Filter,Detail-o...

33670
来自专栏强仔仔

学校在线二手交易平台-服务器模块(本科生毕业设计)

今天给大家介绍一下毕业设计是如何从无到有规划设计出来的。 对于这个过程我不会介绍某个具体的技术应用,而是会从总体的思路层面上面给大家总得分析介绍一下。 今天我就...

281100

扫码关注云+社区

领取腾讯云代金券