17666030540

网站建设 APP开发 小程序

KNOWLEDGE/知识

分享你我感悟

您当前位置>主页 > 知识 > 小程序 >

微信小程序课程教与学(教学大纲)

发表时间:2020-05-30 18:36

文章来源:快明科技

浏览次数:

扫码,优惠购书 

 

提供PPT课件,大纲,试卷,源码,1000分钟视频,软件

本书从基础知识开始逐步介绍微信小程序开发的相关知识,包括微信小程序组件、API以及示例代码;还介绍了游戏、云开发的应用;最后,介绍了21个项目;演示了微信小程序开发的全过程。本书内容由浅入深,文字通俗易懂,结合示例介绍各个知识点,可以帮助读者更好地理解、掌握微信小程序开发技术。



微信小程序开发实战(52课时版)


本教学大纲适合《微信小程序开发实战》,可以单独使用,也可以作为实验教材配合《微信小程序开发零基础入门》一书使用。


内容

章节

学习目标

课时

/难点

入门篇

1-2章)

1章微信小程序入门

l  掌握开发者账号注册、信息完善和成员管理;

l  掌握开发者工具的下载安装与登陆。

2


2章第一个小程序

l  学习使用快速启动模板创建小程序的方法;

l  学习不使用模板手动创建小程序的方法。

2

l  删除模块代码和文件的步骤

l  获取用户微信个人信息的步骤

基础篇

3-4章)

3章小程序框架

l  学习使用flex布局模型和wx:for属性创建列表布局小程序;

l  学习使用flex布局模型和wx:for属性创建九宫格布局小程序。

2

l  flex布局模型的原理

l  双重wx:for属性嵌套的应用

4章小程序组件·猜数字游戏

l  学习使用基础容器<view>

l  学习使用表单组件<form><input><button>等用法。

4

l  随机数的生成

l  表单的提交

l  首页菜单如何跳转不同的页面

应用篇

5-11章)

5章小程序网络API·天气查询

l  掌握服务器域名配置和临时服务器部署;

l  掌握wx.request接口的用法。

2

l  和风天气密钥key的申请

l  小程序管理员后台服务器域名配置

l  wx.request的用法

6章小程序媒体API·口述校史

l  掌握视频列表的切换方法;

l  掌握视频自动播放方法;

l  掌握视频随机颜色弹幕效果。

2

l  视频数据采集的工作

l  视频上下文的创建

l  视频的停止与播放

7章小程序文件API·电子书橱

l  掌握保存临时文件的方法;

l  掌握获取文件信息的方法;

l  掌握获取本地文件列表的方法;

l  掌握删除本地文件的方法;

l  掌握打开指定文档的方法。

2

l  临时服务器部署与电子书目录创建

l  根据服务器url地址下载文件

l  保存文件

l  打开指定路径地址的文档

8章小程序数据API·医疗急救卡

l  学习小程序表单系列组件用法;

l  学习本地数据存储和读取的方法;

l  学习拨打指定电话号码的用法。

2

l  表单组件picker的两种用法:日期选择器和自定义内容选择器

l  开关选择器switch的用法

l  多行文本框textarea的用法

l  本地数据存储和读取

l  打电话给指定号码

9章小程序位置API·会议邀请函

l  理解经纬度坐标的含义;

l  掌握获取位置的接口使用方法;

l  掌握查看位置的接口使用方法;

l  掌握地图组件控制的系列接口使用方法。

2

l  使用腾讯地图拾取器查找指定地点的坐标

l  地图组件map的应用

l  app.json中地理位置授权信息的填写

l  打开地图查看位置

10章小程序设备API·指南针

l  理解经纬度坐标的含义;

l  掌握罗盘接口的用法;

l  使用设备API制作指南针小程序。

2

l  获取罗盘角度

l  获取地理坐标经纬度和海拔高度

l  使用rotate属性旋转图片

11章小程序界面API·手绘时钟

l  掌握画布组件<canvas>的基础用法;

l  掌握绘制矩形、路径和文本的方法;

l  掌握颜色与样式的设置方法;

l  掌握setInterval函数的用法,设置每秒刷新画面。

2

l  创建画布上下文时需要绑定canvas-id

l  画笔可更改颜色、线条粗细等样式

l  可绘制矩形、线段或者圆弧

l  获取当前设备的时间

l  使用setInterval设置每秒刷新

游戏篇

12-14章)

12章小程序游戏·拼图游戏

l  综合应用所学知识创建完整拼图游戏项目;

l  熟练掌握<canvas>画布组件和绘图API

3

l  使用drawImage函数从原图剪裁指定位置的小图片并绘制到画布的指定位置

l  使用双重for循环显示所有图片

l  小方块打乱顺序的原理

l  小方块移动的原理

l  游戏成功监听

13章小程序游戏·推箱子游戏

l  综合应用所学知识创建完整推箱子游戏项目;

l  熟练掌握<canvas>画布组件和绘图API

3

l  使用二维数组制作游戏地图

l  使用双重for循环显示所有图片

l  人物移动原理

l  游戏成功监听

14章小程序游戏·贪吃蛇游戏

l  综合应用所学知识创建完整贪吃蛇游戏项目;

l  熟练掌握<canvas>画布组件和绘图API

3

l  贪吃蛇蛇身模型

l  食物模型

l  动画效果实现

l  碰撞检测

提高篇

15-18章)

15章小程序前端综合实例·基于模拟数据的高校新闻网

l  综合应用所学知识创建完整前端新闻小程序项目;

l   能够在开发过程中熟练掌握真机预览、调试等操作。

4

l  使用app.json配置带有tabBar的页面

l  公共js文件的引用

l   

16章小程序全栈开发·基于WAMP的高校新闻网改造

l  综合应用所学知识创建完整新闻小程序项目;

l   熟练掌握服务器部署、数据库搭建和接口的实现。

2

l  WAMP套件的部署和应用

l  Navicat的使用

l  接口的制作

17章小程序云开发·基于云数据库的高校新闻网改造

l  了解什么是云开发,掌握云开发开通步骤;

l  掌握创建云模板项目和老项目迁移步骤;

l  掌握云数据集创建和权限设定步骤;

l   掌握小程序前端与云数据库交互方法。

2

l  开通云开发环境

l  创建云模板项目并迁移老项目

l  云数据集创建与权限设置

l  读取云数据集中的指定条数的数据

l  根据新闻编号_id获取云数据集中指定的单条记录

18章小程序云开发·基于云存储的电子书橱改造

l  掌握云存储和云数据库的管理操作;

l  掌握小程序前端与云数据库交互的方法;

l  掌握小程序前端下载云文件的方法。

3

l  从云控制台上传文件到云存储中

l  云文件的下载

l  临时文件的保存

综合篇

19-20章)

19章小程序云开发·基于全套云能力的图片分享社区

l  综合应用小程序·云开发基础知识创建图片分享社区小程序;

l  掌握云数据集创建、云存储管理和云函数调用。

4

l  从小程序前端上传文件到云存储中

l  按照日期排序显示数据

l  下载图片到本地

l  自定义标题的分享功能

20章小程序UI组件库·基于Vant Weapp的生日管家

l  了解小程序自定义组件的概念;

l  掌握UI组件库Vant Weapp的下载和使用;

l   掌握小程序云开发中小程序端数据库的相关API

4

l  Vant Weapp的下载与部署

l  Vant Weapp官方文档的查看

l  第三方UI组件的应用

l  按照日期排序查询数据

l  根据关键词模糊查询



总计

52


 注:

l 基础入门时,第1-11章为必学内容,后续内容根据课时总数和侧重点可节选。

l 例如第12-14章均为游戏项目,用于了解画布的应用,可任选其一。

l 15章建议学习,与其相关的后续第1617章可以根据后端情况任选其一。

l 如学生原本就有一定的小程序开发基础,可以跳过第1-4章,直接学习后续内容。

l 如果已有基础,想重点学习云开发,请学习第171819章。


扫码,可以免费观看本书视频示范

 

如何获取图书配套课件等资源

在公众号“书圈”后台回复图书的书号(ISBN号,数字)



扫码,优惠购书 


提供PPT课件,源码,习题和答案,教学大纲,600分钟视频讲解,软件

本书是一本从零开始学习的微信小程序开发入门书,无需额外的基础。全书以项目驱动为宗旨,循序渐进、案例丰富,详细介绍了微信小程序的入门基础知识与使用技巧。


全书共分为12章,主要内容包括4个部分。第一部分是入门篇,包括第1章和第2章的内容,这两章介绍了小程序的由来、首次注册和创建项目流程;第二部分是基础篇,包括第3章和第4章的内容,这两章介绍了小程序框架和组件;第三部分是应用篇,包括第5~11章的内容,这7个章节分别讲解了微信小程序中网络API、媒体API、文件API、数据API、位置API、设备API、以及界面API的用法;第四部分是提高篇,包括第12章的内容,这一章节提供一个综合应用设计示例——高校新闻小程序的设计与实现,综合应用了全书所学知识,让读者所学即所用。全书包含完整例题应用110个,均在微信web开发者工具和真机中调试通过,并提供全套例题源代码、练习题和视频讲解。


本 书 视 频 赏 析


微信小程序开发零基础入门(30课时版)


本教学大纲适用于《微信小程序开发零基础入门》,适用于未曾学习过任何前置课程的班级。


《微信小程序开发项目实战》作为实验辅导教材。


内容

章节

学习目标

理论课时

上机课时

建议

入门篇

1-2章)

1章微信小程序入门

l  了解小程序的由来、功能和创建流程;

l  掌握开发者账号注册、信息完善和成员管理;

l  掌握开发者工具的下载安装与登陆;

l  熟悉其他辅助工具的使用。

1

1

上机实验:

《微信小程序开发零基础入门实战》

1章:小程序入门

1.       账号注册和信息完善

2.       开发者工具的使用

2章第一个小程序

l  熟悉小程序快速启动模板的创建方法;

l  理解小程序的目录结构和文件类型;

l  掌握小程序主体和页面JSON文件的属性配置;

l  掌握开发者工具的模拟器、编辑器和调试器的使用。

1

1

上机实验:

《微信小程序开发零基础入门实战》

2章:第一个微信小程序

1.       使用快速模板创建小程序

2.       手动创建小程序

基础篇

3-4章)

3章小程序框架

l  掌握注册程序和页面的相关函数用法;

l  掌握页面路由的方式和模块化用法;

l  掌握WXML的数据绑定、列表/条件渲染、模板、事件和引用;

l  掌握WXSS的尺寸单位、使用方式和选择器用法;

l  了解Flex布局的基本概念;

l  掌握Flex布局中的容器属性和项目属性。(可节选)

2

2

上机实验:

练习WXML的数据绑定、列表/列表/条件渲染、模板、事件和引用;

《微信小程序开发零基础入门实战》

3章:小程序框架(任选其一)

1.       Flex布局练习——列表

2.       Flex布局练习——九宫格

4章小程序组件

l  理解什么是小程序组件;

l  掌握小程序视图容器组件的用法;(可节选view

l  掌握小程序基础内容组件的用法;

l  掌握小程序表单组件的用法;(可节选常用组件)

l  掌握小程序导航组件的用法;

l  掌握小程序媒体组件的用法;

l  掌握小程序地图组件的用法;

l  掌握小程序画布组件的用法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

4章:小程序组件

猜数字小游戏

应用篇

5-11章)

5章小程序网络API

l  了解小程序/服务器架构;

l  掌握服务器域名配置和临时服务器部署;

l  掌握wx.request接口的用法;

l  掌握wx.uploadFilewx.downFile接口的用法。

1

1

上机实验:

《微信小程序开发零基础入门实战》

5章:小程序网络API

实况天气预报小程序

6章小程序媒体API

l  掌握图片的选择、预览、信息获取和保存的用法;

l  掌握录音管理器的用法;(可节选)

l  掌握背景音频管理和音频组件控制的用法;

l  掌握视频的选择、保存和组件控制的用法;

l  掌握相机管理器的用法。(可节选)

1

1

上机实验:

《微信小程序开发零基础入门实战》

6章:小程序媒体API

口述校史视频小程序

7章小程序文件API

l  掌握保存临时文件的方法;

l  掌握获取文件信息的方法;

l  掌握获取本地文件列表的方法;

l  掌握获取本地文件信息的方法;

l  掌握删除本地文件的方法;

l  掌握打开指定文档的方法。

1

1

上机实验:

《微信小程序开发零基础入门实战》

7章:小程序文件API

我的书橱小程序

8章小程序数据API

l  了解小程序本地缓存的概念;

l  掌握数据存储相关接口的用法;

l  掌握数据获取相关接口的用法;

l  掌握存储信息获取相关接口的用法;

l  掌握数据删除相关接口的用法;

l  掌握数据清空相关接口的用法。

1

1

上机实验:

《微信小程序开发零基础入门实战》

8章:小程序数据API

医疗急救卡小程序

9章小程序位置API

l  理解经纬度坐标的含义;

l  了解坐标类别wgs84gcj02的区别;

l  掌握获取位置的接口使用方法;

l  掌握查看位置的接口使用方法;

l  掌握地图组件控制的系列接口使用方法。(可节选)

1

1

上机实验:

《微信小程序开发零基础入门实战》

9章:小程序位置API

会议邀请函小程序

10章小程序设备API

l  掌握系统信息获取和兼容性判断的接口用法;

l  掌握网络状态和Wi-Fi管理的接口用法;

l  掌握罗盘和加速度计的接口用法;

l  掌握用户截屏、扫码、剪贴/粘贴和通话的接口用法;

l  掌握手机内存、屏幕亮度和振动管理的接口用法。

1

1

上机实验:

《微信小程序开发零基础入门实战》

10章:小程序设备API

指南针小程序

11章小程序界面API

l  掌握提示框、模态弹窗和操作菜单的用法;

l  掌握导航条的标题、动画和颜色设置;

l  掌握tabBar的各类样式设置;

l  掌握页面导航的5种切换方法;

l  掌握动画的声明、描述和导出步骤;

l  掌握页面位置的返回功能;

l  掌握在画布中绘制图像、设置样式、变形、剪裁以及图片导出等功能;(可节选)

l  掌握下拉刷新的启动、监听和停止方法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

11章:小程序界面API

手绘电子时钟小程序

提高篇

(12)

综合应用设计实例(高校新闻网小程序)

l  综合应用所学知识创建完整新闻小程序项目;

l  能够在开发过程中熟练掌握真机预览、调试等操作。

0

2

上机实验:

《微信小程序开发零基础入门实战》

15章:综合应用设计实例

基于模拟数据的高校新闻网小程序



总计

15

15


 

 

微信小程序开发零基础入门(60课时版)


本教学大纲适用于《微信小程序开发零基础入门》,适用于未曾学习过任何前置课程的班级。


《微信小程序开发项目实战》作为实验辅导教材。


内容

章节

学习目标

理论课时

上机课时

建议

入门篇

1-2章)

1章微信小程序入门

l  了解小程序的由来、功能和创建流程;

l  掌握开发者账号注册、信息完善和成员管理;

l  掌握开发者工具的下载安装与登陆;

l  熟悉其他辅助工具的使用。

2

2

上机实验:

《微信小程序开发零基础入门实战》

1章:小程序入门

1.       账号注册和信息完善

2.       开发者工具的使用

2章第一个小程序

l  熟悉小程序快速启动模板的创建方法;

l  理解小程序的目录结构和文件类型;

l  掌握小程序主体和页面JSON文件的属性配置;

l  掌握开发者工具的模拟器、编辑器和调试器的使用。

2

2

上机实验:

《微信小程序开发零基础入门实战》

2章:第一个微信小程序

1.       使用快速模板创建小程序

2.       手动创建小程序

基础篇

3-4章)

3章小程序框架

l  掌握注册程序和页面的相关函数用法;

l  掌握页面路由的方式和模块化用法;

l  掌握WXML的数据绑定、列表/条件渲染、模板、事件和引用;

l  掌握WXSS的尺寸单位、使用方式和选择器用法;

l  了解Flex布局的基本概念;

l  掌握Flex布局中的容器属性和项目属性。

4

4

上机实验:

练习WXML的数据绑定、列表/列表/条件渲染、模板、事件和引用;

《微信小程序开发零基础入门实战》

3章:小程序框架

1.       Flex布局练习——列表

2.       Flex布局练习——九宫格

4章小程序组件

l  理解什么是小程序组件;

l  掌握小程序视图容器组件的用法;

l  掌握小程序基础内容组件的用法;

l  掌握小程序表单组件的用法;

l  掌握小程序导航组件的用法;

l  掌握小程序媒体组件的用法;

l  掌握小程序地图组件的用法;

l  掌握小程序画布组件的用法。

4

4

上机实验:

《微信小程序开发零基础入门实战》

4章:小程序组件

猜数字小游戏

应用篇

5-11章)

5章小程序网络API

l  了解小程序/服务器架构;

l  掌握服务器域名配置和临时服务器部署;

l  掌握wx.request接口的用法;

l  掌握wx.uploadFilewx.downFile接口的用法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

5章:小程序网络API

实况天气预报小程序

6章小程序媒体API

l  掌握图片的选择、预览、信息获取和保存的用法;

l  掌握录音管理器的用法;

l  掌握背景音频管理和音频组件控制的用法;

l  掌握视频的选择、保存和组件控制的用法;

l  掌握相机管理器的用法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

6章:小程序媒体API

口述校史视频小程序

7章小程序文件API

l  掌握保存临时文件的方法;

l  掌握获取文件信息的方法;

l  掌握获取本地文件列表的方法;

l  掌握获取本地文件信息的方法;

l  掌握删除本地文件的方法;

l  掌握打开指定文档的方法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

7章:小程序文件API

我的书橱小程序

8章小程序数据API

l  了解小程序本地缓存的概念;

l  掌握数据存储相关接口的用法;

l  掌握数据获取相关接口的用法;

l  掌握存储信息获取相关接口的用法;

l  掌握数据删除相关接口的用法;

l  掌握数据清空相关接口的用法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

8章:小程序数据API

医疗急救卡小程序

9章小程序位置API

l  理解经纬度坐标的含义;

l  了解坐标类别wgs84gcj02的区别;

l  掌握获取位置的接口使用方法;

l  掌握查看位置的接口使用方法;

l  掌握地图组件控制的系列接口使用方法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

9章:小程序位置API

会议邀请函小程序

10章小程序设备API

l  掌握系统信息获取和兼容性判断的接口用法;

l  掌握网络状态和Wi-Fi管理的接口用法;

l  掌握罗盘和加速度计的接口用法;

l  掌握用户截屏、扫码、剪贴/粘贴和通话的接口用法;

l  掌握手机内存、屏幕亮度和振动管理的接口用法。

2

2

上机实验:

《微信小程序开发零基础入门实战》

10章:小程序设备API

指南针小程序

11章小程序界面API

l  掌握提示框、模态弹窗和操作菜单的用法;

l  掌握导航条的标题、动画和颜色设置;

l  掌握tabBar的各类样式设置;

l  掌握页面导航的5种切换方法;

l  掌握动画的声明、描述和导出步骤;

l  掌握页面位置的返回功能;

l  掌握在画布中绘制图像、设置样式、变形、剪裁以及图片导出等功能;

l  掌握下拉刷新的启动、监听和停止方法。

4

4

上机实验:

《微信小程序开发零基础入门实战》

11章:小程序界面API

手绘电子时钟小程序

提高篇

综合应用设计实例(高校新闻网小程序)

l  综合应用所学知识创建完整新闻小程序项目;

l  能够在开发过程中熟练掌握真机预览、调试等操作。

2

2

上机实验:

《微信小程序开发零基础入门实战》

15章:综合应用设计实例

基于模拟数据的高校新闻网小程序

注:实战一书在原有基础上追加了服务器后端的设计与实现部分(第16章)以及云开发的后端实现部分(第17章),可以根据学生的实际学习情况酌情考虑是否需要此部分内容



总计

30

30


 

注:如果是30课时纯理论版或纯上机实验版,可以直接从该大纲中节选对应的内容安排课程。

 


  • 购  书  福  利


  • 【1】如果你在京东购买了本书,请将订单评价截图发到邮箱itbook8@163.com

  • 【2】符合条件的,都可以免费获取额外赠送的大量视频、商业项目源码等资源(如下图)。


 






点击【阅读原文】,查看80门课程教学大纲

本文由快明科技整理发布,如需转载请联系852657156@qq.com

相关案例查看更多