课程简介

学习技术一定是需要知行合一的，在掌握原理和工具的使用后，结合具体的项目实践，让功能实现出来，同时加深对原理的理解。很多人在学习开始时急于求成，前面一些问题上没有完全搞明白，就着急往下走，当后面遇到挑战，需要依赖前面那部分知识作为支撑的时候，难免心生茫然，无计可施。在开始的时候，下一些苦功夫、笨功夫，从长远来看是非常值得的

因此，本课程将在基础部分讲解常用的组件与接口，并且注重与最佳实践和易错问题的结合。在实战项目的安排上，为了避免实例太多，知识断裂无序，会带你开发一个大的项目，把绝大部分小程序开发的知识和技术包括进去，同时将必须的基础知识，在课程中按从易到难的顺序，穿插项目讲解，相信会让你受益匪浅

课程目录

• 01-课程介绍
• 02-内容综述
• 03-小程序的特点及开发能力
• 04-新的一年，微信小程序开放了哪些新功能？
• 05-小程序运行机制简介从零构建一个WebApp需要做哪些事情？
• 06-开发环境配置创建你的第一个小程序项目
• 07-icon组件关于图标的4个实现方案
• 08-progress组件如何自定义实现一个环形进度条？
• 09-rich-text组件如何单击预览rich-text中的图片并保存？
• 10-view容器组件及Flex布局一个view如何实现所有常见的UI布局？（一）
• 11-view容器组件及Flex布局一个view如何实现所有常见的UI布局？（二）
• 12-可移动容器及可移动区域如何实现单条消息左滑删除功能？（一）
• 13-可移动容器及可移动区域：如何实现单条消息左滑删除功能？（二）
• 14-scroll-view介绍：在小程序中如何实现滚动锚定？
• 15-scroll-view介绍：如果渲染一个滚动的长列表？
• 16-滚动选择器：如何自定义省市区多级联动选择器？（一）
• 17-滚动选择器：如何自定义省市区多级联动选择器？（二）
• 23-live-player与live-pusher媒体组件：如何实现直播间功能？（二）
• 24-live-player与live-pusher媒体组件：如何实现直播间功能？（三）
• 25-live-player与live-pusher媒体组件：如何实现直播间功能？（四）
• 26-live-player与live-pusher媒体组件：如何实现直播间功能？（五）
• 27-live-player与live-pusher媒体组件：如何实现直播间功能？（六）
• 28-网页容器组件：如何实现免审核发布新的功能页面？（一）
• 29-网页容器组件：如何实现免审核发布新的功能页面？（二）
• 30-网页容器组件：如何实现免审核发布新的功能页面？（三）
• 31-网页容器组件：如何实现免审核发布新的功能页面？（四）
• 32-网页容器组件：如何实现免审核发布新的功能页面？（五）
• 33-web-view：如何实现免审核发布新的功能页面？（六）
• 34-web-view：如何实现免审核发布新的功能页面？（七）
• 35-web-view：如何实现免审核发布新的功能页面？（八）
• 36-web-view：如何实现免审核发布新的功能页面？（九）
• 37-WebGL介绍：如何在小程序中展示3D模型？（一）
• 38-WebGL介绍：如何在小程序中展示3D模型？（二）
• 39-WebGL介绍：如何在小程序中展示3D模型？（三）
• 40-WebGL介绍：如何在小程序中展示3D模型？（四）
• 41-WebGL介绍：如何在小程序中展示3D模型？（五）
• 42-WebGL介绍：如何在小程序中展示3D模型？（六）
• 43-WebGL介绍：如何在小程序中展示3D模型？（七）
• 44-WebGL介绍：如何在小程序中展示3D模型？（八）
• 45-WebGL介绍：如何在小程序中展示3D模型？（九）
• 46-WebGL介绍：如何在小程序中展示3D模型？（十）
• 47-WebGL介绍：如何在小程序中展示3D模型？（十一）
• 48-WebGL介绍：如何在小程序中展示3D模型？（十二）如何创建相机、场景及光源
• 49-WebGL介绍：如何在小程序中展示3D模型？（十三）创建加载器、渲染器与控制器，完成3D模型文件的加载与展示
• 50-网络接口简介：如何在小程序中封装we.request请求？（一）如何使用wx.request接口
• 51-网络接口简介：如何在小程序中封装we.request请求？（二）将登陆代码模块化封装
• 52-网络接口简介：如何在小程序中封装we.request请求？（三）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-前期留言集中答疑（二）
• 67-搭建UI框架（一）：如何基于Vant快速创建小程序页面？
• 68-搭建UI框架（二）：使用art-template模板引擎
• 69-搭建UI框架（三）：规整后端koa项目结构
• 70-用户登录（一）：创建与使用数据库
• 71-用户登录（二）：创建sessionKeymodel并完善用户登录
• 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-购物车页面：整合用户自动登陆功能
• 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-微信支付：测试支付确认接口是否可用
• 131-微信支付：在云服务器上部署测试代码与配置nginx
• 132-确认下单页：清空已经下单的购物车商品
• 133-微信支付：实现退款接口
• 134-微信支付：尝试使用weixin-pay调用统一下单接口准备支付参数
• 135-微信支付：解决weixin-pay退款失败的问题
• 136-微信支付：解决weixin-pay退款失败的问题
• 137-小微商户：申请帐号与支付测试
• 138-小微商户：试用小微商户
• 139-小微商户：实现下单接口
• 140-小微商户：在手机上测试支付功能
• 141-小微商户：解决商户ID不能为空等问题
• 142小微商户：实现支付结果回调的接口
• 143小微商户：实现退款接口
• 146微信认证：关于小程序公众号开放平台等帐号认证
• 147-服务号：网页授权的两种方式
• 148-云数据库：将线下数据库同步至线上
• 149-网页授权：通过测试号拉取用户信息
• 150-网页授权：在微信开发者工具中测试网页授权代码
• 151-测试：使用内网穿透服务ngrok
• 152-微页面：如何实现JS-SDK的初始化
• 153-云开发：创建第一个小程序云开发项目
• 154-云开发：创建第一个云开发环境
• 155-云开发：创建第一个云函数login
• 156-云函数：如何获取用户的openid
• 157-微信支付：基于云函数实现微信支付
• 158-云数据库：如何创建集合并实现数据的基本操作
• 159-云函数：如何在本地调试云函数
• 160-云数据库：如何在小程序中操作云数据库
• 161-TCB：小程序与公众号共享云环境
• 162-云开发：使用实时数据监听实现多端信息同步
• 163-云数据库与云存储：使用事务与图片的上传下载功能
• 164-云环境：通过安装扩展应用快速实现功能
• 165-广告：创建与展示Banner广告
• 166-广告：创建与使用视频激励广告
• 167-广告：使用封面广告与自定义模板广告
• 168-插件开发：关于微信小程序插件的基础介绍
• 169-插件开发：创建第一个插件项目
• 170-插件开发：实现“每日天气”第一个版本的功能
• 171-插件开发：插件的提交审核与使用
• 172-插件开发：实现第二个版本的功能“每日微报”
• 173-插件开发：在插件中调用云函数
• 174-订阅与通知：实现消息订阅功能
• 175-插件开发：转发插件内页面
• 176-在小程序中使用Vue：使用kbone创建同构项目
• 177-Webpack构建小程序项目的示例：支持原生混合开发与云开发
• 178-课程答疑：如何使用源码
• 179-课程回顾及结束语
• geektime-WeChat-Applets-master
• 课件和demo地址.txt