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