微信小程序入门与实战 常用组件API开发技巧项目实战
随着小程序生态的逐渐形成,小程序越来越多的出现在万千百姓的生活中,日活用户量高达两亿。门槛低、更易学、对个人开发者更加包容开放的特点也吸引了越来越多的人加入到“小程序程序员”的行列,尤其是解决“跨系统开发”这个难题之后,小程序也更多的吸引到了国内外更多的开发者。在本课程中,讲师带你从0开始构建一个功能齐整的小程序,跟进当前潮流技术点,先人一步实现小程序开发组件化。
【课程目录】 1-1 序:十几个小时的课程就这节最重要 1-2 升级重录说明(重要) 1-3 开篇及课程特色介绍 1-4 直观感受一下微信小程序 1-5 小程序适合做什么样的应用 1-6 对开发者的影响 1-7 学习基础 1-8 新版开发工具UI说明 1-9 新版小程序务必勾选“不校验TLS、HTTPS” 第2章 小程序环境搭建与开发工具介绍 小程序开发工具的下载与安装、微信Web开发者工具主要功能简介
2-1 小程序进阶——新课程指南 2-2 申请appid 试看 2-3 下载并安装微信开发者工具 试看 2-4 微信开发工具UI简介与小程序调试方法 试看 第3章 从一个简单的“欢迎“页面开始小程序之旅 完成第一个小程序页面,并学习小程序的基本目录与文件结构,View、Image、Text组件,RPX自适应单位,Flex弹性盒子模型、小程序基本配置项等知识。
3-1 本章内容简介 3-2 官方种子项目与小程序页面 3-3 应用程序级别文件 3-4 小程序的页面层级结构 3-5 新建welcome欢迎页面 3-6 我的第一个页面 3-7 认识小程序的rpx 3-8 使用flex(弹性盒子)快速布局 3-9 制作项目启动页之小程序app.json基础配置 3-10 章节扩展(可选观看1)移动端分辨率精讲 3-11 章节扩展(可选观看2)小程序的自适应单位RPX精讲 第4章 第二个页面:新闻阅读列表 使用Swiper组件、数据绑定、列表渲染等技术来构建新闻阅读页面,学习小程序Page的生命周期等知识。除此之外,还将简单介绍微信小程序账号与真机运行。
4-1 第四章课程简介 4-2 使用Swiper组件构建轮播图 4-3 Swiper组件属性设置 4-4 全局配置与页面配置 4-5 构建新闻列表(上) 4-6 构建新闻列表(下) 4-7 JS与小程序Page页面生命周期 4-8 数据绑定概念和基础 4-9 setData方法绑定数据 4-10 数据绑定的扩展用法 4-11 条件渲染与列表渲染 4-12 小程序的事件机制——捕捉与回调 4-13 小程序的事件机制——catch与bind 第5章 小程序的模板化与模块化 优化代码,使用require构建模块儿化的JavaScript代码以及使用template构建模板化小程序。感受在小程序中使用template的优势。
5-1 将业务中的数据分离到单独的数据文件中 5-2 使用require方法加载js模块儿文件 5-3 template模板的使用 5-4 关于新版自定义组件的说明 第6章 构建新闻详情页面 新闻详情页面包括音乐播放、文章收藏等功能。本节将讲解音乐播放器的用法,重点学习缓存、条件渲染及Toast、ActionSheet接口的使用。
6-1 从文章列表跳转到新闻详情页面(组件自定义属性及获取属性) 6-2 先静后动,构建新闻详情页面样式 6-3 配置全局导航栏颜色 6-4 使用数据填充新闻详情页面 6-5 缓存Storage的基本用法 6-6 文章缓存出错修复方案 6-7 使用缓存实现文章收藏功能 6-8 交互反馈 wx.showToast 6-9 操作反馈wx.showModal 6-10 交互反馈wx.showActionSheet 6-11 同步异步方法对比 6-12 playBackgroundAudio-音乐播放基本实现 6-13 加入不同的音乐,个性化音乐播放 6-14 修复音乐播放闪退的问题 6-15 监听播放事件完善音乐播放 6-16 应用程序生命周期 6-17 继续完善音乐播放 6-18 音乐播放最终章 6-19 真机如何清除缓存与template内路径问题 第7章 开始制作电影资讯页面 本章我们将调用服务器数据,编写电影资讯首页。包括正在热映、即将上映、top250三类电影数据的加载,进一步的深入使用template、学习使用wx.request加载服务器数据。
7-1 重要补充说明(关于API调用403) 7-2 Banner轮播图跳转文章详情 7-3 三种主要的路由API 7-4 给项目加入tab选项卡 7-5 完善tab选项卡 7-6 电影页面嵌套template分析 7-7 3个嵌套template标签的实现 7-8 stars template的样式实现 7-9 movie template的样式实现 7-10 movie-list template的样式实现 7-11 RESTful API简介及调用豆瓣API 7-12 获取正在热映、即将上映和Top250的数据 7-13 电影页面数据绑定(上) 7-14 电影页面数据绑定(下) 7-15 星星评分组件的实现 7-16 更换电影分类标题 第8章 更多电影及电影搜索页面的实现 完成更多电影页面及电影资讯检索页面,template模板将在本章被大量使用,可以充分体现模板化编程思想的重要性
8-1 更多电影页面的编写思路与电影类型获取 8-2 动态设置导航栏标题 8-3 更多电影页面加载数据 8-4 实现movie-grid template 8-5 实现上滑加载更多数据 8-6 设置loading状态 8-7 实现下拉刷新数据 8-8 backgroundColor 到底设置的是哪里的颜色 第9章 构建电影详情页面 除了完成以上页面,我们还将模拟常见APP的上滑加载更多和下拉刷新页面等操作,并学习Image组件的高级用法、如何与组件进行数据交互、Scroll-View组件用法等知识。
9-1 电影搜索页面构建(上) 9-2 电影搜索页面构建(下) 9-3 修复音乐播放完成后图标状态没有复位的bug 9-4 编写电影详情页面(上) 9-5 编写电影详情页面(下) 9-6 图片的缩放与裁剪 9-7 新版本更新后的补充章节 9-8 编写电影详情页面骨架 9-9 完成电影详情页面(上) 9-10 完成电影详情页面 (下) 9-11 小程序Q&A 第10章 Form表单类组件与Map地图组件 本章我们将聊聊我们没有在项目中用到的一些组件和API,包括Form表单的相关组件、Map地图组件
10-1 form之switch组件 10-2 form之slider组件 10-3 form之radio组件 10-4 form之checkbox组件 10-5 form表单提交 10-6 map组件 第11章 扩展内容ES6在小程序中的使用与微信小程序后台账号配置 我们将用ES6的Class和箭头函数改写部分小程序代码,并讲解微信小程序后台账号的配置方法。
11-1 小程序常见问题(非常重要) 11-2 小程序中的ES6 Class 11-3 使用Module和Class提取封装一个Movie对象 11-4 箭头函数、致谢与再见 第12章 0.15.152900 版本重要API、功能讲解 新版本重要解析、用户登录及获取用户信息接口解析、新增API解析以及常见误区解读
12-1 新版本重要特性总览 12-2 选择用户收货地址API 12-3 对login、getUserInfo等接口的改动与理解 12-4 用户设置界面与动态分享详解 12-5 场景值获取方式与应用举例 第13章 《纯正商业应用-微信小程序实战》进阶教程多章节试看1 为了避免同学们买到自己不需要的课程,特别申请了《纯正商业应用-微信小程序实战》这门课的多篇章内容试看,让同学们充分了解新课程后再决定是否购买。虽然是试看,但我也希望同学们能够从试看中学到知识。我尽可能保证试看章节的完整性,但很难保证绝对的完整,望大家理解。...
13-1 自定义组件样式探讨 一:hack方式 13-2 自定义样式探讨2:外部样式的概念 13-3 自定义组件样式3:外部样式的问题 13-4 自定义样式4:外部样式如何强制覆盖普通样式 第14章 《纯正商业应用-微信小程序实战》进阶教程多章节试看2 为了避免同学们买到自己不需要的课程,特别申请了《纯正商业应用-微信小程序实战》这门课的多篇章内容试看,让同学们充分了解新课程后再决定是否购买。虽然是试看,但我也希望同学们能够从试看中学到知识。我尽可能保证试看章节的完整性,但很难保证绝对的完整,望大家理解。...
14-1 分析换行符 不解析换行的原因 14-2 wxs的概念与应用1 14-3 wx的概念与应用2 14-4 wx的概念与应用3 14-5 在小程序中编写limit过滤器 【下载地址】 游客,本付费内容需要支付 10枚梦想币 才能浏览 加入论坛MVP!资源无需积分轻松下载!点击加入MVP支付
|