今天開會(huì)的時(shí)候竣付，產(chǎn)品經(jīng)理說了計(jì)劃并且提出到時(shí)候要用混合式開發(fā)來寫app,并且意味深長的看了我一眼，畢竟安卓ios開發(fā)需要針對(duì)不同的手機(jī)開發(fā)出一套以適配屏幕的代碼肆良，成本太大，我難掩眼中的無奈還是堅(jiān)定的說了一聲惹恃，雖然我只是一個(gè)前端巫糙，但是學(xué)習(xí)的路還很長，這是一次對(duì)我能力的考驗(yàn)和提高采蚀，何樂而不為承二。
有一個(gè)習(xí)慣，在開發(fā)之前妆够，先做好技術(shù)棧的準(zhǔn)備計(jì)负蚊，提前準(zhǔn)備學(xué)習(xí)資料和線路，學(xué)習(xí)起來會(huì)非常的便捷鸵荠，雖然很多技術(shù)都是現(xiàn)學(xué)現(xiàn)賣的伤极，遇到困難的時(shí)候，多在網(wǎng)站上百度庸疾，查找學(xué)習(xí)資料当编，隨手記錄忿偷，隨手分享，在這個(gè)過程中鲤桥，收獲頗多芜壁。
隨手百度了一下，Hybrid App（混合模式移動(dòng)應(yīng)用）是指介于web-app顷牌、native-app這兩者之間的app塞淹，兼具Native App良好用戶交互體驗(yàn)的優(yōu)勢和Web App跨平臺(tái)開發(fā)的優(yōu)勢。
學(xué)習(xí)混合式開發(fā)之前运挫，我們要準(zhǔn)備這些學(xué)習(xí)資料
概念：
hybrid app是什么：https://baike.baidu.com/item/hybrid%20app/270520?fr=aladdin
webapp和混合式開發(fā)的區(qū)別:https://zhidao.baidu.com/question/1370681626896926339.html
混合式app開發(fā)都需要學(xué)習(xí)什么套耕？https://jingyan.baidu.com/article/ca41422f212e641eaf99ed5e.html
框架：
HTML5來了冯袍，7個(gè)混合式移動(dòng)開發(fā)框架：http://www.cocoachina.com/webapp/20141222/10718.html
最牛的7個(gè)HTML5混合式移動(dòng)開發(fā)框架！：http://blog.csdn.net/qq_35247699/article/details/54345294
Winform混合式開發(fā)框架的特點(diǎn)總結(jié)：http://www.reibang.com/p/e1d9699ca5a1
混合式app開發(fā)框架:https://segmentfault.com/a/1190000008679510
工具：
8個(gè)hybrid app開發(fā)工具：http://blog.csdn.net/dj0379/article/details/50518486
Hybrid App開發(fā) 四大主流平臺(tái)分析：http://www.reibang.com/p/06b1d667bbcf
Hybrid App開發(fā)者一定不要錯(cuò)過的框架和工具：http://mobile.51cto.com/web-460555.htm
教程：
最簡單的混合開發(fā)教程：APICloud.：http://blog.csdn.net/wushaoxion/article/details/52665504
HTML5 APP開發(fā)MUI框架教程——?jiǎng)?chuàng)建移動(dòng)APP：https://jingyan.baidu.com/article/cbf0e500a221212eaa28939f.html
視頻：
真實(shí)開發(fā)案例教程帶你實(shí)戰(zhàn)Web APP（付費(fèi)）：http://www.imooc.com/topic/webapp?mc_marking=9f3fa22a72da87e0c515153bdbbe0b36&mc_channel=bdwebappzt
Android、HTML5混合式開發(fā)從入門到項(xiàng)目實(shí)戰(zhàn)進(jìn)階：https://ke.qq.com/course/100160409?from=39
Android混合開發(fā)的入門和方案：http://blog.csdn.net/qq122627018/article/details/52207600
混合式開發(fā)接口文檔:http://blog.csdn.net/ruihanchen/article/details/50561460
步驟
混合式開發(fā)App步驟詳解http://blog.csdn.net/qq_24702237/article/details/73901402
混合app打包步驟（本地+云端）HybirdApp本地環(huán)境配置步驟：http://blog.csdn.net/ITzhongzi/article/details/70313302
hybrid app開發(fā)/調(diào)試環(huán)境配置：https://segmentfault.com/a/1190000000371725
開發(fā)實(shí)例：
html5 app 簡單實(shí)例：http://blog.csdn.net/wtyvhreal/article/details/46044105
項(xiàng)目實(shí)戰(zhàn) - 混合式App開發(fā)
Hybrid APP混合開發(fā)的一些經(jīng)驗(yàn)和總結(jié):http://blog.csdn.net/jingwen3699/article/details/68922945
自薦干貨：
進(jìn)階攻略|前端最全的框架總結(jié)：http://www.reibang.com/p/2a8ce7075d79
web開發(fā)快速提高工作效率的一些資源：http://www.reibang.com/p/3cede64e87e5
前端學(xué)習(xí)的幾個(gè)網(wǎng)站：http://www.reibang.com/p/c36463dd56db
老司機(jī)程序員用到的各種網(wǎng)站整理：http://www.reibang.com/p/c806eabe5bec
進(jìn)階攻略|前端完整的學(xué)習(xí)路線：http://www.reibang.com/p/ed50ee3889d4
八款前端開發(fā)人員更輕松的實(shí)用在線工具：http://www.reibang.com/p/267a01fb8bdb
前端幾個(gè)常用簡單的開發(fā)手冊(cè)拿走不謝：http://www.reibang.com/p/fd9689046a9b
程序員常用的六大技術(shù)博客類：http://www.reibang.com/p/d1614f890282
九款優(yōu)秀的企業(yè)項(xiàng)目協(xié)作工具推薦：http://www.reibang.com/p/7df25e438610
移動(dòng)端手勢的七個(gè)事件庫：http://www.reibang.com/p/0754d5daa27e
Bootstrap相關(guān)優(yōu)質(zhì)項(xiàng)目學(xué)習(xí)清單：http://www.reibang.com/p/80d229e7fedc
2018前端越來越流行的的技術(shù)：http://www.reibang.com/p/d4af2aa96cee
文末福利：
福利一：前端，Java肴捉，產(chǎn)品經(jīng)理叔收，微信小程序，Python等資源合集大放送：http://www.reibang.com/p/e8197d4d9880
福利二：微信小程序入門與實(shí)戰(zhàn)全套詳細(xì)視頻教程
原文作者：祈澈姑娘
技術(shù)博客：http://www.reibang.com/u/05f416aefbe190后前端妹子，愛編程蓝晒，愛運(yùn)營，愛折騰胚嘲。
堅(jiān)持總結(jié)工作中遇到的技術(shù)問題洛二，堅(jiān)持記錄工作中所所思所見攻锰，歡迎大家一起探討交流娶吞。
文末福利：關(guān)注「編程微刊」公眾號(hào) 械姻，在微信后臺(tái)回復(fù)「領(lǐng)取資源」，獲取IT資源200G干貨大全绣夺。公眾號(hào)回復(fù)“1”欢揖，拉你進(jìn)程序員技術(shù)討論群
