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