微信小程序入门与实战常用组件API开发技巧项目实战

课程标题:微信小程序入门与实战 常用组件API开发技巧项目实战课程链接:https://coding.imooc.com/class/75.html课程简介:小程序官方正式公告,开放了更多的入口,个人开发者可以申请注册,公众号菜单 ...

Posted by northpark · on 2018-07-27

课程标题:

微信小程序入门与实战  常用组件API开发技巧项目实战
https://coding.imooc.com/class/75.html

课程简介:

小程序官方正式公告,开放了更多的入口,个人开发者可以申请注册,公众号菜单可以直接点开,移动App可以直接分享,小程序越来越开放了!别犹豫该不该学小程序开发,在你犹豫的时候,别人的小程序已经开发好了!

难度 初级 · 时长 14小时39分钟 · 学习人数 13617 · 综合评分 9.94分**

第1章 什么是微信小程序?

介绍小程序的特点与适用场景、对开发者的影响以及课程特色
1-1 序:十几个小时的课程就这节最重要
1-2 开篇及课程特色介绍
1-3 直观感受一下微信小程序
1-4 小程序适合做什么样的应用
1-5 对开发者的影响
1-6 学习基础
1-7 小作业

第2章 小程序环境搭建与开发工具介绍

小程序开发工具的下载与安装、微信Web开发者工具主要功能简介
2-1 申请appid
2-2 下载并安装微信开发者工具
2-3 微信开发工具UI简介与小程序调试方法

第3章 从一个简单的“欢迎“页面开始小程序之旅

完成第一个小程序页面,并学习小程序的基本目录与文件结构,View、Image、Text组件,RPX自适应单位,Flex弹性盒子模型、小程序基本配置项等知识。
3-1 本章内容简介
3-2 官方种子项目介绍与小程序的文件结构
3-3 新建我们自己的项目:ReaderMovie
3-4 开始制作项目启动页(如果出现错误,请参考 3-10 扩展)
3-5 制作项目启动页(上)之自适应单位:RPX
3-6 制作项目启动页(中)之样式与弹性盒子模型
3-7 制作项目启动页(下)之小程序app.json基础配置
3-8 章节扩展(可选观看1)移动端分辨率精讲
3-9 章节扩展(可选观看2)小程序的自适应单位RPX精讲
3-10 章节扩展(可选观看3)container样式无效或提示未正确调用Page的同学看这里

第4章 第二个页面:新闻阅读列表

使用Swiper组件、数据绑定、列表渲染等技术来构建新闻阅读页面,学习小程序Page的生命周期等知识。除此之外,还将简单介绍微信小程序账号与真机运行。
4-1 第四章课程简介
4-2 真机运行小程序及小程序开发者后台简介
4-3 使用Swiper组件构建轮播图
4-4 构建新闻列表(上)
4-5 构建新闻列表(下)
4-6 js文件结构与Page页面的生命周期
4-7 {{数据绑定}}基础
4-8 {{数据绑定}}扩展
4-9 使用列表渲染wx-for改写新闻列表
4-10 小程序的事件机制(冒泡与非冒泡)上
4-11 小程序的事件机制(冒泡与非冒泡)下

第5章 小程序的模板化与模块化

优化代码,使用require构建模块儿化的JavaScript代码以及使用template构建模板化小程序。感受在小程序中使用template的优势。
5-1 将业务中的数据分离到单独的数据文件中
5-2 使用require方法加载js模块儿文件
5-3 template模板的使用

第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 补充内容:tab选项卡课前准备
7-4 给项目加入tab选项卡
7-5 完善tab选项卡
7-6 补充内容:为什么redirectTo不出现选项卡
7-7 电影页面嵌套template分析
7-8 3个嵌套template标签的实现
7-9 stars template的样式实现
7-10 movie template的样式实现
7-11 movie-list template的样式实现
7-12 RESTful API简介及调用豆瓣API
7-13 获取正在热映、即将上映和Top250的数据
7-14 电影页面数据绑定(上)
7-15 电影页面数据绑定(下)
7-16 星星评分组件的实现
7-17 更换电影分类标题

第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 tabbar的图片路径不要使用绝对路径
9-4 修复音乐播放完成后图标状态没有复位的bug
9-5 编写电影详情页面(上)
9-6 编写电影详情页面(下)
9-7 图片的缩放与裁剪
9-8 新版本更新后的补充章节
9-9 编写电影详情页面骨架
9-10 完成电影详情页面(上)
9-11 完成电影详情页面 (下)
9-12 小程序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 场景值获取方式与应用举例