职业技术学院《微信小程序开发》课程教学大纲

PAGE1PAGE1XXXX职业学院《微信小程序开发》课程教学大纲课程英文名称：适用专业：大数据技术、软件技术课程性质：考查课学分：3总学时：48讲课学时：16实验/上机学时：32课程编号：编写：王宇翔审核：日期：202X0301一、本课程教学目的和任务《微信小程序开发》课程是微信小程序诞生之后产生的一门前沿新技术课程。该课程是一门非常重要的技术性课程，是计算机专业软件开发不可以缺少的技术模块，同时该课程对学生职业素质的培养、创新思维的培养和职业能力的培养具有实践指导作用。课程重点强调学生对微信小程序框架的掌握，对组件的应用，对API的掌握，对高级接口后端的掌握，对小程序云开发的掌握。通过对本课程的学习，能够让学生掌握移动应用开发的一门新技术，适用新环境下用人单位的需求。二、本课程的目标认知目标：通过本课程的学习，使学生了解小程序的诞生的意义、特点和应用前景；了解微信、百度和支付宝三大小程序平台的共同点；理解小程序项目结构，HTML、JavaScript、css与小程序的关系；理解小程序的框架结构；理解小程序组件的概念；理解小程序页面样式的概念；理解小程序布局方法；了解小程序常用的接口分类，掌握常见的接口；理解支付、模板等高级接口前后端的分工；理解云开发的意义。 技能目标：通过本课程的学习，使学生掌握微信小程序的开发工具的安装和调试使用；能把自己开发的小程序发布到微信平台；熟练掌握小程序生命周期函数、数据绑定和渲染等基础技术；能灵活使用小程序组件；能在wxss中设计页面样式；能在页面布局中使用box模型、传统布局和flex布局；能使用JavaScript技术来实现事件操作和常见的交互；使用wx.request网络接口调用第三方接口和自编接口的能力；掌握websocket和文件上传下载的网络接口的能力；掌握常见的媒体和设备接口；掌握常见的交互和开放接口；掌握云开发中云存储、云函数和云数据库；能独立完成中小型小程序项目的能力。 情感目标：通过本课程的学习，使学生在掌握小程序项目开发基本流程的同时，了解最新的设计开发模式，项目分工等概念，为学生后期团队合作进行真实项目开发做出很好的铺垫。三、本课程与其他课程的关系1、先修课程：《web开发基础和JavaScript程序设计》、2、相关课程：《HTML5开发基础与轻量级前端框架》、《web数据交互技术及响应式开发技术》四、课程内容内容章节学习目标建议入门篇（1-2章）第1章微信小程序入门了解小程序的由来、功能和创建流程；掌握开发者账号注册、信息完善和成员管理；掌握开发者工具的下载安装与登陆；熟悉其他辅助工具的使用。上机实验：《微信小程序开发零基础入门实战》第1章：小程序入门账号注册和信息完善开发者工具的使用第2章第一个小程序熟悉小程序快速启动模板的创建方法；理解小程序的目录结构和文件类型；掌握小程序主体和页面JSON文件的属性配置；掌握开发者工具的模拟器、编辑器和调试器的使用。上机实验：《微信小程序开发零基础入门实战》第2章：第一个微信小程序使用快速模板创建小程序手动创建小程序基础篇（3-4章）第3章小程序框架掌握注册程序和页面的相关函数用法；掌握页面路由的方式和模块化用法；掌握WXML的数据绑定、列表/条件渲染、模板、事件和引用；掌握WXSS的尺寸单位、使用方式和选择器用法；了解Flex布局的基本概念；掌握Flex布局中的容器属性和项目属性。上机实验：练习WXML的数据绑定、列表/列表/条件渲染、模板、事件和引用；《微信小程序开发零基础入门实战》第3章：小程序框架Flex布局练习——列表Flex布局练习——九宫格第4章小程序组件理解什么是小程序组件；掌握小程序视图容器组件的用法；掌握小程序基础内容组件的用法；掌握小程序表单组件的用法；掌握小程序导航组件的用法；掌握小程序媒体组件的用法；掌握小程序地图组件的用法；掌握小程序画布组件的用法。上机实验：《微信小程序开发零基础入门实战》第4章：小程序组件猜数字小游戏应用篇（5-11章）第5章小程序网络API了解小程序/服务器架构；掌握服务器域名配置和临时服务器部署；掌握wx.request接口的用法；掌握wx.uploadFile和wx.downFile接口的用法。上机实验：《微信小程序开发零基础入门实战》第5章：小程序网络API实况天气预报小程序第6章小程序媒体API掌握图片的选择、预览、信息获取和保存的用法；掌握录音管理器的用法；掌握背景音频管理和音频组件控制的用法；掌握视频的选择、保存和组件控制的用法；掌握相机管理器的用法。上机实验：《微信小程序开发零基础入门实战》第6章：小程序媒体API口述校史视频小程序第7章小程序文件API掌握保存临时文件的方法；掌握获取文件信息的方法；掌握获取本地文件列表的方法；掌握获取本地文件信息的方法；掌握删除本地文件的方法；掌握打开指定文档的方法。上机实验：《微信小程序开发零基础入门实战》第7章：小程序文件API我的书橱小程序第8章小程序数据API了解小程序本地缓存的概念；掌握数据存储相关接口的用法；掌握数据获取相关接口的用法；掌握存储信息获取相关接口的用法；掌握数据删除相关接口的用法；掌握数据清空相关接口的用法。上机实验：《微信小程序开发零基础入门实战》第8章：小程序数据API医疗急救卡小程序第9章小程序位置API理解经纬度坐标的含义；了解坐标类别wgs84和gcj02的区别；掌握获取位置的接口使用方法；掌握查看位置的接口使用方法；掌握地图组件控制的系列接口使用方法。上机实验：《微信小程序开发零基础入门实战》第9章：小程序位置API会议邀请函小程序第10章小程序设备API掌握系统信息获取和兼容性判断的接口用法；掌握网络状态和Wi-Fi管理的接口用法；掌握罗盘和加速度计的接口用法；掌握用户截屏、扫码、剪贴/粘贴和通话的接口用法；掌握手机内存、屏幕亮度和振动管理的接口用法。上机实验：《微信小程序开发零基础入门实战》第10章：小程序设备API指南针小程序第11章小程序界面API掌握提示框、模态弹窗和操作菜单的用法；掌握导航条的标题、动画和颜色设置；掌握tabBar的各类样式设置；掌握页面导航的5种切换方法；掌握动画的声明、描述和导出步骤；掌握页面位置的返回功能；掌握在画布中绘制图像、设置样式、变形、剪裁以及图片导出等功能；掌握下拉刷新的启动、监听和停止方法。上机实验：《微信小程序开发零基础入门实战》第11章：小程序界面API手绘电子时钟小程序提高篇综合应用设计实例（高校新闻网小程序）综合应用所学知识创建完整新闻小程序项目；能够在开发过程中熟练掌握真机预览、调试等操作。上机实验：《微信小程序开发零基础入门实战》第15章：综合应用设计实例基于模拟数据的高校新闻网小程序注：实战一书在原有基础上追加了服务器后端的设计与实现部分（第16章）以及云开发的后端实现部分（第17章），可以根据学生的实际学习情况酌情考虑是否需要此部分内容总计五、考核方式本课程考核成绩由考勤、平时成绩和期末考试成绩组成，平时成绩由上机实践成绩、及课堂表现等构成。成绩评定的方法：课程总评成绩=考勤×20%+平时成绩×50%+期末成绩×30%六、教材及主要教学参考书教材：《微信小程序开发实战》周文洁著，清华大学出版社，2020.22、参考书：《微信小程序开发从入门到实战》，陈云贵高旭编著，清华大学出版社，2019.8《微信小程序贯穿式项目实战》兰红曾鹏程管希东编著，清华大学出版社，2021.1七、学时分配序号章节内容学时分配合计讲课上机实验设计习题课外阅读其它(需明确)1第1章开发前的准备2112第2章第一个微信小程序2113第3章小程序框架8254第5章小程序网络api.天气查询6245第6章小程序媒体a