admin 管理员组文章数量: 1184232
2024年3月11日发(作者：ps九宫格切图)
第36卷 第5期
2020年5月
福 建 电 脑
Journal of Fujian Computer
Vol. 36 No.5
May 2020
微信小程序开发课程的教学整体设计
李可
（宁波职业技术学院 浙江 宁波 315800）
摘 要 微信小程序在日常生活中被大量应用，其开发的工作岗位日益增加。很多高校开设了微信小程序课程作为web大
前端的延伸，微信小程序开发涉及的教学内容比较多，如何在有限的课时内对教学内容进行合理的取舍，让学生有效掌握
这门课程成为一个难题。本文通过真实的项目化案例对课程进行整体设计来实现课堂的有效性。
关键词 微信小程序；有效课堂；整体设计
中图法分类号 TP392 DOI:10.16707/.2020.05.044
The Teaching Design of Wechat Applet Development Course
LI Ke
(School of Information Science and Engineering, Ningbo Vocational and Technical College, Ningbo, China, 315800)
1 引言
Web前端开发是计算机专业、网络专业学生必
须掌握的一项技能。《静态网页设计与制作》、
《javascript程序设计基础》、《HTML5前端开发与
应用》与《微信小程序开发》这四门课程组成了
web前端开发的课程体系，所对应从事的职业岗位
是：Web前端开发工程师---微信初级开发工程师---
微信二次开发工程师。
教学项目，另一个是后期的综合项目“bilibili微信
小程序”，具体任务的分解见表1。本课程最终达到
的教学效果为：（1）能够编写配置文件并实现小程
序数据的绑定与渲染；（2）能够使用小程序组件与
样式制作小程序；（3）能够掌握的知识详见表2；
（4）能够掌握的技能详见表3。
表1 本课程学习任务分解
序号 任务
T1-1
T1-2
T1-3
T1-4
T1-5
T2-1
T2-2
T2-3
子任务
开发工具的使用
编写配置文件
覆盖目标
K1、S1、A1-A3
K2-K3、S2-S3、
A1-A4
K4-K5、S4-S5、
A1-A4
K6、S6、A1-A4
K7-K10、S7-S10、
A1-A4
K1-K11、
S1-S11A1-A4
K1-K11、S1-S11、
A1-A4
K1-K11、S1-S11、
A1-A4
2学习本课程必备的知识技能
本课程在计算机专业、网络专业大二的第二学
期开设。在此之前，学生已经学过静态网页设计课
程、JavaScript程序设计、Html5前端开发，具有
HTML、DIV+CSS和、JS、H5、CSS3的基本技能，
能够利用这些基本技能进行网站页面的布局和页
面效果的制作。
兴趣爱
T1
好调查
小程序
数据绑定与渲染
小程序样式添加
简单组件的应用
首页的制作
3 课程设计方案
本课程在教学过程中采用企业真实项目作为
教学内容的载体，将项目分解成单元模块，实行“做
中学、学中做”的授课模式
[1]
。设计的教学项目有
两个：一个是“兴趣爱好调查小程序”作为前期的
Bilibili
T2
微信小
程序
视频详情页制作
评论详情页制作
本课程每次先用3到5分钟以现实生活中的案
———————————————
李可，男，1978年生，研究方向为计算机网络、WEB前端。E-mail:
***************。
2020年 福 建 电 脑 123
例作为课程的引入，让学生讨论此案例的制作手段
和方法，列出实现的主要步骤和存在问题，提出新
的解决方案，进而引出本次课的课题
[2]
。
4 课程学习任务设计
学习设计任务如表1所示。
5课程的知识目标
表2 本课程应该掌握的知识目标
序号 知识目标
K1 掌握小程序开发工具的使用方法
K2 掌握小程序文档结构的修改方法
K3 理解全局配置文件与页面配置文件的区别
K4 掌握数据的绑定方式
K5 掌握数据的渲染方式
K6 掌握小程序样式的添加方法
K7 掌握小程序视图组件的使用方法
K8 掌握小程序图片组件的使用方法
K9 掌握小程序轮播图组件的使用方法
K10 掌握小程序导航组件的使用方法
K11 掌握小程序各个组件之间的综合应用
6 课程的技能目标
表3 本课程应该掌握的技能目标
序号 技能目标
S1 能够利用小程序开发工具编写小程序
S2 能够编辑小程序的文档结构
S3 能够编写全局配置文件和页面配置文件代码
S4 能够编写数据绑定的代码
S5 能够编写数据渲染的代码
S6 能够书写小程序的样式
S7 能够使用小程序视图组件创建视图
S8 能够使用小程序图片组件创建图片
S9 能够使用轮播图组件创建轮播图
S10 能够使用导航组件创建导航
S11 能够对组件综合应用制作小程序
7 学习风格及应对措施
教学对象的生源有职高、普高这两类，学生普
遍来说行为的控制力不强、专注力不够持久，易于
受外界因素干扰。对于微信小程序开发大部分学生
还是比较感兴趣的，但是真正要用前端开发语言编
程，需要掌握很多基础知识和技能，且学习难度较
大，随着难度的增加兴趣会逐渐降低。
应对措施如下：
（1）小组合作与学生讲课：将复杂的课堂任
务分配给每个小组，小组之间的成员可以相互帮助
共同完成
[3]
。给优秀的学生提供讲课机会，让其对
学习内容理解得更加透彻并提高其表达能力。
（2）借助在线网络教学平台：可以下载上课
的课件和素材，上课没听懂的地方可以自行学习与
实践；如看一些关于课程的微视频，学习更多的技
能；完成相关的单元测试，了解自己掌握了多少知
识和技能。
（3）教学策略：灵活应用案例教学法结合对
当前主流的小程序的功能和样式的分析与展示，调
动学生的学习兴趣。
8 应用效果列举
（1）采用真实案例教学
[4]
：为了学习小程序产
品列表功能，结合日常关注的小程序（比如美团外
卖小程序）使用效果，将教学项目中列表展示的功
能进行改进，有助于培养学生分析问题、解决问题
的能力。
（2）课程引入情境：为了学习小程序评论功
能，教师进入真实的bilibili小程序，浏览小程序中
的视频，并评论该视频进行留言这个情境，让学生
产生一种观察和体验，从而加深对知识的理解。
9总结
从实际的教学中得知学生对课程感兴趣，学习
态度比较积极
[5]
。学生会主动完成课后作业，主动
自学课外的知识，总体效果良好。
参 考 文 献
[1] 邱斌.高职计算机专业《移动APP应用初级开发》课程设计的初探.
数码世界, 2018(05):101-102
[2] 李可.基于有效课堂的《HTML5前端设计》课程整体设计.福建电脑,
2019,35(1):178,86
[3] 李可.基于有效课堂的《静态网页设计》课程整体设计.福建电
脑,2018,34(3):183
[4] 吴细花.基于项目教学的“网页设计与制作”课程改革与实践.电脑知
识与技术, 2017,13(23):106-107
[5] 李可.阿里巴巴矢量图标库在《网页设计》课程中的应用.福建电脑,
2017,33(3):176,138
版权声明：本文标题：微信小程序开发课程的教学整体设计 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1710104340a557873.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论