课程介绍:
这段课程听起来是在描述一门针对小程序开发的实战型课程。这段话里强调了课程中的一些重要元素:
常用组件与接口:在基础部分,这门课程会讲解常用的组件与接口。这些是进行小程序开发的基础,掌握了这些,可以为后续的实战项目打下坚实的基础。
最佳实践与易错问题:除了基础知识,这门课程还注重与最佳实践和易错问题的结合。通过学习这些经验和方法,可以避免在开发过程中走弯路,提高开发效率。
实战项目:在实战项目的安排上,这门课程并非通过多个小实例来教授知识,而是开发一个大的项目,尽可能地涵盖小程序开发的所有知识点。这样做的好处是,可以更好地将知识点有序地串联起来,形成一个完整的知识体系。
知识难度安排:课程中的基础知识,会按照从易到难的顺序,穿插在实战项目中讲解。这样的安排,可以让学员更好地理解和掌握知识,避免知识断裂无序。
课程截屏:
课程目录:
01.第一章:重新认识微信小程序(6讲)
01丨课程介绍.mp4
02丨内容综述.mp4
03丨小程序的特点及开发能力.mp4
04丨新的一年,微信小程序开放了哪些新功能?.mp4
05丨小程序运行机制简介:从零构建一个WebApp需要做哪些事情?.mp4
06丨开发环境配置:创建你的第一个小程序项目.mp4
02.第二章:微信小程序组件介绍及使用(43讲)
07丨icon组件:关于图标的4个实现方案.mp4
08丨progress组件:如何自定义实现一个环形进度条?.mp4
09丨rich-text组件:如何单击预览rich-text中的图片并保存?.mp4
10丨view容器组件及Flex布局:一个view如何实现所有常见的UI布局?(一).mp4
11丨view容器组件及Flex布局:一个view如何实现所有常见的UI布局?(二).mp4
12丨可移动容器及可移动区域:如何实现单条消息左滑删除功能?(一).mp4
13丨可移动容器及可移动区域:如何实现单条消息左滑删除功能?(二).mp4
14丨scroll-view介绍:在小程序中如何实现滚动锚定?.mp4
15丨scroll-view介绍:如果渲染一个滚动的长列表?.mp4
16丨滚动选择器:如何自定义省市区多级联动选择器?(一).mp4
17丨滚动选择器:如何自定义省市区多级联动选择器?(二).mp4
18丨滑动选择器表单组件:如何基于wxs自定义一个竖向的slider?.mp4
19丨页面链接组件:如何自定义一个导航栏?.mp4
20丨image媒体组件(上):如何实现图片的懒加载?.mp4
21丨image媒体组件(下):开发中经常遇到的问题?.mp4
22丨live-player与live-pusher媒体组件:如何实现直播间功能?(一).mp4
23丨live-player与live-pusher媒体组件:如何实现直播间功能?(二).mp4
24丨live-player与live-pusher媒体组件:如何实现直播间功能?(三).mp4
25丨live-player与live-pusher媒体组件:如何实现直播间功能?(四).mp4
26丨live-player与live-pusher媒体组件:如何实现直播间功能?(五).mp4
27丨live-player与live-pusher媒体组件:如何实现直播间功能?(六).mp4
28丨web-view:如何实现免审核发布新的功能页面?(一).mp4
29丨web-view:如何实现免审核发布新的功能页面?(二).mp4
30丨web-view:如何实现免审核发布新的功能页面?(三).mp4
31丨web-view:如何实现免审核发布新的功能页面?(四).mp4
32丨web-view:如何实现免审核发布新的功能页面?(五).mp4
33丨web-view:如何实现免审核发布新的功能页面?(六).mp4
34丨web-view:如何实现免审核发布新的功能页面?(七).mp4
35丨web-view:如何实现免审核发布新的功能页面?(八).mp4
36丨web-view:如何实现免审核发布新的功能页面?(九).mp4
37丨WebGL介绍:如何在小程序中展示3D模型?(一).mp4
38丨WebGL介绍(二):如何在小程序中取到WebGL上下文环境对象.mp4
39丨WebGL介绍(三):了解WebGL的世界坐标系.mp4
40丨WebGL介绍(四):重新认识右手坐标系及如何编写顶点着色器代码.mp4
41丨WebGL介绍(五):学习片断着色器编写,了解变量修饰变型uniform与attribute.mp4
42丨WebGL介绍(六):了解在WebGL中裁剪空间是如何裁剪出来的.mp4
43丨WebGL介绍(七):了解着色器变量值的绑定及三种三角形绘制模式之间的差异.mp4
44丨WebGL介绍(八):在着色器中使用共享变量,绘制一个颜色渐变的正方形.mp4
45丨WebGL介绍(九):完成动画.mp4
46丨WebGL介绍(十):绘制一个旋转的立方体.mp4
47丨WebGL介绍(十一):在3D绘制中使用纹理材质.mp4
48丨WebGL介绍(十二):如何创建相机、场景及光源.mp4
49丨WebGL介绍(十三):创建加载器、渲染器与控制器,完成3D模型文件的加载与展示.mp4
03.第三章:微信小程序开发常用的API介绍及使用(17讲)
50丨网络接口简介(一):如何使用wx.request接口.mp4
51丨网络接口简介(二):将登陆代码模块化封装.mp4
52丨网络接口简介(三):Promise介绍及6个常用方法.mp4
54丨网络接口简介(五):基于Promise+await、async关键字改写登录模块.mp4
55丨网络接口简介(六):关于Page页面隐藏代码执行及Promise对象的catch处理的补充.mp4
56丨网络接口简介(七):学习EventChannel对象.mp4
57丨网络接口简介(八):观察者模式介绍及Event模块实现.mp4
58丨网络接口简介(九):扩展wxp模块的request3方法,实现用户登录的自动融合.mp4
59丨tabBar组件(一):系统默认的tabBar组件如何开启及使用.mp4
60丨tabBar组件(二):基于系统提供的自定义方式,实现一个tabBar组件.mp4
61丨tabBar组件(三):通过自定义组件扩展的方式,给任意组件添加通用方法.mp4
62丨开放接口(一):如何对Page进行全局扩展.mp4
63丨开放接口(二):优化前后端登录代码,解决后端解密错误.mp4
64丨设备能力:如何实现扫码连WiFi功能?.mp4
65丨前期留言集中答疑(一).mp4
66丨前期留言集中答疑(二).mp4
04.第四章:快速构建商家小程序前端页面(77讲)
100丨购物车页面:实现向购物车添加商品的接口.mp4
101丨商品详情页:实现“加入购物车”功能.mp4
102丨购物车页面:实现购物车拉取接口.mp4
103丨购物车页面:调用购物车列表接口与绑定页面数据.mp4
104丨购物车页面:实现改变购物车商品数量的接口.mp4
105丨购物车页面:实现商品增减.mp4
106丨购物车页面:实现批量删除.mp4
107丨确认订单页面:实现地址项与商品列表UI.mp4
108丨确认订单页面:绑定商品列表数据.mp4
109丨确认订单页面:实现确认订单页面其它UI.mp4
110丨购物车页面:尝试使用计算属性.mp4
111丨快递地址列表页面:创建快递列表页面UI.mp4
112|新增地址页:创建新增收货地址页面UI与双向绑定.mp4
113|微信接口:验证接口是否可用.mp4
114|收货地址列表页:从微
信获取预存的收货地址.mp4
115|后端:创建address模型与列表接口.mp4
116|后端:创建新增收货地址接口、添加索引.mp4
117|新增地址页:实现收货地址新增功能.mp4
118|收货地址列表页:拉取真是收货地址并渲染.mp4
119|收货地址列表页:优化微信收货地址获取的逻辑.mp4
120|后端:实现收货地址编辑接口.mp4
121|新增编辑地址页:实现前端编辑功能.mp4
122|地址列表页:实现滑动删除功能的UI.mp4
123|地址列表页:实现地址删除接口及前端删除功能.mp4
124|微信支付:申请微信认证及微信支付.mp4
125|微信支付:登录商户平台作支付开发准备.mp4
126|微信支付:安装微信支付模块koa3-wechat.mp4
127|微信支付:初始化koa3-wechat支付模块.mp4
128|微信支付:使用koa3-wechat调用统一下单接口准备支付参数.mp4
129|微信支付:使用wx.requestPayment接口发起微信支付.mp4
130|微信支付:确认支付订单状态.mp4
131|微信支付:在云服务器上部署测试代码与配置nginx.mp4
132|微信支付:测试支付确认接口是否可用.mp4
133|确认下单页:清空已经下单的购物车商品.mp4
134|微信支付:实现退款接口.mp4
135|微信支付:尝试使用weixin-pay调用统一下单接口准备支付参数.mp4
136|微信支付:解决weixin-pay退款失败的问题.mp4
137|小微商户:申请帐号与支付测试.mp4
138|小微商户:试用小微商户.mp4
139|小微商户:实现下单接口.mp4
140|小微商户:在手机上测试支付功能.mp4
141|小微商户:解决商户ID不能为空等问题.mp4
142丨小微商户:实现支付结果回调的接口.mp4
143丨小微商户:实现退款接口.mp4
67丨搭建UI框架(一):如何基于Vant快速创建小程序页面?.mp4
68丨使用art-template模板引擎69丨规整后端koa项目结构.mp4
70丨用户登录(一):创建与使用数据库71丨用户登录(二):创建sessionKeymodel并完善用户登录.mp4
72丨商品列表页:创建分类模型.mp4
73丨商品列表页:使用存储过程初始化分类表.mp4
74丨商品列表页:创建商品表、品牌表.mp4
75丨商品列表页:创建商品描述表.mp4
76丨商品列表页:创建商品SKU表.mp4
77丨商品列表页:初始化SKU表数据.mp4
78丨商品列表页:创建商品列表接口.mp4
79丨商品列表页:关联查询.mp4
80丨商品列表页:实现vtabs侧边栏导航.mp4
81丨商品列表页:调用商品分类分页列表接口.mp4
82丨商品列表页:实现延迟加载.mp4
83丨商品列表页:修改vtabs组件算法.mp4
84丨商品列表页:实现分页加载.mp4
85丨商品列表页:使用骨架屏.mp4
86丨商品详情页:创建商品详情接口.mp4
87丨商品详情页:使用EventChannel.mp4
88丨商品详情页:显示标题与价格.mp4
89丨商品详情页:使用Sketch.mp4
90丨商品详情页:使用蓝湖.mp4
91丨商品详情页:实现选择商品规格的UI.mp4
92丨商品详情页:在底部添加商品导航组件.mp4
93丨商品详情页:实现商品规格接口.mp4
94丨商品详情页:展示商品规格以供选择.mp4
95丨购物车页面:整合用户自动登陆功能.mp4
96丨购物车页面:添加tabBar导航.mp4
97丨购物车页面:构建商品列表.mp4
98丨购物车页面:实现编辑模式与正常模式切换.mp4
99丨购物车页面:创建购物车模型.mp4
05.第五章:基于Node.js快速打造后端接口及公众号页面管理后台(9讲)
144丨公众号:公众号开发接入配置.mp4
145丨公众号:接管公众号消息并作应答.mp4
146丨微信认证:关于小程序公众号开放平台等帐号认证.mp4
147丨服务号:网页授权的两种方式.mp4
148丨云数据库:将线下数据库同步至线上.mp4
149丨网页授权:通过测试号拉取用户信息.mp4
150丨网页授权:在微信开发者工具中测试网页授权代码.mp4
151丨测试:使用内网穿透服务ngrok.mp4
152丨微页面:如何实现JS-SDK的初始化.mp4
06.第六章:微信小程序云开发常用功能简介及使用(12讲)
153丨云开发:创建第一个小程序云开发项目.mp4
154丨云开发:创建第一个云开发环境.mp4
155丨云开发:创建第一个云函数login.mp4
156丨云函数:如何获取用户的openid.mp4
157丨微信支付:基于云函数实现微信支付.mp4
158丨云数据库:如何创建集合并实现数据的基本操作.mp4
159丨云函数:如何在本地调试云函数.mp4
160丨云数据库:如何在小程序中操作云数据库.mp4
161丨TCB:小程序与公众号共享云环境.mp4
162丨云开发:使用实时数据监听实现多端信息同步.mp4
163丨云数据库与云存储:使用事务与图片的上传下载功能.mp4
164丨云环境:通过安装扩展应用快速实现功能.mp4
07.第七章:添加广告实现流量变现(3讲)
165丨广告:创建与展示Banner广告.mp4
166丨广告:创建与使用视频激励广告.mp4
167丨广告:使用封面广告与自定义模板广告.mp4
08.第八章:添加运营插件促进用户活跃和留存(8讲)
168丨插件开发:关于微信小程序插件的基础介绍169丨插件开发:创建第一个插件项目170丨插件开发:实现“每日天气”第一个版本的功能.mp4
171丨插件开发:插件的提交审核与使用.mp4
172丨插件开发:实现第二个版本的功能“每日微报”.mp4
173丨插件开发:在插件中调用云函数.mp4
174丨订阅与通知:实现消息订阅功能.mp4
175丨插件开发:转发插件内页面.mp4
09.第九章:小程序第三方开发框架简介与使用(4讲)
176丨在小程序中使用Vue:使用kbone创建同构项目.mp4
177丨Webpack构建小程序项目的示例:支持原生混合开发与云开发.mp4
178丨课程答疑:如何使用源码179丨课程回顾及结束语.mp4