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

 

简介： 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(国产)

 

简介：APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。

 

优点：

1）提供开发的IDE。

2）提供数据云API、统计云API、推送云API

 

缺点：

与Hbuilder存在版权问题，抄袭Hbuilder

 

3、Wex5(国产)

 

简介：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是否满足设计需求以及测试系统是否有安全漏洞，然后测试后可以上线试运行了。