吾爱编程

标题: 微信小程序入门与实战-实现电影资讯项目 [打印本页]

作者: admin 时间: 2019-6-11 21:00
标题: 微信小程序入门与实战-实现电影资讯项目

随着小程序生态的逐渐形成，小程序越来越多的出现在万千百姓的生活中，日活用户量高达两亿。门槛低、更易学、对个人开发者更加包容开放的特点也吸引了越来越多的人加入到“小程序程序员”的行列，尤其是解决“跨系统开发”这个难题之后，小程序也更多的吸引到了国内外更多的开发者。不管你想不想做，小程序都已是市场刚性需求！

为什么更多的人在学习微信小程序？因为它具有：

1.带来更多就业机会，发展空间广阔：小程序开发已成为新兴职位，甚至很多专门的“小程序员”诞生，小程序应用覆盖游戏、信息流应用、电商、O2O等各种行业...

2.突破限制塑造全新开发生态：荣获第五届世界互联网大会“世界互联网领先科技成果”对小程序开发者来说，更是一支有力的强心针，打破了过去受限的开发环境，构建出一个
新的开发环境和开发者生态，为“跨系统开发”给出解决方案。

3.小程序方便好用：不像传统App那样需要高成本和大内存，甚至有望取代App，不用安装用完就走，不占手机内存，节省时间流量。

在本课程中，不怕你对前端不熟悉，开发小程序不需要学习AngularJS、Vue或React等复杂的前端框架及类库，学习曲线相当的平滑，通过小程序入门前端，再反向学习其它前端框架，对于0基础开发者或想进军前端的开发者是一条非常好的捷径

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

经典编程思想，课程不仅仅讲解小程序开发，更会通过实际的编码来传递一些编程的经典思想，例如，组件式开发、重构、复用等，让你学会举一反三。
快速学会新技术，新技术缺少材料、案例、教程，但为什么有的开发者就能第一时间快速上手，还能做出不错的项目呢？通过这门课程的学习，你也可以掌握这种能力

适合人群：
有一定JavaScript和CSS基础，不需要你精通JavaScript和CSS，了解JavaScript和CSS的基本语法即可。

技术储备要求：
JavaScript和CSS基础，有兴趣开发小程序的都可以学习

【课程内容】

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

介绍小程序的特点与适用场景、对开发者的影响以及课程特色！七月老师小程序进阶课《纯正商业应用——微信小程序实战》与《微信小程序商城构建全栈应用》已上线，全面进阶小程序！

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

【下载地址】

作者: mousefat 时间: 2019-6-12 08:47
不管你信不信，反正我是信了。支持吾爱编程网！

作者: china_wenya 时间: 2019-6-12 09:32
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: jie305998 时间: 2019-6-12 21:28
膜拜神贴，后面的请保持队形~支持吾爱编程网！

作者: jacks 时间: 2019-6-12 22:22
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: keke12300 时间: 2019-6-12 22:25
不错不错，再看看

作者: coffeebeansyy 时间: 2019-6-12 22:52
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: king_hua 时间: 2019-6-13 11:27
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: leonbaichi 时间: 2019-6-13 21:51
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: gogogogl 时间: 2019-6-14 11:35
啥也不说了，楼主就是给力！支持吾爱编程网！

作者: silent 时间: 2019-6-14 17:19
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: 九五之尊 时间: 2019-6-15 16:04
不管你信不信，反正我是信了。支持吾爱编程网！

作者: zbx931197485 时间: 2019-6-17 09:34
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: 2370372168 时间: 2019-6-20 00:15
微信小程序入门与实战-实现电影资讯项目

作者: chenliuyangyan 时间: 2019-7-12 22:58
不管你信不信，反正我是信了。支持吾爱编程网！

作者: 今晚打老虎233 时间: 2019-7-16 21:42
不管你信不信，反正我是信了。支持吾爱编程网！

作者: saroni 时间: 2019-8-23 15:56
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: SkyKing 时间: 2019-8-30 10:56

不管你信不信，反正我是信了。支持吾爱编程网！

作者: failureone 时间: 2019-9-8 19:40
RE: 微信小程序入门与实战-实现电影资讯项目 [修改]
高级模式

作者: huazi 时间: 2019-11-11 23:38
微信小程序入门与实战-实现电影资讯项目

作者: happycc 时间: 2019-12-4 10:15
不管你信不信，反正我是信了。支持吾爱编程网！

作者: snipe 时间: 2020-1-20 21:47
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: pudi2018 时间: 2020-2-14 18:50
微信小程序入门与实战-实现电影资讯项目 [

作者: kdzhao 时间: 2020-3-19 21:27
不管你信不信，反正我是信了。支持吾爱编程网！

作者: changwu 时间: 2020-3-22 10:08
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: lee9156 时间: 2020-4-8 20:54
谢谢分享~~~~~

作者: a1290565546 时间: 2020-4-16 19:07
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: yinpo 时间: 2020-4-19 00:12
不管你信不信，反正我是信了。支持吾爱编程网！

作者: ping 时间: 2020-5-6 23:50
不管你信不信，反正我是信了。支持吾爱编程网！

作者: syq 时间: 2020-5-7 15:45
66666666666

作者: xuyuequn 时间: 2020-6-13 18:01
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: kuangrengg100 时间: 2020-10-28 21:15
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: wabcWABC111 时间: 2020-11-1 20:46
看了LZ的帖子，我只想说一句很好很强大！支持吾爱编程网！

作者: henry_it 时间: 2021-11-26 22:53
不管你信不信，反正我是信了。支持吾爱编程网！

作者: fn573675465 时间: 2021-12-14 17:49
哥顶的不是帖子，是寂寞！支持吾爱编程网！

作者: qintemple 时间: 2022-1-9 10:23
8888888

作者: sensor2020 时间: 2023-5-23 15:18
不管你信不信，反正我是信了。支持吾爱编程网！

欢迎光临吾爱编程 (http://www.52pg.net/)