本课程主要针对从事微信小程序开发的相关技术人员,讲授小程序的开发实战知识。课程的主要内容有以下六个部分:
一是小程序场景剖析,典型的小程序线上线下串联案例;
二是小程序开发准备;
三是小程序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、小程序后台新技术- 云开发
小程序云开发概要
小程序云开发适合场景(不适场景)
在进行小程序云开发时要注意什么
小程序云开发和传统的开发模式有什么不同
小程序云开发常见问题分享
【案例实验】微信小程序接口使用
【案例实现】小程序-商城
【项目实战】小程序-银行咨询:涉及表单,定位,布局,模版,效率优化等