在APP開發的整個過程中，重要的部分之一是應用程序前端開發，應用程序前端開發在應用程序開發過程中也扮演著重要的角色。App前端開發是移動前端開發的一個方面，APP前端開發主要是指用戶可以看到和觸摸的應用程序級別，如app客戶端界面，包括IOS客戶端和Android客戶端界面。App的前端開發中使用的技術是HTML，CSS和JS。

　　移動軟件前端開發還需要模擬基于手機核心功能界面的原生APP，包括基于PhoneGap等開發平臺的地理定位，加速器，接觸，聲音和振動。APP軟件的一般開發是進行前端開發，然后是技術開發，因為APP軟件的交互式體驗是通過HTML5，CSS3，JavaScript，JQuery和Ajax等Web前端編程技術實現的。 如果沒有前端開發，APP幾乎不可能開發出成功的互動體驗。

　　Meta標簽

　　webkit內核中有一些私有的meta標簽，這些meta標簽在開發webapp時起到非常重要的作用。在前端開發中使用HTML5標簽的潛在危險。當您開始APP前端開發時，通常建議前端工程師使用HTML5，因為HTML5可以實現豐富的WEB應用程序體驗，這可以大減少開發人員。在您決定使用HTML5之前，請務必熟悉它，以了解HTML5標記的作用。 例如，定義一塊內容或文章區域 可使用section標簽。 定義導航條或選項卡可以直接使用nav標簽。

　　前端生產應該丟棄CSSfloat屬性

　　在項目開發過程中，您可以遇到內容排列顯示的布局。 如果你遇到這樣的視覺草稿，你必須放棄float并用display：inline-block代替它。

　　CSS3邊框背景屬性

　　在應用程序的前端開發中，按鈕具有圓形效果，內部發光效果和高光效果。 使用CSS3編寫無法編寫這樣的按鈕。

　　實際上圓角可以使用CSS3編寫，但是高亮和內部發光不能用CSS3編寫，要替換它，你可以使用-webkit-border-image來定義按鈕的樣式。

　　前端開發的自適應布局模式

　　當您使用CSS編寫時，不建議前端工程師確定容器，外部容器和內層的寬度。

　　為了適應各種手持設備，前端工程師使用自適應布局模式將是一個優勢，因為當你的頁面在ipad，ipod，iphone，android中都可以正常顯示，所以你不需要考慮分辨率 裝置。

　　Webkit-box的使用

　　Webkit為顯示屬性提供了webkit-box值，可以幫助前端工程師靈活地控制盒子模型。