微信小程序开发课程-手把手带你实现一款微信小程序

微信小程序开发课程-手把手带你实现一款微信小程序

学习技术一定是需要知行合一的,在掌握原理和工具的使用后,结合具体的项目实践,让功能实现出来,同时加深对原理的理解。

本资源由最基本的小程序介绍开始,一步一步带领大家熟悉开发者工具,同时上手制作简单的小程序。

从前端界面设计到后台用户管理,从用户交互事件到前后端数据渲染都有详细的讲解。

最后,会花 3 个小时的时间,利用企业实际案例 Demo,对小程序的知识进行归纳总结和实战演练。

资源目录

01-9小时搞定微信小程序开发【视频】

章节1:小程序入门基础

课时1视频小程序的入门准备06:11

课时2视频了解并熟悉开发者工具17:52

课时3视频小程序的目录结构17:30

课时4视频小程序的生命周期及 App 对象17:57

课时5视频视图与渲染15:56

课时6视频事件14:25

课时7视频综合案例:手机号码归属地查询19:39

章节2:学习小程序统一UI风格

课时8视频WXSS18:41

课时9视频Flex 布局20:18

课时10视频组件14:08

课时11视频WeUI 类库的使用03:03

课时12视频综合案例:小程序课程学习助手52:19

章节3:API 交互

课时13视频API18:06

课时14视频WebSocket08:19

课时15视频UI 图标注05:15

课时16视频前后端交互29:15

课时17视频综合案例:小程序课程学习助手登录功能45:22

章节4:高级功能

课时18视频微信登录&获取用户信息32:23

课时19视频微信支付31:15

课时20视频模板消息10:03

课时21视频箭头函数&ES606:57

课时22视频综合案例:微信支付&模板消息推送35:08

章节5:实战-健康产业资源整合平台(一)

课时23视频项目需求分析15:34

课时24视频原型图制作&UI设计18:12

课时25视频综合案例:前端页面实现61:07

章节6:实战-健康产业资源整合平台(二)

课时26视频Thinkcmf搭建16:25

课时27视频数据库设计15:26

课时28视频编写API20:52

课时29视频实现上滑加载数据功能39:25

课时30视频实现收藏功能17:16

课时31视频其它功能03:20

课时32视频数据管理后台02:03

课时33视频小程序的前景

02-微信小程序全栈开发实战【视频】

第一章:重新认识微信小程序 (6讲)

01 | 课程介绍

02 | 内容综述

03 | 小程序的特点及开发能力

04 | 新的一年,微信小程序开放了哪些新功能?

05 | 小程序运行机制简介:从零构建一个Web App需要做哪些事情?

06 | 开发环境配置:创建你的第一个小程序项目

第二章:微信小程序组件介绍及使用 (43讲)

07 | icon组件:关于图标的4个实现方案

08 | progress组件:如何自定义实现一个环形进度条?

09 | rich-text组件:如何单击预览rich-text中的图片并保存?

10 | view容器组件及Flex布局(一):学习容器组件view及其重要属性

11 | view容器组件及Flex布局(二):介绍flex布局中常用的样式及样式值

12 | 可移动容器及可移动区域(一):学习使用movable-view与movable-area组件

13 | 可移动容器及可移动区域(二):如何实现侧滑删除功能

14 | scroll-view介绍:在小程序中如何实现滚动锚定?

15 | scroll-view介绍:如果渲染一个滚动的长列表?

16 | 滚动选择器(一):学习使用选择器组件

17 | 滚动选择器(二):使用两种方式自定义实现省、市、区三级联动的选择器

18 | 滑动选择器表单组件:如何基于wxs自定义一个竖向的slider?

19 | 页面链接组件:如何自定义一个导航栏?

20 | image媒体组件(上):如何实现图片的懒加载?

21 | image媒体组件(下):开发中经常遇到的问题?

22 | 如何实现直播间功能?(一):了解live-pusher、live-player组件的主要属性及使用限制

23 | 如何实现直播间功能?(二):如何开启、使用腾讯云的云直播功能

24 | 如何实现直播间功能?(三):安装与使用ffmepg,及使用ffmpeg进行推拉流验证

25 | 如何实现直播间功能?(四):使用live-pusher、live-player组件在小程序中实现直播功能

26 | 如何实现直播间功能?(五):同层渲染

27 | 如何实现直播间功能?(六):live-pusher、live-player组件在开发中的常见问题

28 | web-view(一):了解session、cookie等相关基本概念

29 | web-view(二):了解常见的四种鉴权方式

30 | web-view(三):如何使用koa框架,及如何进行热加载?

31 | web-view(四):如何在服务器端实现cookie与sesson的生成?

32 | web-view(五):如何将session存储到服务器端,及如何实现token验证?

33 | web-view(六):基于koa中间件,实现微信一键登陆的后端接口

34 | web-view(七):实现微信用户一键登陆

35 | web-view(八):了解正确的微信登陆姿势

36 | web-view(九):web-view组件在开发的常见问题讲解

37 | WebGL介绍(一):了解WebGL相关的基础概念

38 | WebGL介绍(二):如何在小程序中取到WebGL上下文环境对象

39 | WebGL介绍(三):了解WebGL的世界坐标系

40 | WebGL介绍(四):重新认识右手坐标系及如何编写顶点着色器代码

41 | WebGL介绍(五):学习片断着色器编写,了解变量修饰变型uniform与attribute

42 | WebGL介绍(六):了解在WebGL中裁剪空间是如何裁剪出来的

43 | WebGL介绍(七):了解着色器变量值的绑定及三种三角形绘制模式之间的差异

44 | WebGL介绍(八):在着色器中使用共享变量,绘制一个颜色渐变的正方形

45 | WebGL介绍(九):完成动画

46 | WebGL介绍(十):绘制一个旋转的立方体

47 | WebGL介绍(十一):在3D绘制中使用纹理材质

48 | WebGL介绍(十二):如何创建相机、场景及光源

49 | WebGL介绍(十三):创建加载器、渲染器与控制器,完成3D模型文件的加载与展示

第三章:微信小程序开发常用的API介绍及使用 (17讲)

50 | 网络接口简介(一):如何使用wx.request接口

51 | 网络接口简介(二):将登陆代码模块化封装

52 | 网络接口简介(三):Promise介绍及 6 个常用方法

53 | 网络接口简介(四):Promise三个方法any、all与race的使用介绍

54 | 网络接口简介(五):基于Promise+await、async关键字改写登录模块

55 | 网络接口简介(六):关于Page页面隐藏代码执行及Promise对象的catch处理的补充

56 | 网络接口简介(七):学习EventChannel对象

57 | 网络接口简介(八):观察者模式介绍及Event模块实现

58 | 网络接口简介(九):扩展wxp模块的request3方法,实现用户登录的自动融合

59 | tabBar组件(一):系统默认的tabBar组件如何开启及使用

60 | tabBar组件(二):基于系统提供的自定义方式,实现一个tabBar组件

61 | tabBar组件(三):通过自定义组件扩展的方式,给任意组件添加通用方法

62 | 开放接口(一):如何对Page进行全局扩展

63 | 开放接口(二):优化前后端登录代码,解决后端解密错误

64 | 设备能力:如何实现扫码连WiFi功能?

65 | 前期留言集中答疑(一)

66 | 前期留言集中答疑(二)

第四章:快速构建商家小程序前端页面 (77讲)

67 | 搭建UI框架(一):如何基于Vant快速创建小程序页面?

68 | 搭建UI框架(二):使用art-template模板引擎

69 | 搭建UI框架(三):规整后端koa项目结构

70 | 用户登录(一):创建与使用数据库

71 | 用户登录(二):创建sessionKey model并完善用户登录

72 | 商品列表页:创建分类模型

73 | 商品列表页:使用存储过程初始化分类表

74 | 商品列表页:创建商品表、品牌表

75 | 商品列表页:创建商品描述表

76 | 商品列表页:创建商品SKU表

77 | 商品列表页:初始化SKU表数据

78 | 商品列表页:创建商品列表接口

79 | 商品列表页:关联查询

80 | 商品列表页:实现vtabs侧边栏导航

81 | 商品列表页:调用商品分类分页列表接口

82 | 商品列表页:实现延迟加载

83 | 商品列表页:修改vtabs组件算法

84 | 商品列表页:实现分页加载

85 | 商品列表页:使用骨架屏

86 | 商品详情页:创建商品详情接口

87 | 商品详情页:使用EventChannel

88 | 商品详情页:显示标题与价格

89 | 商品详情页:使用Sketch

90 | 商品详情页:使用蓝湖

91 | 商品详情页:实现选择商品规格的UI

92 | 商品详情页:在底部添加商品导航组件

93 | 商品详情页:实现商品规格接口

94 | 商品详情页:展示商品规格以供选择

95 | 购物车页面:整合用户自动登陆功能

96 | 购物车页面:添加 tabBar 导航

97 | 购物车页面:构建商品列表

98 | 购物车页面:实现编辑模式与正常模式切换

99 | 购物车页面:创建购物车模型

100 | 购物车页面:实现向购物车添加商品的接口

101 | 购物车页面:实现“加入购物车”功能

102 | 购物车页面:实现购物车拉取接口

103 | 购物车页面:调用购物车列表接口与绑定页面数据

104 | 购物车页面:实现改变购物车商品数量的接口

105 | 购物车页面:实现商品增减

106 | 购物车页面:实现批量删除

107 | 确认订单页面:实现地址项与商品列表UI

108 | 确认订单页面:绑定商品列表数据

109 | 确认订单页面:实现确认订单页面其它UI

110 | 购物车页面:尝试使用计算属性

111 | 快递地址列表页面:创建快递列表页面UI

112|新增地址页:创建新增收货地址页面UI与双向绑定

113|微信接口:验证接口是否可用

114|收货地址列表页:从微信获取预存的收货地址

115|后端:创建address模型与列表接口

116|后端:创建新增收货地址接口、添加索引

117|新增地址页:实现收货地址新增功能

118|收货地址列表页:拉取真是收货地址并渲染

119|收货地址列表页:优化微信收货地址获取的逻辑

120|后端:实现收货地址编辑接口

121|新增编辑地址页:实现前端编辑功能

122|地址列表页:实现滑动删除功能的 UI

123|地址列表页:实现地址删除接口及前端删除功能

124|微信支付:申请微信认证及微信支付

125|微信支付:登录商户平台作支付开发准备

126|微信支付:安装微信支付模块 koa3-wechat

127|微信支付:初始化 koa3-wechat 支付模块

128|微信支付:使用 koa3-wechat 调用统一下单接口准备支付参数

129|微信支付:使用 wx.requestPayment 接口发起微信支付

130|微信支付:确认支付订单状态

131|微信支付:在云服务器上部署测试代码与配置 nginx

132|微信支付:测试支付确认接口是否可用

133|确认下单页:清空已经下单的购物车商品

134|微信支付:实现退款接口

135|微信支付:尝试使用 weixin-pay 调用统一下单接口准备支付参数

136|微信支付:解决 weixin-pay 退款失败的问题

137|小微商户:申请帐号与支付测试

138|小微商户:试用小微商户

139|小微商户:实现下单接口

140|小微商户:在手机上测试支付功能

141|小微商户:解决商户 ID 不能为空等问题

142|小微商户:实现支付结果回调的接口

143|小微商户:实现退款接口

第五章:基于Node.js快速打造后端接口及公众号页面管理后台 (9讲)

144|公众号:公众号开发接入配置

145|公众号:接管公众号消息并作应答

146|微信认证:关于小程序公众号开放平台等帐号认证

147|服务号:网页授权的两种方式

148|云数据库:将线下数据库同步至线上

149|网页授权:通过测试号拉取用户信息

150|网页授权:在微信开发者工具中测试网页授权代码

151|测试:使用内网穿透服务 ngrok

152|微页面:如何实现 JS-SDK 的初始化

第六章:微信小程序云开发常用功能简介及使用 (12讲)

153|云开发:创建第一个小程序云开发项目

154|云开发:创建第一个云开发环境

155|云开发:创建第一个云函数login

156|云函数:如何获取用户的openid

157|微信支付:基于云函数实现微信支付

158|云数据库:如何创建集合并实现数据的基本操作

159|云函数:如何在本地调试云函数

160|云数据库:如何在小程序中操作云数据库

161|TCB:小程序与公众号共享云环境

162|云开发:使用实时数据监听实现多端信息同步

163|云数据库与云存储:使用事务与图片的上传下载功能

164|云环境:通过安装扩展应用快速实现功能

第七章:添加广告实现流量变现 (3讲)

165|广告:创建与展示 Banner 广告

166|广告:创建与使用视频激励广告

167|广告:使用封面广告与自定义模板广告

第八章:添加运营插件促进用户活跃和留存 (8讲)

168|插件开发:关于微信小程序插件的基础介绍

169|插件开发:创建第一个插件项目

170|插件开发:实现“每日天气”第一个版本的功能

171|插件开发:插件的提交审核与使用

172|插件开发:实现第二个版本的功能“每日微报”

173|插件开发:在插件中调用云函数

174|订阅与通知:实现消息订阅功能

175|插件开发:转发插件内页面

第九章:小程序第三方开发框架简介与使用 (4讲)

176|在小程序中使用Vue:使用kbone创建同构项目

177|Webpack构建小程序项目的示例:支持原生混合开发与云开发

178|课程答疑:如何使用源码

179|课程回顾及结束语

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源