職業(yè)技術學院《微信小程序開發(fā)》課程教學大綱

PAGE1PAGE1XXXX職業(yè)學院《微信小程序開發(fā)》課程教學大綱課程英文名稱：適用專業(yè)：大數(shù)據(jù)技術、軟件技術課程性質：考查課學分：3總學時：48講課學時：16實驗/上機學時：32課程編號：編寫：王宇翔審核：日期：202X0301一、本課程教學目的和任務《微信小程序開發(fā)》課程是微信小程序誕生之后產(chǎn)生的一門前沿新技術課程。該課程是一門非常重要的技術性課程，是計算機專業(yè)軟件開發(fā)不可以缺少的技術模塊，同時該課程對學生職業(yè)素質的培養(yǎng)、創(chuàng)新思維的培養(yǎng)和職業(yè)能力的培養(yǎng)具有實踐指導作用。課程重點強調學生對微信小程序框架的掌握，對組件的應用，對API的掌握，對高級接口后端的掌握，對小程序云開發(fā)的掌握。通過對本課程的學習，能夠讓學生掌握移動應用開發(fā)的一門新技術，適用新環(huán)境下用人單位的需求。二、本課程的目標認知目標：通過本課程的學習，使學生了解小程序的誕生的意義、特點和應用前景；了解微信、百度和支付寶三大小程序平臺的共同點；理解小程序項目結構，HTML、JavaScript、css與小程序的關系；理解小程序的框架結構；理解小程序組件的概念；理解小程序頁面樣式的概念；理解小程序布局方法；了解小程序常用的接口分類，掌握常見的接口；理解支付、模板等高級接口前后端的分工；理解云開發(fā)的意義。 技能目標：通過本課程的學習，使學生掌握微信小程序的開發(fā)工具的安裝和調試使用；能把自己開發(fā)的小程序發(fā)布到微信平臺；熟練掌握小程序生命周期函數(shù)、數(shù)據(jù)綁定和渲染等基礎技術；能靈活使用小程序組件；能在wxss中設計頁面樣式；能在頁面布局中使用box模型、傳統(tǒng)布局和flex布局；能使用JavaScript技術來實現(xiàn)事件操作和常見的交互；使用wx.request網(wǎng)絡接口調用第三方接口和自編接口的能力；掌握websocket和文件上傳下載的網(wǎng)絡接口的能力；掌握常見的媒體和設備接口；掌握常見的交互和開放接口；掌握云開發(fā)中云存儲、云函數(shù)和云數(shù)據(jù)庫；能獨立完成中小型小程序項目的能力。 情感目標：通過本課程的學習，使學生在掌握小程序項目開發(fā)基本流程的同時，了解最新的設計開發(fā)模式，項目分工等概念，為學生后期團隊合作進行真實項目開發(fā)做出很好的鋪墊。三、本課程與其他課程的關系1、先修課程：《web開發(fā)基礎和JavaScript程序設計》、2、相關課程：《HTML5開發(fā)基礎與輕量級前端框架》、《web數(shù)據(jù)交互技術及響應式開發(fā)技術》四、課程內容內容章節(jié)學習目標建議入門篇（1-2章）第1章微信小程序入門了解小程序的由來、功能和創(chuàng)建流程；掌握開發(fā)者賬號注冊、信息完善和成員管理；掌握開發(fā)者工具的下載安裝與登陸；熟悉其他輔助工具的使用。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第1章：小程序入門賬號注冊和信息完善開發(fā)者工具的使用第2章第一個小程序熟悉小程序快速啟動模板的創(chuàng)建方法；理解小程序的目錄結構和文件類型；掌握小程序主體和頁面JSON文件的屬性配置；掌握開發(fā)者工具的模擬器、編輯器和調試器的使用。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第2章：第一個微信小程序使用快速模板創(chuàng)建小程序手動創(chuàng)建小程序基礎篇（3-4章）第3章小程序框架掌握注冊程序和頁面的相關函數(shù)用法；掌握頁面路由的方式和模塊化用法；掌握WXML的數(shù)據(jù)綁定、列表/條件渲染、模板、事件和引用；掌握WXSS的尺寸單位、使用方式和選擇器用法；了解Flex布局的基本概念；掌握Flex布局中的容器屬性和項目屬性。上機實驗：練習WXML的數(shù)據(jù)綁定、列表/列表/條件渲染、模板、事件和引用；《微信小程序開發(fā)零基礎入門實戰(zhàn)》第3章：小程序框架Flex布局練習——列表Flex布局練習——九宮格第4章小程序組件理解什么是小程序組件；掌握小程序視圖容器組件的用法；掌握小程序基礎內容組件的用法；掌握小程序表單組件的用法；掌握小程序導航組件的用法；掌握小程序媒體組件的用法；掌握小程序地圖組件的用法；掌握小程序畫布組件的用法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第4章：小程序組件猜數(shù)字小游戲應用篇（5-11章）第5章小程序網(wǎng)絡API了解小程序/服務器架構；掌握服務器域名配置和臨時服務器部署；掌握wx.request接口的用法；掌握wx.uploadFile和wx.downFile接口的用法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第5章：小程序網(wǎng)絡API實況天氣預報小程序第6章小程序媒體API掌握圖片的選擇、預覽、信息獲取和保存的用法；掌握錄音管理器的用法；掌握背景音頻管理和音頻組件控制的用法；掌握視頻的選擇、保存和組件控制的用法；掌握相機管理器的用法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第6章：小程序媒體API口述校史視頻小程序第7章小程序文件API掌握保存臨時文件的方法；掌握獲取文件信息的方法；掌握獲取本地文件列表的方法；掌握獲取本地文件信息的方法；掌握刪除本地文件的方法；掌握打開指定文檔的方法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第7章：小程序文件API我的書櫥小程序第8章小程序數(shù)據(jù)API了解小程序本地緩存的概念；掌握數(shù)據(jù)存儲相關接口的用法；掌握數(shù)據(jù)獲取相關接口的用法；掌握存儲信息獲取相關接口的用法；掌握數(shù)據(jù)刪除相關接口的用法；掌握數(shù)據(jù)清空相關接口的用法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第8章：小程序數(shù)據(jù)API醫(yī)療急救卡小程序第9章小程序位置API理解經(jīng)緯度坐標的含義；了解坐標類別wgs84和gcj02的區(qū)別；掌握獲取位置的接口使用方法；掌握查看位置的接口使用方法；掌握地圖組件控制的系列接口使用方法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第9章：小程序位置API會議邀請函小程序第10章小程序設備API掌握系統(tǒng)信息獲取和兼容性判斷的接口用法；掌握網(wǎng)絡狀態(tài)和Wi-Fi管理的接口用法；掌握羅盤和加速度計的接口用法；掌握用戶截屏、掃碼、剪貼/粘貼和通話的接口用法；掌握手機內存、屏幕亮度和振動管理的接口用法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第10章：小程序設備API指南針小程序第11章小程序界面API掌握提示框、模態(tài)彈窗和操作菜單的用法；掌握導航條的標題、動畫和顏色設置；掌握tabBar的各類樣式設置；掌握頁面導航的5種切換方法；掌握動畫的聲明、描述和導出步驟；掌握頁面位置的返回功能；掌握在畫布中繪制圖像、設置樣式、變形、剪裁以及圖片導出等功能；掌握下拉刷新的啟動、監(jiān)聽和停止方法。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第11章：小程序界面API手繪電子時鐘小程序提高篇綜合應用設計實例（高校新聞網(wǎng)小程序）綜合應用所學知識創(chuàng)建完整新聞小程序項目；能夠在開發(fā)過程中熟練掌握真機預覽、調試等操作。上機實驗：《微信小程序開發(fā)零基礎入門實戰(zhàn)》第15章：綜合應用設計實例基于模擬數(shù)據(jù)的高校新聞網(wǎng)小程序注：實戰(zhàn)一書在原有基礎上追加了服務器后端的設計與實現(xiàn)部分（第16章）以及云開發(fā)的后端實現(xiàn)部分（第17章），可以根據(jù)學生的實際學習情況酌情考慮是否需要此部分內容總計五、考核方式本課程考核成績由考勤、平時成績和期末考試成績組成，平時成績由上機實踐成績、及課堂表現(xiàn)等構成。成績評定的方法：課程總評成績=考勤×20%+平時成績×50%+期末成績×30%六、教材及主要教學參考書教材：《微信小程序開發(fā)實戰(zhàn)》周文潔著，清華大學出版社，2020.22、參考書：《微信小程序開發(fā)從入門到實戰(zhàn)》，陳云貴高旭編著，清華大學出版社，2019.8《微信小程序貫穿式項目實戰(zhàn)》蘭紅曾鵬程管希東編著，清華大學出版社，2021.1七、學時分配序號章節(jié)內容學時分配合計講課上機實驗設計習題課外閱讀其它(需明確)1第1章開發(fā)前的準備2112第2章第一個微信小程序2113第3章小程序框架8254第5章小程序網(wǎng)絡api.天氣查詢6245第6章小程序媒體a