web app开发流程步骤、技术框架和语言有哪些？

web app开发即h5前端开发，学习web开发我们需要掌握web app开发语言、web app开发框架和web app开发步骤，下面，就分别介绍一下web app开发涉及到的相关知识：

一、web app开发语言 前端开发的基础语法，由HTML+CSS+JavaScript组成，这是前端开发基本的3个语言1、网页布局基础：HTML+CSS HTML就是超文本标记语言，组成网页内容的基本语言。

你可以直接说他是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现 HTML(div)+CSS布局，是基础入门的基本步骤，在这个阶段，你需要学习的内容，包括有：1）标签语义化，SEO

2）页面加载的流程和原理3）网页结构4）盒子模型（W3C盒子模型和IE盒子模型）5）CSS选择器6）CSS布局浮动、定位 在刚刚开始的阶段，大家学习的布局方式基本都是以px为单位的静态布局方法熟悉好布局方法，先给自己一个小目标，做一个简单的电商网页的基本结构出来，不用有效，不需要交互。

2、浏览器脚本语言：JavaScript JavaScript是我们学习前端开发中非常重要的一个内容，也是一个大家经常掉坑里的难点JavaScript现在可以说是互联网时代使用率较高的脚本语言了，在网页中，所有的数据渲染，有效的交互都需要利用JavaScript，来影响浏览器的显示。

JavaScript不只是开发网页有效和渲染数据的重要内容，在学习前端开发的后期，大量使用算法和框架的时候，对JavaScript基础的考验也是很多的 在基础阶段，我们学习JavaScript需要注意：

1）基本关键字指令2）基本数据类型、数组3）函数4）面向对象编程5）原型链、闭包6）JSON7）Ajax8）DOM(文档对象模型 原生DOM操作)9）事件捕获、冒泡、代理10）常用函数方法11）ES5、6、7

在JavaScript部分学习，主要还是要去理解好交互的原理，把原理分析清楚，真的理解语法，那写出多复杂的逻辑也是手到擒来二、移动web app开发框架1、PhoneGap官网：http://phonegap.com/。

简介： PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。

优点： 1）可跨平台phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成成为连接移动终端的适配器，或者说中间件 2）提供硬件访问控制可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。

3）可利用成熟javascript框架如：Ext js、jQuery缺点： 1）性能差运行速度慢，UI反应延时——这是个致命伤(高端机影响不大) 2）不能完全跨平台不同平台代码需要微调 3）内存消耗大。

4）调试难度大2、ApiCloud(国产)官网：http://www.apicloud.com/简介：APICloud是中国领先的“云端一体”的移动应用云服务提供商APICloud推行“云端一体”的理念，重新定义了移动。

应用开发APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。

优点： 1）提供开发的IDE 2）提供数据云API、统计云API、推送云API缺点： 与Hbuilder存在版权问题，抄袭Hbuilder3、Wex5(国产)官网：http://wex5.com/。

简介：WeX5应用快速开发框架（含完整的SDK API及全部源码），一次开发、跨端运行 【定位】开发面向消费者和公众的开放应用系统 【适用】一般app、电商app、客服app、会员app、微店微商等。

【前端】安卓app/苹果app/微信服务号/PC web app 【后端】后端数据处理组件，对接各主流技术平台 【费用】完全开源，彻底免费，无任何限制优点： 1）高效精致的UI组件体系，基于jquery和bootstrap技术，采用增强的RequireJS模块化技术。

2）基于phonegap(cordova)框架，如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等 3）可视化拖拽式集成开发环境IDE，全能力的调试支持和智能代码提示缺点： 1）使用范围有限：适用：一般app、电商app、客服app、会员app、微店微商等。

2）用户量小，存在不稳定因素三、web app开发流程1、开发前需求分析 其实主要是分析一下这个APP的需求有一个整体的规划，比如：APP开发的成本周期、具体的功能、能够带来的好处等等2、UI界面设计。

设计就需要UI设计师进行设计了，会根据同行的设计作为参考再来设计，主要是确定整体布局风格、配色、窗口的弹出方式以及数据输入方式等3、APP开发实施阶段 这里主要是各个模块和功能的代码编写，当然也是根据需求去随时调整，各个功能和接口调用联动。

这个阶段应该是耗费时间比较长的4、APP测试运行阶段 完全功能编写完毕后，测试人员开始对APP进行测试，主要是功能和安全的测试，看一下APP是否满足设计需求以及测试系统是否有安全漏洞，然后测试后可以上线试运行了。

以上内容就是关于Web App开发的相关知识总结，对于技术小白来说，也可以利用app可视化拖拽生成工具--，进行免编程app制作，并且在-平台制作的app都是基于原生技术的，不管是在功能多样化、性能兼容、加载速度上，原生app会比web app更有优势。

平台上所有的app功能组件和模板都是事先开发好的，只需一键套用模板、对所需的app控件进行拼图拖拽式操作，快的化不出一周，就可以完成原生app开发到上线

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。