本課程主要針對(duì)從事小程序開(kāi)發(fā)的相關(guān)技術(shù)人員,講授小程序的開(kāi)發(fā)實(shí)戰(zhàn)知識(shí)。課程的主要內(nèi)容有以下六個(gè)部分:
一是小程序場(chǎng)景剖析,典型的小程序線上線下串聯(lián)案例;
二是小程序開(kāi)發(fā)準(zhǔn)備;
三是小程序WePY新框架;
四是小程序UI組件;
五是小程序API精講、小程序云開(kāi)發(fā)新技術(shù);
六是小程序項(xiàng)目案例實(shí)戰(zhàn)和技術(shù)總結(jié);
本課程內(nèi)容豐富,涵蓋面廣,講解由淺入深,并始終以案例講解和一線開(kāi)發(fā)經(jīng)驗(yàn)貫穿始終。通過(guò)本課程的學(xué)習(xí),可使得學(xué)員對(duì)小程序的開(kāi)發(fā)有一個(gè)很好的了解,對(duì)具體相關(guān)工作游刃有余。
課程內(nèi)容:
1、小程序的概要
小程序的前世今生
小程序的優(yōu)勢(shì)
小程序適用場(chǎng)景
2、小程序-O2O 案例與分析
借借充電寶
易點(diǎn)拉面
一鍵加油
信用卡類的小程序
網(wǎng)點(diǎn)類小程序
3、小程序環(huán)境準(zhǔn)備和安裝
小程序的適用場(chǎng)景
小程序賬號(hào)申請(qǐng)
Web開(kāi)發(fā)者工具
開(kāi)發(fā)者工具安裝
調(diào)試技巧(小程序仿真器調(diào)試,真機(jī)調(diào)試)
小程序的發(fā)布
4、小程序組件化開(kāi)發(fā)新框架WePY(類似VUE)
WePY框架的架構(gòu)與原理
WePY項(xiàng)目代碼結(jié)構(gòu)
WePY的配套功能
WePY的模塊化規(guī)范
WePY中的數(shù)據(jù)交互
剖析事件機(jī)制
鼠標(biāo)事件
鍵盤事件
綁定動(dòng)態(tài)數(shù)據(jù)
動(dòng)態(tài)綁定style和class
WePY組件化開(kāi)發(fā)
全局組件和局部組件
父子組件的聲明
父組件給子組件傳遞數(shù)據(jù)
子組件給父組件傳遞數(shù)據(jù)
數(shù)據(jù)同步
子組件更改數(shù)據(jù)不同步數(shù)據(jù)
WePY組件is特性
WePY中的slot
非父子組件
5、小程序組件
?視圖容器
View,scroll-view
swiper
基礎(chǔ)控件元素
Icon,text
progress
表單組件
Button,checkbox,form,input,label
Picker,radio,slider,switch
反饋消息組件
action-sheet,modal
toast,loading
navigation(導(dǎo)航)
canvas(繪圖)
【案例實(shí)驗(yàn)】WePY框架
【案例實(shí)驗(yàn)】小程序各種UI組件使用
6、小程序api接口開(kāi)發(fā)
網(wǎng)絡(luò)訪問(wèn)
上傳、下載請(qǐng)求
wx.uploadFile
wx.downloadFile
雙工通訊WebSocket
wx.connectSocket
wx.onSocketOpen
wx.onSocketError
wx.sendSocketMessage
wx.onSocketMessage
wx.closeSocket
wx.onSocketClose
多媒體支持
圖片image:wx.chooseImage,wx.previewImage
錄音: wx.startRecord,wx.stopRecord
錄音播放控制:wx.playVoice,wx.pauseVoice,wx.stopVoice
音樂(lè)播放控制:wx.getBackgroundAudioPlayerState,
wx.playBackgroundAudio,wx.pauseBackgroundAudio
wx.seekBackgroundAudio,wx.stopBackgroundAudio
wx.onBackgroundAudioPlay等
文件: wx.saveFile(OBJECT)
視頻: wx.chooseVideo
數(shù)據(jù)
數(shù)據(jù)緩存:sync和async緩存以及清除接口
地圖與定位
獲取位置與查看位置
map調(diào)用技術(shù)與實(shí)戰(zhàn)
qqmap-wx插件-小程序定位糾偏設(shè)備
網(wǎng)絡(luò)狀態(tài)
系統(tǒng)信息
重力感應(yīng)
羅盤
界面
導(dǎo)航條
動(dòng)畫(huà)
繪圖
開(kāi)放接口
用戶信息
小程序支付
模板消息
使用說(shuō)明
接口說(shuō)明
7、小程序后臺(tái)新技術(shù)- 云開(kāi)發(fā)
小程序云開(kāi)發(fā)概要
小程序云開(kāi)發(fā)適合場(chǎng)景(不適場(chǎng)景)
在進(jìn)行小程序云開(kāi)發(fā)時(shí)要注意什么
小程序云開(kāi)發(fā)和傳統(tǒng)的開(kāi)發(fā)模式有什么不同
小程序云開(kāi)發(fā)常見(jiàn)問(wèn)題分享
【案例實(shí)驗(yàn)】小程序接口使用
【案例實(shí)現(xiàn)】小程序-商城
【項(xiàng)目實(shí)戰(zhàn)】小程序-銀行:涉及表單,定位,布局,模版,效率優(yōu)化等