头像

微信小程序入门与实战-实现电影资讯项目

2019-11-11 23:31:50 收藏 来源:it素材网   浏览(184)   评论 ( 0 )   

微信小程序入门与实战-实现电影资讯项目
随着小程序生态的逐渐形成,小程序越来越多的出现在万千百姓的生活中,日活用户量高达两亿。门槛低、更易学、对个人开发者更加包容开放的特点也吸引了越来越多的人加入到“小程序程序员”的行列,尤其是解决“跨系统开发”这个难题之后,小程序也更多的吸引到
查看演示 下载资源:6 下载资源 下载积分:60

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

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

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


标签: 微信小程序
声明:转载请注明来源(it素材网)并保留原文链接:https://www.itsucai.com/xiaochengxu/171.html
评论0

后面还有条评论,点击查看>>

系统已开启自动识别垃圾评论机制,识别到的自动封号!!!