《HTML5跨□臺開發(fā)實戰(zhàn)/高等職業(yè)教育計算機類課程MOOC+SPOC教材》是“十二五”職業(yè)教育國家規(guī)劃教材修訂版,是□□□□□□部授權(quán)講解小程序技術(shù)標準以及如何在***系統(tǒng)中開發(fā)小程序?qū)崙?zhàn)案例的教材。
《HTML5跨□臺開發(fā)實戰(zhàn)/高等職業(yè)教育計算機類課程MOOC+SPOC教材》系統(tǒng)講述了使用HTML5開發(fā)Web應(yīng)用時如何以簡短的代碼編寫美觀的頁面,并選取以能力成長為目標的典型案例進行強化訓練,包括響應(yīng)式Web開發(fā)、網(wǎng)頁鋼琴、制作專屬頭像、開發(fā)跨□臺刮刮樂應(yīng)用、連連看、Node.js接口開發(fā)、簡易購物網(wǎng)的全棧開發(fā)、基于Vue的英文應(yīng)用開發(fā)以及***小程序開發(fā)等。讀者通過學習能夠理解Web應(yīng)用的框架與常用算法,并通過前后臺結(jié)合的全棧開發(fā)靈活處理各類數(shù)據(jù)與顯示。
《HTML5跨□臺開發(fā)實戰(zhàn)/高等職業(yè)教育計算機類課程MOOC+SPOC教材》為新形態(tài)一體化教材,配套建設(shè)了微課視頻、電子課件PPT、源程序、項目和案例素材等數(shù)字化學習資源。
與《HTML5跨□臺開發(fā)實戰(zhàn)/高等職業(yè)教育計算機類課程MOOC+SPOC教材》配套的數(shù)字課程在“智慧職教”(www.icve.com.cn)上線,讀者可以登錄進行學習并下載基本教學資源,詳見“智慧職教服務(wù)指南”,也可發(fā)郵件至編輯郵箱獲取相關(guān)資源。
《HTML5跨□臺開發(fā)實戰(zhàn)/高等職業(yè)教育計算機類課程MOOC+SPOC教材》可作為高職高專及高職本科院校軟件技術(shù)、移動互聯(lián)應(yīng)用、計算機應(yīng)用、信息管理、大數(shù)據(jù)、人工智能應(yīng)用開發(fā)等信息類專業(yè)的基礎(chǔ)教材,也可作為非信息類專業(yè)學習網(wǎng)頁設(shè)計、了解移動應(yīng)用開發(fā)的專業(yè)教材,還可作為對智能手機應(yīng)用感興趣讀者的參考書。
HTML5結(jié)束了媒體播放插件的時代,并作為核心標準將Web轉(zhuǎn)變?yōu)橐粋□□□□的媒體□臺。它融合了專業(yè)的以及用戶自行生成的內(nèi)容,并且可以隨時隨地在任何設(shè)備上與任何人共享。各類技術(shù)標準在努力為各類Web應(yīng)用的開發(fā)打造一個開放的Web□臺。盡管這個開放Web□臺的邊界在不斷延伸,產(chǎn)業(yè)界認為HTML5將是這個□臺的核心,□臺的能力將依賴于標準化組織W3C及其合作伙伴正在創(chuàng)建的一系列Web技術(shù),包括CSS、SVG、WOFF、語義Web、XML和各類應(yīng)用編程接口(API),這其中也包含了大量來自中國的創(chuàng)新和智慧,如W3CWeb中文興趣組下一代移動Web應(yīng)用(小程序/快應(yīng)用)、彈幕等方面的標準化工作。
Web應(yīng)用重點在于提供各種各樣豐富的功能,并在隨手可得、隨時可用、隨心所欲方面以簡單、直觀和即時響應(yīng)全面□□桌面應(yīng)用程序。移動應(yīng)用均為用戶主動下載,需要強化“應(yīng)用開發(fā)能力”和“界面設(shè)計能力”的培養(yǎng)以完成快速開發(fā)和迭代增強用戶黏性。作為一個開發(fā)Web應(yīng)用程序的工程師,必須考慮如何讓用戶花更少的精力和時間去完成業(yè)務(wù)。Web應(yīng)用開發(fā)工程師在知識和技能體系上不僅要有廣度,即熟悉各種框架,還要有深度,即能一針見血地解決問題。作者□014年9月出版《HTML5跨□臺開發(fā)基礎(chǔ)與實戰(zhàn)》出版以來,結(jié)合近幾年Web技術(shù)的飛速發(fā)展情況和廣大讀者的反饋意見,進行了全面徹底的更新,編寫了本書。編寫中與□□□□、騰訊、W3C相關(guān)工程師、標準專家進行了深入討論,嘗試由淺入深、由易到難,并結(jié)合實戰(zhàn)項目將開發(fā)技巧和開發(fā)、測試、部署工具一體講解,同時也注重與時俱進選取商業(yè)項目,是□□□□□□部授權(quán)講解小程序技術(shù)標準及實戰(zhàn)案例的教材。
本書通過典型Web應(yīng)用對實戰(zhàn)技能進行講解,綜合各種主流框架和方法,在提高動手與編程能力的同時,鍛煉思考分析問題和解決實際問題的能力。本書共9章,具體結(jié)構(gòu)劃分如下。
□□部分:學習主流的響應(yīng)式網(wǎng)站UI框架,F(xiàn)lex(彈性)布局等作為入門基礎(chǔ)。通過練習用Bootstrap構(gòu)建新聞網(wǎng)站,以Bootstrap4提供的1□列基礎(chǔ)布局在不同的設(shè)備上進行網(wǎng)頁的自動縮放排版,并了解主流的Flex布局技術(shù),體驗跨□臺兼容方案。
第□部分:以Canvas結(jié)合ES6語法講解網(wǎng)頁版鋼琴、刮刮樂、連連看、專屬頭像制作等應(yīng)用的開發(fā)。每個案例的核心功能講解側(cè)重于不同的算法實現(xiàn),如網(wǎng)頁鋼琴通過定時器作為算法的關(guān)鍵,制作專屬頭像使用npm的http-server包啟動HTTP服務(wù)解決File組件上傳引起的安全問題,刮刮樂使用HTTP服務(wù)器軟件Ngin□□行訪問部署,并使用的面向?qū)ο蠓绞竭M行編程操作,連連看通過圍繞自定義距離計算算法講解核心功能。
第3部分:使用Node.js開發(fā)服務(wù)端API接口并介紹常用的MVVM框架React與Vue。通過npm簡化需要編寫f的功能代碼,通過MySQL包操作MySQL數(shù)據(jù)庫,使用bcrybt算法加密等標準開發(fā)常用包詳述前后端分離的開發(fā)模式。重點講解使用React與Node.js構(gòu)建全棧應(yīng)用,之后詳細講解□□□小程序制作,使用前端技術(shù)構(gòu)建“擁有操作系統(tǒng)原生接口”的應(yīng)用。
本書在編寫時注意對接1+X職業(yè)技能等級證書的要求,是面向應(yīng)用型本科和高等職業(yè)院校Web前端應(yīng)用的標準化教材,對于后續(xù)考取高等級職業(yè)技能證書有直接幫助。
單元1 響應(yīng)式Web開發(fā)
1.1 引例描述
1.□ 任務(wù)陳述
1.3 知識準備
1.3.1 知識點1 響應(yīng)式布局原理
1.3.□ 知識點□ 使用調(diào)試工具
1.3.3 知識點3 模擬設(shè)備調(diào)試
1.3.4 知識點4 響應(yīng)式UI框架Bootstrap與Foundation
1.3.5 知識點5 “十二網(wǎng)格”布局
1.3.6 知識點6 Flex(彈性)布局
1.4 任務(wù)實施
1.5 單元小結(jié)
1.6 單元練習
單元□ 網(wǎng)頁鋼琴
□.1 引例描述
□.□ 任務(wù)陳述
□.3 知識準備
□.3.1 知識點1 注冊觸發(fā)事件
□.3.□ 知識點□ 使用Base64編碼播放聲音
□.3.3 知識點3Gzip壓縮
□.4 任務(wù)實施
□.4.1 任務(wù)1 樣式與結(jié)構(gòu)
□.4.□ 任務(wù)□ JS部分
□.5 單元小結(jié)
□.6 單元練習
單元3 制作專屬頭像
3.1 引例描述
3.□ 任務(wù)陳述
3.3 知識準備
3.4 畫布的使用
3.5 任務(wù)實施
3.5.1 效果預(yù)覽
3.5.□ 結(jié)構(gòu)分析
3.5.3 結(jié)構(gòu)樣式部分
3.5.4 JS部分
3.6 單元小結(jié)
3.7 單元練習
3.8 代碼參考
單元4 開發(fā)跨□臺刮刮樂應(yīng)用
4.1 引例描述
4.□ 任務(wù)陳述
4.3 知識準備
4.3.1 知識點1 搭建Nginx和測試方法
4.3.□ 知識點□ 控制中獎概率與種子函數(shù)
4.3.3 知識點3 應(yīng)用面向?qū)ο蟮脑O(shè)計思想
4.4 任務(wù)實施
4.4.1 任務(wù)1 設(shè)置蒙板
4.4.□ 任務(wù)□ 實現(xiàn)抽獎效果
4.4.3 任務(wù)3 在線體驗刮刮樂效果
4.5 單元小結(jié)
4.6 單元練習
……
單元5 連連看
單元6 Node.js接口開發(fā)
單元7 簡易購物網(wǎng)的全棧開發(fā)
單元8 BuildaTo-DoAppwithVue.js□
單元9 標準化開發(fā)□□□小程序——信用卡還款應(yīng)用
參考文獻