很长时间没有专注写代码了,即使写点代码也主要是写写敏捷个人app,这个App主体内容是我用了一周的时间,使用PhoneGap+JQueryMobile搭建的,之所以会比较快的完成,是因为11年我在做建筑云运维项目时使用过。

时隔几年,我在 《掌中广材产品经理日志(1)- 妈的,不想再呆在广联达了》写到,今年初我到了工信部负责一款之前已经做过一年多的APP,这款产品叫做掌中广材,大家可以各大市场下载到。

本系列初衷

现在Web App越来越流行,但是很多人却不知如何开始,自己学习使用Cordova开发,却遇到各种问题不知如何解决。本系列就是帮助大家从0开始学习,如何成为一个全栈型的Web App开发人员。也希望有更多优秀的开发人员出现,而不是像现在,Web前端因人多而泛滥且难招而贵,但是却没有多少优秀的开发者。

开发人员构成

之前的掌中广材使用的是原生开发方式,在我接手项目的时候,开发人员有3个,一个Android、一个iOS、一个后台Java,在我的产品经理日志系列文章中也都对团队进行详细介绍,这里就不再重复。

接手任何一个新项目其实还不难,接手一个已有项目却显得更难一些,因为很多人都不愿改变,也有很多人会拿着以前好的与你现在不足的比,不过幸好我对这些都不感冒,我就是我,按照自己的开放产品开发方法,一步一步重头开始。

这个项目组的开发效率并不高,遗留的一些老问题一直未能解决,后台经常不能与大家一起配合可能是一个主要原因,这与我要的快速开发产生了一些差距。其实做一个产品,可能很多技术都可以,而最后决定采用哪种技术,是由做产品的人来决定,你感觉能越有信心把控哪种技术,可能就会采用这种技术。

我要求快速开发,我要求将来还能通过其他方式的渠道来使用掌中广材,所以最后我选择了Web App的方式来开发掌中广材。从技术上来说,掌中广材不需要高性能和特别高的原生体验,所以Web App完全可以满足。当然,在我决定做之前,工信部是没有人使用过H5来开发APP的,很多人都很怀疑,我能理解,但是我不能耽误我的时间,所以我不做太多解释,而是自己开始做,等做完了也就不用解释了,因为即使我现在再解释,对他们来说都是没用的,反而会耗费我的精力。

因为采用Web App方式,所以Android和iOS开发人员并不是主要人员,之前的这两位程序员也离职。而后台JAVA工作方式与团队不吻合,也被我辞退。在没有开发人员的日子,我重新开始做起了码农,想想一别那么久没有写代码,重新敲起代码,依然能感受到自己对技术的那份热情依旧存在。

所以,有一个多月的时间,我即是产品经理,也是架构师、程序员,还是运营推广人员。即使到现在,我们也就还有一个后台和一个产品助理,我依旧兼做着多个角色的工作,但是忙而不乱。

采用的技术

掌中广材App看起来不复杂,就几个页面,但是说实话,现在做的代码有点点乱了,有时间我要把单元测试做起来,再换成面向对象的一些方式来更好地处理维护性,这算是敏捷中说的技术债务吧。

下面我说一下这个产品的一些技术说明,以便大家在后续学习中有所总体了解,后面我会再慢慢与大家一步一步的介绍,如何从0到1的做一个Web App的全栈型开发人员。

  • 移动开发框架:Cordova

  • Web页面框架:JQueryMobile

  • 前端脚本库:JQuery、iscroll、progress等

  • 后台语言:JAVA

看看产品长什么样吧

学习之前看看使用Cordova+JQueryMobile开发出来的App长什么样吧,看完之后你觉得还比较适合自己的胃口,那就继续关注这个系列来学习吧。

另外,如果你身边有与建筑、造价、采购相关的人员,可以向他们推荐这款APP啊,掌中广材,随时随地快速的找到各地信息价和靠谱市场价

  

   

 

如果想下载体验一下,那就扫描上图带有二维码的图吧,实际跑一跑,看看运行效果,然后决定是否继续学习这个。

开发感受

为什么选择 Cordova webapp?不是我觉得Web App一定就比原生开发好。如果我有足够的原生开发人员、我有足够的时间,我选择原生技术也许会更好。正如本文开篇所说,任何选择只有考虑了当前情形之下做出的选择才是有效的,所以为什么选择Cordova webapp呢?那是因为在时间、人力、未来产品形态上,这种形式我更觉得有把控力。

从总体开发进度来说,开发Web App,我觉得至少会比原生App开发要快比较多,而且通过Web方式开发可以在Android和iOS,以及微信等Web方式重用,所以你要的人力资源也会少,当然,前提是你需要一个愿意成为全栈型开发人员的人。而这也是本系列的一个初衷,我希望现在的开发人员不要总是被精专一词所迷惑,其实不是做技术难度特别大的,你成为通才有助于你锻炼自己的学习能力,还能加强你的核心竞争力,成为全栈型开发人员不是为了别人,而是为了自己。

这只是这个系列的开篇,没写和技术有关的,这是后面博客要写的内容。如果你对这个系列哪些内容感兴趣,或急于先解决的,也可以回复我。

本文转自 jingen_zhou 51CTO博客,原文链接:http://blog.51cto.com/zhoujg/1655721,如需转载请自行联系原作者

Cordova webapp实战开发:(1)为什么选择 Cordova webapp?相关推荐

  1. Cordova webapp实战开发:(2)认识一下Cordova

    来源:http://www.zhoujingen.cn/blog/7034.html 昨天写了第一篇 <Cordova webapp实战开发:(1)为什么选择 Cordova webapp?&g ...

  2. 前端开发我为什么选择cordova

    cordova与phonegap有什么关系? phoengap 官方网址:http://phonegap.com 如果能了解一个框架的兴起还是一件比较有趣的事.08年一次ios开发者大会上来自Nito ...

  3. 向军2017年最新laravel开发宝典 laravel结合vue与接口开发webapp实战视频教程

    课程介绍: Laravel是一套简洁.优雅的PHP Web开发框架(PHP Web Framework).它不仅可以让我们从面条一样杂乱的代码中解脱出来,还可以帮我们构建一个完美的网络APP,而且每行 ...

  4. 手机应用开发的原生app,WEBAPP,混合app的认识

    手机应用开发的原生app,WEBAPP,混合app的认识(2014-12-0112:55:19) 转载 ▼ 分类:IOS 正文开始 原生应用.Web应用.混合应用优缺点分析 原生App vs 移动We ...

  5. 2018开发最快的Webapp框架--BUI交互框架

    原文地址: https://segmentfault.com/a/1190000012994082 一.案例代表 这是你看下去的动力, 我用BUI仿照QQ的手机截图做出来的一个demo, 包含QQ的常 ...

  6. 2018开发最快的Webapp框架--BUI交互框架 1

    一.案例代表 这是你看下去的动力, 我用BUI仿照QQ的手机截图做出来的一个demo, 包含QQ的常见交互, 侧滑边栏,TAB切换,侧滑列表,下拉刷新,下拉菜单,弹窗搜索等交互操作, 这几种操作很多U ...

  7. 15个实用的webApp前端开发技巧

    自i phone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备). 开发者们都知道在高端智能手 ...

  8. Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App

    安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneG ...

  9. 从安装到部署的Cordova iOS应用开发说明

    Hybrid Application development for Android is a breeze, be it for development or production configur ...

最新文章

  1. openstack中glance组件images的全部python API 汇总
  2. 词嵌入应用_神经词嵌入的法律应用
  3. go语言var 和make_Var和语言设计
  4. MyBatis的初始化方式
  5. pytorch1.0神经网络保存、提取、加载
  6. 没有编辑器时,使用echo更换源
  7. xmlObj转为数组
  8. python第二课知识点总结
  9. eos utility中文版v3.7.0
  10. 推送环境搭建基于开源MPush
  11. lj245a引脚功能图_JRC4558中文资料|引脚图及功能|应用电路图
  12. 人工智能语音灯便携usb小夜灯IC方案七彩led灯语音控制声控感应氛围灯芯片
  13. css之box-sizing用法
  14. linux mkv转mp4,Linux DVD 转 MP4 – HandBrake – Copy a DVD to MP4 or MKV file
  15. 前端JavaScript-面向对象
  16. 有关shape文件的说明
  17. 加密解密--换行符作祟
  18. CentOS7 安装 CMake 解决 cmake command not found 问题
  19. 信息技术服务标准(ITSS)
  20. 计算机专业英语这门课学什么内容,计算机专业英语(学术能力培养)

热门文章

  1. 苹果智能音箱HomePod确定开售时间,权威人士质疑:是否太晚?
  2. AI一分钟 | 阿里NLP技术连破两项世界纪录,玉泉一号AI试验卫星明年发射
  3. 快讯 | 老黄啊,特斯拉背着你找AMD了,咱可不能给他降价
  4. 刚刚!微信再次官宣2000w+个限量版虎年红包封面,超好看!速度撸!
  5. 我们的解决方案:日志系统
  6. 头条三面:toString()、String.valueOf、(String)强转,有啥区别?
  7. 消灭 Java 代码的“坏味道”
  8. 神经网络的可解释性综述!
  9. 在机器学习中处理大量数据!
  10. 目标检测的常用数据处理方法!