web app開發(fā)即h5前端開發(fā)，學習web開發(fā)我們需要掌握web app開發(fā)語言、web app開發(fā)框架和web app開發(fā)步驟，下面，就分別介紹一下web app開發(fā)涉及到的相關知識：
一、web app開發(fā)語言
前端開發(fā)的基礎語法，由HTML+CSS+JavaScript組成，這是前端開發(fā)基本的3個語言。
1、網(wǎng)頁布局基礎：HTML+CSS
HTML就是超文本標記語言，組成網(wǎng)頁內(nèi)容的基本語言。你可以直接說他是網(wǎng)頁的骨架，網(wǎng)頁的圖片、文字、視頻、音頻、程序都需要他引入到網(wǎng)頁中體現(xiàn)。
HTML(div)+CSS布局，是基礎入門的基本步驟，在這個階段，你需要學習的內(nèi)容，包括有：
1）標簽語義化，SEO
2）頁面加載的流程和原理
3）網(wǎng)頁結(jié)構
4）盒子模型（W3C盒子模型和IE盒子模型）
5）CSS選擇器
6）CSS布局浮動、定位
在剛剛開始的階段，大家學習的布局方式基本都是以px為單位的靜態(tài)布局方法。熟悉好布局方法，先給自己一個小目標，做一個簡單的電商網(wǎng)頁的基本結(jié)構出來，不用有效，不需要交互。
2、瀏覽器腳本語言：JavaScript
JavaScript是我們學習前端開發(fā)中非常重要的一個內(nèi)容，也是一個大家經(jīng)常掉坑里的難點。JavaScript現(xiàn)在可以說是互聯(lián)網(wǎng)時代使用率較高的腳本語言了，在網(wǎng)頁中，所有的數(shù)據(jù)渲染，有效的交互都需要利用JavaScript，來影響瀏覽器的顯示。JavaScript不只是開發(fā)網(wǎng)頁有效和渲染數(shù)據(jù)的重要內(nèi)容，在學習前端開發(fā)的后期，大量使用算法和框架的時候，對JavaScript基礎的考驗也是很多的。
在基礎階段，我們學習JavaScript需要注意：
1）基本關鍵字指令
2）基本數(shù)據(jù)類型、數(shù)組
3）函數(shù)
4）面向?qū)ο缶幊?br />
5）原型鏈、閉包
6）JSON
7）Ajax
8）DOM(文檔對象模型 原生DOM操作)
9）事件捕獲、冒泡、代理
10）常用函數(shù)方法
11）ES5、6、7
在JavaScript部分學習，主要還是要去理解好交互的原理，把原理分析清楚，真的理解語法，那寫出多復雜的邏輯也是手到擒來。
二、移動web app開發(fā)框架
1、PhoneGap
官網(wǎng)：http://phonegap.com/
簡介： PhoneGap是一個用基于HTML，CSS和JavaScript的，創(chuàng)建移動跨平臺
移動應用程序的快速開發(fā)平臺。它使開發(fā)者能夠利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以調(diào)用。
優(yōu)點：
1）可跨平臺。phonegap框架幫我們解決了差異性，javascript與平臺系統(tǒng)的連接由phonegap框架完成。成為連接移動終端的適配器，或者說中間件。
2）提供硬件訪問控制?？烧{(diào)用加速計、攝像頭、羅盤、通訊錄、文檔、地理定位、媒體、網(wǎng)絡、通知(警告、聲音和振動)、存儲。
3）可利用成熟javascript框架。如：Ext js、jQuery。
缺點：
1）性能差。運行速度慢，UI反應延時——這是個致命傷。(高端機影響不大)
2）不能完全跨平臺。不同平臺代碼需要微調(diào)。
3）內(nèi)存消耗大。
4）調(diào)試難度大。
2、ApiCloud(國產(chǎn))
官網(wǎng)：http://www.apicloud.com/
簡介：APICloud是中國領先的“云端一體”的移動應用云服務提供商。APICloud推行“云端一體”的理念，重新定義了
移動應用開發(fā)。APICloud為開發(fā)者從“云”和“端”兩個方向提供API，簡化移動應用開發(fā)技術，讓移動應用的開發(fā)周期從一個月縮短到7天。APICloud由“云API”和“端API”兩部分組成，可以幫助開發(fā)者快速實現(xiàn)移動應用的開發(fā)、測試、發(fā)布、管理和運營的全生命周期管理。
優(yōu)點：
1）提供開發(fā)的IDE。
2）提供數(shù)據(jù)云API、統(tǒng)計云API、推送云API
缺點：
與Hbuilder存在版權問題，抄襲Hbuilder
3、Wex5(國產(chǎn))
官網(wǎng)：http://wex5.com/
簡介：WeX5應用快速開發(fā)框架（含完整的SDK API及全部源碼），一次開發(fā)、跨端運行。
【定位】開發(fā)面向消費者和公眾的開放應用系統(tǒng)
【適用】一般app、電商app、客服app、會員app、微店微商等
【前端】安卓app/蘋果app/微信服務號/PC web app
【后端】后端數(shù)據(jù)處理組件，對接各主流技術平臺
【費用】完全開源，徹底免費，無任何限制
優(yōu)點：
1）高效精致的UI組件體系，基于jquery和bootstrap技術，采用增強的RequireJS模塊化技術。
2）基于phonegap(cordova)框架，如相機、地圖、LBS定位、指南針、通訊錄、文件、語音、電池等。
3）可視化拖拽式集成開發(fā)環(huán)境IDE，全能力的調(diào)試支持和智能代碼提示。
缺點：
1）使用范圍有限：適用：一般app、電商app、客服app、會員app、微店微商等
2）用戶量小，存在不穩(wěn)定因素。
三、web app開發(fā)流程
1、開發(fā)前需求分析
其實主要是分析一下這個APP的需求有一個整體的規(guī)劃，比如：APP開發(fā)的成本周期、具體的功能、能夠帶來的好處等等。
2、UI界面設計
設計就需要UI設計師進行設計了，會根據(jù)同行的設計作為參考再來設計，主要是確定整體布局風格、配色、窗口的彈出方式以及數(shù)據(jù)輸入方式等。
3、APP開發(fā)實施階段
這里主要是各個模塊和功能的代碼編寫，當然也是根據(jù)需求去隨時調(diào)整，各個功能和接口調(diào)用聯(lián)動。這個階段應該是耗費時間比較長的。
4、APP測試運行階段
完全功能編寫完畢后，測試人員開始對APP進行測試，主要是功能和安全的測試，看一下APP是否滿足設計需求以及測試系統(tǒng)是否有安全漏洞，然后測試后可以上線試運行了。
以上內(nèi)容就是關于Web App開發(fā)的相關知識總結(jié)，對于技術小白來說，也可以利用app可視化拖拽生成工具-應用公園，進行免編程app制作，并且在應用公園平臺制作的app都是基于原生技術的，不管是在功能多樣化、性能兼容、加載速度上，原生app會比web app更有優(yōu)勢。平臺上所有的app功能組件和模板都是事先開發(fā)好的，只需一鍵套用模板、對所需的app控件進行拼圖拖拽式操作，快的化不出一周，就可以完成原生app開發(fā)到上線。
移動app開發(fā)框架" width="650" height="391" title="移動app開發(fā)框架" align="" />
粵公網(wǎng)安備 44030602002171號
