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