第36卷  第5期 福  建  电  脑 Vol. 36  No.5
2020年5月
Journal of Fujian Computer
May 2020
———————————————
李可，男，1978年生，研究方向为计算机网络、WEB 前端。E-mail: ***************。
小程序开发课程的教学整体设计
李可
（宁波职业技术学院 浙江 宁波 315800）
摘  要  小程序在日常生活中被大量应用，其开发的工作岗位日益增加。很多高校开设了小程序课程作为web 大前端的延伸，小程序开发涉及的教学内容比较多，如何在有限的课时内对教学内容进行合理的取舍，让学生有效掌握这门课程成为一个难题。本文通过真实的项目化案例对课程进行整体设计来
实现课堂的有效性。 关键词 小程序；有效课堂；整体设计
中图法分类号 TP392  DOI:10.16707/jki.fjpc.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 前端开发工程师---初级开发工程师---二次开发工程师。
2学习本课程必备的知识技能
本课程在计算机专业、网络专业大二的第二学期开设。在此之前，学生已经学过静态网页设计课程、JavaScript 程序设计、Html5前端开发，具有HTML 、DIV+CSS 和、JS 、H5、CSS3的基本技能，能够利用这些基本技能进行网站页面的布局和页面效果的制作。
3 课程设计方案
本课程在教学过程中采用企业真实项目作为教学内容的载体，将项目分解成单元模块，实行“做中学、学中做”的授课模式[1]。设计的教学项目有两个：一个是“兴趣爱好调查小程序”作为前期的
小程序免费开发制作教学项目，另一个是后期的综合项目“bilibili 小程序”，具体任务的分解见表1。本课程最终达到的教学效果为：（1）能够编写配置文件并实现小程序数据的绑定与渲染；（2）能够使用小程序组件与样式制作小程序；（3）能够掌握的知识详见表2；（4）能够掌握的技能详见表3。
表1  本课程学习任务分解
序号
任务
子任务 覆盖目标 T1
兴趣爱
好调查小程序
T1-1 开发工具的使用 K1、S1、A1-A3 T1-2 编写配置文件
K2-K3、S2-S3、
A1-A4 T1-3 数据绑定与渲染 K4-K5、S4-S5、
A1-A4 T1-4 小程序样式添加 K6、S6、A1-A4 T1-5 简单组件的应用
K7-K10、S7-S10、
A1-A4 T2
Bilibili
小程序
T2-1 首页的制作
K1-K11、S1-S11A1-A4 T2-2 视频详情页制作
K1-K11、S1-S11、
A1-A4 T2-3
评论详情页制作
K1-K11、S1-S11、
A1-A4
本课程每次先用3到5分钟以现实生活中的案
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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。