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