HTML5 App應用開發(fā)教程PPT大綱

《HTML5應用開發(fā)》課程教學大綱課程基本信息1．課程性質：專業(yè)必修課2．學時學分：周學時4，共64學時，4學分3．適用專業(yè)：計算機科學與技術、軟件工程4．先修課程：程序設計基礎、數(shù)據(jù)結構課程概況《HTML5應用開發(fā)》是計算機科學與技術專業(yè)和軟件工程專業(yè)的一門重要的基礎課程，也是一門實踐性和技能性要求很強的學科。課程涵蓋了HTML5基本元素、CSS樣式設計與布局、JavaScript腳本編程、Vue.js框架，AJAX和WebSocket通信技術、ECMAScript的一些新語法、本地存儲和Canavs繪圖，以及具有中國特色的uni-app+uniCloud的跨端解決方案。全面介紹了HTML5App和uni-app設計與開發(fā)的基本操作技術和應用技巧。本課程采用課堂與實踐相結合講授、案例向導的教學方式。課程目標認知目標：通過本課程的學習，使學生掌握常用的HTML5標簽、掌握常用的CSS屬性、掌握JavaScript的基礎語法和DOM編程、掌握Vue.js框架、掌握AJAX通信和WebSocket通信技術、掌握本地存儲和Canvas繪圖、掌握uni-app和uniCloud框架開發(fā)技術。技能目標：通過本課程的學習，使學生熟練掌握使用HTML5標簽和CSS樣式完成頁面的布局和設計、熟練掌握JavaScript編程和調(diào)試、熟練使用Vue.js框架完成頁面數(shù)據(jù)綁定、熟練使用AJAX或WebSocket與服務端交互、熟練使用uni-app+uniCloud完成跨平臺應用開發(fā)。情感目標：通過本課程的學習，使學生在掌握HTML5App項目開發(fā)基本流程的同時，了解最新的設計開發(fā)模式，組件開發(fā)、云開發(fā)等概念，為學生后期團隊合作進行真實項目開發(fā)做出很好的鋪墊。課程內(nèi)容及學時分布序號教學內(nèi)容教學重點教學難點課時分配第1章緒論HTML5和uni-app的相關介紹、開發(fā)環(huán)境的搭建、uni-app項目的創(chuàng)建和發(fā)布uni-app項目的創(chuàng)建和發(fā)布2學時第2章HTML5頁面基礎HTML文檔基本格式、App開發(fā)中的常用標簽、表格標簽、表單及各種input標簽和select標簽表單及各種input標簽和select標簽4學時第3章CSS樣式設計CSS樣式規(guī)則和各種選擇器、常用的一些CSS屬性、CSS層疊性和優(yōu)先級、Chrome調(diào)試CSS、CSS動畫效果、CSS盒子模型，浮動和定位、響應式布局設計CSS層疊性和優(yōu)先級、響應式布局設計8學時第4章JavaScript編程基礎JavaScript的基礎語法、函數(shù)、JavaScript的調(diào)試、JavaScript的各種內(nèi)置對象、JavaScript面向對象編程、JavaScript處理JSON數(shù)據(jù)函數(shù)、JavaScript自定義類、6學時第5章JavaScript交互編程DOM查找、各種DOM操作、DOM樣式編程、事件各種DOM操作、樣式編程5學時第6章Vue.js框架MVVM模式、數(shù)據(jù)綁定、事件處理、列表和條件渲染、CSS樣式動態(tài)綁定、計算屬性和偵聽器、單文件組件、生命周期鉤子列表渲染、單文件組件、生命周期鉤子6學時第7章AJAX通信技術HTTP協(xié)議、XMLHttpRequest對象、FetchAPIXMLHttpRequest對象的使用4學時第8章WebSocket基礎WebSocket協(xié)議的API、HBuilderX運行Node.js程序WebSocket協(xié)議的API2學時第9章ES新語法字符串模板、箭頭函數(shù)、Module模塊化、Promise期約、async和await箭頭函數(shù)和Promise期約6學時第10章本地存儲localStorage使用、sessionStorage使用、localStorage和sessionStorage的API2學時第11章Canvas繪圖Canvas繪制圖形、Canvas繪制圖片、Canvas坐標變換Canvas繪制圖片和坐標變換4學時第12章uni-app框架uni-app項目結構、頁面和組件創(chuàng)建、pages.json配置、各種內(nèi)置組件的使用、生命周期、一些典型的API使用、實現(xiàn)全局變量跨端兼容的實現(xiàn)、Vuex實現(xiàn)狀態(tài)管理6學時第13章uniCloud創(chuàng)建和綁定云服務空間、云數(shù)據(jù)庫、JQL語法和云函數(shù)使用unicloud-db組件JQL語法和云函數(shù)使用5學時第14章綜合實例：美食匯uni-app開發(fā)技能綜合應用4學時教學建議1、充分采用現(xiàn)代教育技術手段。可以在機房授課，教師可采用“現(xiàn)場開發(fā)”的方法，可在機器上演示程序的編寫和運行，增加學生的感性認識。2、采用任務驅動或問題驅動方法。可先提出問題，根據(jù)問題尋找解決方案，從而啟迪學生的思維，提高教學效果。3、加強自學能力培養(yǎng)。讓學生利用各種途徑（圖書館、網(wǎng)絡）完成題目，從而培養(yǎng)學生解決問題和資源檢索能力。4、加強過程性考核。通過單元測試、實驗、討論、作業(yè)等方式及時對學生的表現(xiàn)進行考核。課程考核與評價評定項目由授課教師自行決定，諸如課堂發(fā)言、出勤率、作業(yè)、單元測驗、期末考試