東方博宜微信小程序開(kāi)發(fā)課程大綱 |
模塊 | 課程 | 學(xué)習內容 |
微信小程序前端開(kāi)發(fā) | 微信小程序簡(jiǎn)介 | . 微信小程序的功能介紹; |
. 微信小程序注冊流程; |
. 微信小程序管理平臺的基本使用,綁定開(kāi)發(fā)者、體驗者,獲取AppID; |
. 開(kāi)發(fā)者工具的下載安裝配置; |
. 小程序demo預覽等; |
微信小程序示例開(kāi)發(fā)入門(mén) | . 微信小程序app開(kāi)發(fā)框架介紹; |
. 小程序目錄結構,app.js、app.json、app.wxss的配置; |
. 注冊程序、注冊頁(yè)面及事件處理函數的邏輯關(guān)系; |
. 微信小程序app示例開(kāi)發(fā),代碼編寫(xiě),發(fā)布審核,手機預覽等; |
微信小程序布局組件 | . 微信小程序的UI布局實(shí)現; |
. UI樣式的使用; |
. 視圖容器view、scroll-view、swiper的使用; |
. UI案例設計和代碼實(shí)施等; |
微信小程序內容表單組件 | . 微信小程序基礎內容組件icon、text、progress等; |
. 表單組件form、button、input、picker、slider、textarea、switch等; |
. 結合各種內容表單組件實(shí)現示例應用 |
微信小程序的導航及媒體組件 | . 導航組件navigator頁(yè)面鏈接的使用; |
. 媒體組件audio音頻image圖片video視頻等; |
. 地圖的map各參數設置以及LBS的應用示例等; |
微信小程序渲染 | . 微信小程序條件渲染wx:if和block wx:if判斷單個(gè)及多個(gè)組件; |
. 微信小程序列表渲染wx:for和block wx:for; |
. 微信小程序定義和使用模板等; |
微信小程序服務(wù)器API | 網(wǎng)絡(luò )接口 | . 向服務(wù)器發(fā)起請求wx.request; |
. 文件的上傳下載wx.uploadFile和wx.downloadFile; |
. WebSocket的接口函數wx.connectSocket、wx.sendSocketMessage; |
. 接口使用示例等; |
媒體接口 | . 圖片處理wx.chooseImage、wx.getImageInfo; |
. 錄音wx.startRecord和wx.stopRecord; |
. 音頻播放控制wx.playVoice、wx.pauseVoice和wx.stopVoice; |
. 音樂(lè )播放控制wx. playBackgroundAudio、wx.stopBackgroundAudio等; |
數據緩存 | . 數據存儲在本地緩存的同步wx.setStorage、wx.getStorage、wx.removeStorage、wx.clearStorage; |
. 異步接口wx.setStorageSync、wx.getStorageSync、wx.removeStorageSync、wx.clearStorageSync; |
設備 | . 系統信息wx.getSystemInfo; |
. 網(wǎng)絡(luò )狀態(tài)wx.getNetworkType; |
. 重力感應wx.onAccelerometerChange; |
. 撥打電話(huà)wx.makePhoneCall; |
. 掃碼wx.scanCode; |
. 各示例程序開(kāi)發(fā)等; |
界面 | . 交互反饋wx.showToast、wx.showModal; |
. 設置導航條wx. setNavigationBarTitle、wx. showNavigationBarLoading; |
. 導航wx.navigateTo、wx.redirectTo、wx.switchTab;動(dòng)畫(huà)wx.createAnimation; |
. 各程序開(kāi)發(fā)案例; |
綜合案例 | 小程序綜合案例開(kāi)發(fā) | . 小程序前端界面設計結合服務(wù)器端技術(shù)和小程序API接口實(shí)現案例研發(fā); |