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

老鱼

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

课程介绍：

开发小程序不需要学习AngularJS、Vue或React等复杂的前端框架及类库，学习曲线相当的平滑。通过小程序入门前端，再反向学习其它前端框架，对于0基础开发者或想进军前端的开发者是一条非常好的捷径。这套视频教程是我最喜欢的一套， 因为从基础到实战真的讲的非常详细。 是一个很实用的教程， 并且讲师的声音也是超级好听哦！

学习小程序开发，实际是学“MINA”框架
学习微信小程序，不是学习JavaScript也不是学习CSS，而是学习小程序的“MINA”框架。这个框架为小程序的运行提供了丰富的组件和API。通过本课程一系列实战，你将学会和掌握小程序的框架结构、数据绑定机制、模板、数据缓存、常用组件和API等相关知识。

上手就是实战
开始就以项目为出发点，不会讲一大堆枯燥的语法再补充两个案例了事，将带你快速熟悉小程序基础知识，然后直接进入实战开发环节，将小程序的知识点贯穿在整个项目中

经典编程思想
课程不仅仅讲解小程序开发，更会通过实际的编码来传递一些编程的经典思想，例如，组件式开发、重构、复用等，让你学会举一反三

快速学会新技术
新技术缺少材料、案例、教程，但为什么有的开发者就能第一时间快速上手，还能做出不错的项目呢？通过这门课程的学习，你也可以掌握这种能力！

学习小程序开发，实际是学“MINA”框架
学习微信小程序，不是学习JavaScript也不是学习CSS，而是学习小程序的“MINA”框架。这个框架为小程序的运行提供了丰富的组件和API。通过本课程一系列实战，你将学会和掌握小程序的框架结构、数据绑定机制、模板、数据缓存、常用组件和API等相关知识

我们做一个集阅读与电影于一体的小程序
“阅读”是一个类似于“知乎”的文章阅读器，用户在这里可以阅读文章或听音乐
“电影”是一个查看最新电影资讯的地方。在这里可以查看到“正在上映”、“即将上映”和“Top250”的电影资讯

怎么在实际开发中学会小程序开发
1、静态启动页面

目录结构、文件类型
自适应单位rpx
弹性盒子布局
View、Image组件的应用

2、构建新闻列表页

配置文件、Swiper组件
Page页面的生命周期、数据绑定
数据缓存与列表渲染
template模板化编程

3、构建新闻详情页

音乐播放
状态栏通知
操作菜单等组件和API的用法

4、构建电影影讯页
及电影详情页

调用真实网络数据填充
请求服务器数据
模块儿化编程
上滑加载数据、下拉刷新数据
Image组件的高级用法

5、小程序公众号
后台配置

绑定开发者微信
配置服务器地址等

6、课程扩展知识点

ES6－Class编写面向对象JS代码
ES6－"箭头=>"定义函数
Form表单类组件讲解
Map地图组件及地理位置API
小程序里使用less和sass

学会“小程序”开发能干什么？
各公司对小程序开发者的招聘已经启动！
正准备抢滩红利的创业者已经率先行动！
众多独立开发者摩拳擦掌已经蠢蠢欲动！
未来的世界风起云动, 难道你就一动不动？

适合人群及技术储备要求
有一定JavaScript和CSS基础，不需要你精通JavaScript和CSS
了解JavaScript和CSS的基本语法即可

学员评价：
1、这门课讲的确实不错，我都点怀疑是不是微信小程序团队的开发人员，或者就是张小龙本人！！！哈哈，点个赞，想学小程序，这门课无疑是最好的选择

2、老师讲得很细腻，要听完一遍了，感觉老师是在用心教学，他不单单只是为了完成这个课程，更是在给我们讲人生，因为程序或许只是我们生活中的一部分，但是学编程就像是在学生活，bug在鼓励我们不要放弃他。

3、在慕课网看了这么多课程，最喜欢的老师，没有之一，授之以渔，不是授之以鱼。专门买了老师的书，结合起来看，很详细，避免了很多弯路。

课程目录：

第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 箭头函数、致谢与再见

微信小程序入门与实战 常用组件API开发技巧项目实战
百度云下载地址：
版权原因，该课程暂停下载，如有问题，可直接联系老鱼QQ

chpanda2012

要好多金币嘛

zswk

过来瞅瞅~

heshou008

感谢分享

myhappyworld

途鸟，我的好朋友

happyslamdunk

非常实用！！！！

jackdown

确实是难得好帖啊，顶先

hnzg1998

感谢感谢

敲代码的张先森

听过这个老师的课程，很赞！

逸楠

啥也不说了，感谢途鸟吧分享哇！