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