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）JSON

7）Ajax

8）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存在版权问题，抄袭Hbuilder

3、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开发到上线。

移动app开发框架" width="650" height="391" title="移动app开发框架" align="" />