课程名称
随着小程序生态的逐渐形成，越来越多的人加入到小程序程序员的行列。本课程基于微信小程序的原生MINA框架，采用基础知识与项目实战相结合的方式，由浅入深地搞定从0基础入门所需的相关知识与技能。
课程分为两个模块：
模块一为小程序的基础部分，主要介绍小程序的前世今生、开发者工具、原生框架，模板语法、组件以及生命周期等；
模块二为小程序的电商实战项目，运用模块一的基础知识开发一款黑马优购电商。
课程目录
第一章 小程序基础
1-1 微信小程序介绍
1-2 小程序的环境准备
1-3 第一个微信小程序
1-4 微信开发者工具介绍
1-5 小程序的结构目录
1-6 小程序配置文件
全局配置文件-pages字段
全局配置文件-window字段
全局配置文件-tabbar字段
页面配置文件
sitmap配置
1-7 小程序模板语法
数据绑定前的代码编辑器技巧
数据绑定
运算
数组和对象循环
block标签的使用
条件渲染
1-8 小程序事件的绑定
事件绑定1
事件绑定2
1-9 小程序样式
样式-rpx
样式-导入
样式-选择器和使用less
wxss注释的写法
1-10 小程序常用组件
view和text标签
image图片标签
swiper-等比例计算swiper的高度
swiper-常见属性
navigator导航标签
rich-text富文本标签
button-外观样式
button的开放能力1
button的开放能力2
icon图标
radio单选框
checkbox复选框
1-11 小程序自定义组件
自定义组件的介绍
自定义组件的初体验
自定义组件-Tabs-样式优化
自定义组件-标题激活选中
自定义组件-父向子传递数据
自定义组件-子向父传递数据
自定义组件-slot
组件的其他属性
1-12 小程序的生命周期
应用生命周期
页面生命周期
第二章 小程序项目：黑马优购
2-1 项目预览
项目预览
2-2 项目的技术选型
项目的技术选型
2-3 项目搭建
项目搭建步骤一
项目搭建步骤二（引入iconfont）
项目搭建步骤三（搭建tabbar）
项目搭建步骤四-初始化页面样式
2-4 首页
首页-搜索框
首页-获取轮播图数据
首页-轮播图-动态渲染
将原生的请求修改为promise的方式
首页-分类导航
首页-楼层1
首页-楼层2
2-5 分类页面
分类-接口数据和页面效果的关系
分类-获取接口数据
分类-页面布局1
分类-页面布局2
分类-点击菜单切换商品内容
分类-使用缓存技术
分类-点击菜单-右侧列表置顶
优化接口代码-提取公共接口路径
优化接口-简化返回值和使用es7的async
2-6 商品列表页面
商品列表-获取分类id
商品列表-实现搜索框和tabs组件
商品列表-静态样式
商品列表-动态渲染
商品列表-加载下一页数据
商品列表-下拉刷新
添加全局的正在加载中图标效果
2-7 商品详情页面
商品详情-获取数据
商品详情-接口数据和页面分析
商品详情-轮播图动态渲染
商品详情-价格&名称&图文详情
商品详情-优化动态渲染
商品详情-放大预览图片
商品详情-底部工具栏
商品详情-加入购物车
2-8 购物车页面
购物车-购物车分析&收货按钮样式
购物车-收货地址分析
购物车-完整的获取收货地址流程
购物车-优化获取收货地址的代码
购物车-收货地址和按钮切换显示
购物车-购物车列表-静态样式
购物车-底部工具栏-静态结构
购物车-数据动态渲染
购物车-全选-数据展示
购物车-总价格和总数量
购物车-商品选中
购物车-全选-反选
购物车-商品数量编辑
购物车-商品删除
购物车-没有商品的状态提示
购物车-结算按钮功能
2-9 支付页面
支付-数据展示
支付-支付权限的分析
支付-订单创建分析
支付-获取用户token
支付-创建订单
支付-完成微信支付
支付-移除购物车已经支付的数据
封装统一的请求头到request方法中
登录-获取用户信息
2-10 个人中心页面
个人中心-背景展示
个人中心-历史足迹&我的订单-静态结构
个人中心-其他的静态结构
2-11 订单列表页面
订单查询-引入tabs组件
订单查询-获取订单接口数据
订单查询-动态修改订单标题
订单查询-页面动态渲染
2-12 收藏页
商品详情-页面加载获取收藏数据
商品详情-点击图标切换收藏
个人中心-显示收藏的商品数量
商品收藏-引入自定义tabs组件
商品收藏-页面动态渲染
2-13 搜索页面
搜索中心-静态页面
搜索中心-渲染搜索结果
搜索中心-防抖的实现
搜索中心-页面痕迹重置
2-14 意见反馈页面
意见反馈-引入tabs组件
意见反馈-静态结构
意见反馈-自定义图片组件
意见反馈-选择并显示图片
意见反馈-删除图片
意见反馈-提交功能
2-15 项目的优化和发布上线
首页-添加商品的跳转链接
项目发布
评论0