HTML5 App商業(yè)開發(fā)實戰(zhàn)教程:基于WeX5可視化開發(fā)平
定 價:35 元
- 作者:馬科主編
- 出版時間:2016/9/1
- ISBN:9787040463347
- 出 版 社:高等教育出版社
- 中圖法分類:TP312HT
- 頁碼:255
- 紙張:膠版紙
- 版次:1
- 開本:16K
本書主要圍繞HTML5相關(guān)技術(shù)講解基于WeX5可視化開發(fā)平臺的移動Web App應(yīng)用程序開發(fā)。首先講述Web技術(shù)的發(fā)展及HTML5標(biāo)準(zhǔn)在移動Web技術(shù)中的應(yīng)用,然后結(jié)合WeX5移動框架開發(fā)工具講解HTML5 App構(gòu)建,循序漸進(jìn)地引領(lǐng)讀者進(jìn)入跨平臺HTML5 App程序開發(fā)領(lǐng)域,幫助讀者將HTML5技術(shù)運用于計算機、平板電腦或手機App程序的實際開發(fā)之中。
自蘋果iOS和安卓Android這兩個手機操作系統(tǒng)發(fā)布以來,在互聯(lián)網(wǎng)界就多了一個新的名詞:App(運行在智能移動終端設(shè)備上的第三方應(yīng)用程序)。
早期的App有兩種形式:一種是基于本地(操作系統(tǒng))運行的App;另一種是基于瀏覽器運行的WebApp。本地App因為位于平臺層上方,向下訪問和兼容的能力會好一些,可以支持在線或離線消息推送和本地資源訪問,以及攝像、撥號功能的調(diào)取。但由于設(shè)備碎片化,本地App的開發(fā)成本很高,維持多個版本的更新升級也很麻煩。
隨著HTML5的出現(xiàn),基于HTML5低成本跨平臺開發(fā)優(yōu)勢又兼具本地App特質(zhì)的混合模式移動應(yīng)用(HybridApp)迅速興起。它大幅降低了App的開發(fā)成本,可以通過現(xiàn)有應(yīng)用商店模式發(fā)行,在用戶桌面形成獨立入口等。HybridApp已成為開發(fā)App的不錯選擇。
起步科技推出App快速開發(fā)框架WeX5,只要會HTML、JS、CSS、Java或PHP或.NET就可以使用WeX5開發(fā)App。WeX5遵循Apache開源協(xié)議,完全開源免費,上百個組件框架,全部開放。WeX5-直堅持采用HTML5+CSS3+JavaScript標(biāo)準(zhǔn)技術(shù),一次開發(fā),多端任意部署,確保開發(fā)者成果始終通用、不受限制,同時開發(fā)出的應(yīng)用具有良好的用戶體驗。WeX5的可視化開發(fā)堅持為開發(fā)者提供良好的開發(fā)體驗,拖曳式頁面設(shè)計易學(xué)易用。WeX5提供的CloudX5-鍵自動化云部署,可簡化復(fù)雜的部署過程,使App輕松部署到互聯(lián)網(wǎng)。
本書為基于WeX5可視化開發(fā)平臺的HTML5App商業(yè)開發(fā)實戰(zhàn)教程,旨在通過App開發(fā)實例的講解,使讀者了解基于WeX5平臺的HTML5App開發(fā)過程,從而使用WeX5開發(fā)出高質(zhì)量的App。本書共分8章,內(nèi)容如下:
第1章介紹HTML5的核心技術(shù);第2章介紹JavaScript的基礎(chǔ)知識;第3章介紹WeX5開發(fā)工具的功能及使用方法,講解使用WeX5開發(fā)HTML5App的原理和過程:第4章介紹WeX5通過拖曳組件完成界面布局的特點,講解WeX5能夠?qū)崿F(xiàn)快速App開發(fā)的關(guān)鍵——組件;第5章講解使用JavaScript代碼實現(xiàn)頁面的功能,介紹常用表達(dá)式、常用JavaScript方法及JavaScript代碼的調(diào)試方法i第6章講解美觀界面、個性化界面的實現(xiàn)方法——設(shè)置樣式,介紹常用樣式及樣式的調(diào)試方法;第7章講解調(diào)用設(shè)備硬件、生成本地App及一鍵云部署的方法;第8章通過理財App和掛號App兩個實戰(zhàn)項目講解第1章至第7章各知識點與開發(fā)方法的綜合運用,其中第4章至第7章,用一個仿微店App串講WeX5的知識體系,并在同步訓(xùn)練中完成仿微店App大部分頁面的開發(fā),如生成本地App、部署到CloudX5云服務(wù)器上、安裝到手機上運行,還在擴展訓(xùn)練中完成仿美團App。
《HTML5 App商業(yè)開發(fā)實戰(zhàn)教程:基于WeX5可視化開發(fā)平臺》主要圍繞HTML5相關(guān)技術(shù)講解基于WeX5可視化開發(fā)平臺的移動WebApp應(yīng)用程序開發(fā)。首先講述Web技術(shù)的發(fā)展及HTML5標(biāo)準(zhǔn)在移動Web技術(shù)中的應(yīng)用,然后結(jié)合WeX5移動框架開發(fā)工具講解HTML5App構(gòu)建,循序漸進(jìn)地引領(lǐng)讀者進(jìn)入跨平臺HTML5App程序開發(fā)領(lǐng)域,幫助讀者將HTML5技術(shù)運用于計算機、平板電腦或手機App程序的實際開發(fā)之中。
《HTML5 App商業(yè)開發(fā)實戰(zhàn)教程:基于WeX5可視化開發(fā)平臺》共8章,主要內(nèi)容包括HTML5核心技術(shù),JavaScript基礎(chǔ),初識WeX5,頁面組件,頁面代碼,頁面樣式,App開發(fā)以及項目實戰(zhàn)。另外,附錄為仿微信App頁面介紹。
《HTML5 App商業(yè)開發(fā)實戰(zhàn)教程:基于WeX5可視化開發(fā)平臺》優(yōu)選了9個來自于真實HTML5App商業(yè)實戰(zhàn)典型教學(xué)案例和26個基本的實現(xiàn)案例,采用“任務(wù)驅(qū)動、精講多練、理論實戰(zhàn)一體化”的教學(xué)方法,同時提供豐富的配套教學(xué)資源,您可以登錄“智慧職教”網(wǎng)站進(jìn)行在線學(xué)習(xí),具體說明見鄭重聲明頁。
《HTML5 App商業(yè)開發(fā)實戰(zhàn)教程:基于WeX5可視化開發(fā)平臺》適用于應(yīng)用型本科、高職高專院校移動互聯(lián)應(yīng)用技術(shù)課程的教學(xué),也適用于計算機科學(xué)與技術(shù)、軟件開發(fā)、信息工程、物聯(lián)網(wǎng)、電子商務(wù)類專業(yè)的基礎(chǔ)課或主干課,尤其適合使用HTML5App跨平臺移動應(yīng)用開發(fā)的課程教學(xué)。對于培訓(xùn)機構(gòu)和移動應(yīng)用開發(fā)者,也是一本不可多得的參考書。
第1章 HTML5核心技術(shù)
1.1 了解HTML5的概念及發(fā)展趨勢
1.1.1 什么是HTML
1.1.2 什么是HTML5
1.1.3 H5的主要特性
1.1.4 H5的發(fā)展趨勢
1.2 H5的基本原理
1.3 H5新增的結(jié)構(gòu)元素
1.3.1 H5新增元素
1.3.2 H5標(biāo)簽語義化
1.3.3 H5元素類型
1.4 H5App頁面
1.4.1 實現(xiàn)案例:一個基本的H5頁面
1.4.2 實現(xiàn)案例:HenoH5
1.4.3 實現(xiàn)案例:HS新元素分欄設(shè)計
1.5 CSS3技術(shù)
1.5.1 CSS概念
1.5.2 CSS引入方法
1.5.3 CSS基本語法
1.5.4 CSS選擇器
1.5.5 CSS盒模型
1.5.6 實現(xiàn)案例:CSSBoxModel布局
1.5.7 CSS3動畫
1.5.8 實現(xiàn)案例:CSS3動畫泡沫按鈕
1.6 CSS布局
1.6.1 CSS定位
1.6.2 float詳解
1.6.3 實現(xiàn)案例:圣杯布局
1.7 H5的瀏覽器支持情況
1.8 H5表單
1.8.1 應(yīng)用場景
1.8.2 實現(xiàn)案例:驗證郵件地址是否合法
1.8.3 實現(xiàn)案例:自動彈出日期和時間輸入框
1.8.4 實現(xiàn)案例:獲取光標(biāo)的位置
1.8.5 實現(xiàn)案例:在輸入框中顯示提示信息
1.8.6 實現(xiàn)案例:驗證表單內(nèi)容是否為空
1.8.7 實現(xiàn)案例:在輸入框中自動提示文本
1.8 ,8實現(xiàn)案例:上傳文件
1.8.9 實現(xiàn)案例:驗證表單數(shù)據(jù)是否合法
1.9 H5App多媒體的應(yīng)用
1.9.1 應(yīng)用場景
1.9.2 實現(xiàn)案例:在H5中控制播放的視頻
1.9.3 實現(xiàn)案例:在H5中控制播放的音頻
第2章 Java Script基礎(chǔ)
2.1 Java Script入門
2.1.1 什么是Java Script
2.1.2 變量
2.1.3 語句
2.1.4 實現(xiàn)案例:直接寫入HTML輸出流
2.1.5 實現(xiàn)案例:查找HTML元素
2.1.6 實現(xiàn)案例:操作HTML元素
2.2 Java Script基礎(chǔ)
2.2.Java Script函數(shù)
2.2.2 Java Script事件
2.2.3 實現(xiàn)案例:H5App捕魚達(dá)人
2.3 利用H5繪制圖形
2.3.1 利用H5Canvas能做什么?
2.3.2 實現(xiàn)案例:為視頻播放器設(shè)置截圖功能
2.4 H5數(shù)據(jù)存儲
2.4.1 應(yīng)用場景
2.4.2 實現(xiàn)案例:保存并讀取臨時數(shù)據(jù)
2.4.3 實現(xiàn)案例:保存并讀取登錄用戶名和密碼
2.4.4 實現(xiàn)案例:在H5中保存、清空數(shù)據(jù)記錄
2.4.5 實現(xiàn)案例:本地存儲
第3章 初識WeX5
3.1 WeX5簡介
3.1.1 安裝及啟動
3.1.2 開發(fā)工具介紹
……
第4章 頁面組件
第5章 頁面代碼
第6章 頁面樣式
第7章 App開發(fā)
第8章 項目實戰(zhàn)
附錄 仿微店App頁面介紹
參考文獻(xiàn)