基于微信公众号构建“1+X” Web前端开发移动学习平台的设计与实现

关键词：微信公众号；1+X；Web前端开发；移动学习平台

0 引言

2019年，国务院发布了《国家职业教育改革实施方案》的通知，提出了被称为“职教20条”的7项重点任务和20个子任务。其中“，‘1+X’证书制度试点工作”是一项重要内容[1]。Web前端开发“1+X”证书是国家首批6个“1+X”职业技能等级证书之一，该证书分为初、中、高3个等级。Web前端开发技术涉及课程较多，如HTML5、CSS、JavaScript、PHP等，其理论知识点多，实践操作性较强。

随着移动互联网技术的快速发展，智能手机、平板等移动终端的普及，在高职院校，师生已基本实现了人手一部智能手机。校园公共免费Wi-Fi网络已全覆盖，通过移动互联网可以实施线上教学。微信自2011年推出以来，作为一款功能强大的社交软件，如今已成为师生日常交流中不可或缺的即时通信工具与平台。微信公众号平台是在微信基础上建立起来的服务平台，在沟通交流方面，它具有自动回复、群发推送和一对一沟通交流等功能。使用公众号构建的移动学习平台可以弥补传统教学模式中的不足，可以实现与学生便捷的沟通和教学资源的多元化。

1 微信公众平台与其对移动学习的支持

2021年腾讯公司在微信App平台上推出了微信公众平台，也称公众号，在公众号上可以为关注该公众号的用户发布信息。信息形式可以多样，可以是文章、图片、视频、语音和投票等。微信公众平台账号分订阅号、服务号和小程序三种类型，其中订阅号，操作简单快捷，非常适合做移动学习平台，其主要功能是为已经关注的用户发布信息咨询。公众号管理者可以通过微信公众后台管理平台进行功能设置，包括发送消息，群发消息，还可以设置自动回复消息；各种资源的管理，如素材、用户、消息等资源的管理；数据分析统计包括内容、用户、菜单和消息等数据分析；甚至还可以二次开发，关联小程序等。

在新型媒体环境下，学生的生活和学习习惯也随着发生了改变，可以实现随时随地学习，越来越多的学生会利用碎片化的时间进行移动学习。因此，当前学生的学习不再局限于传统书本和课堂学习，移动学习是教育信息化发展的必然趋势。

随着5G技术日渐成熟，学校不断加强信息化建设，建成了校园网和无线网，实现了有线、无线双覆盖教学楼、宿舍、图书馆等区域，为学生提供碎片化移动学习提供了物质基础和便利条件。碎片化学习可以认为是使用碎片化的时间进行学习，也可以是知识的碎片化。教师在公众号推送的学习内容可以设计为“小颗粒”知识点资源，这些知识点资源可以是事先将一门课程整体的知识体系进行分解，形成短小又不失逻辑的知识点，这样使得学生学起来更轻松和高效[2]。

2 基于“1+X”Web 前端开发证书的课程实践教学研究

2.1 合理挑选授课内容，以符合“1+X”教学需求

目前在高职院校计算机相关专业的人才培养中，将Web前端开发课程与“1+X”证书制度相融合的教学是一种新的教学理念。为了提高“1+X”证书制度下的课证融合教学效果，可以优选“1+X”考证系列丛书，以及通过合理地选定教材和教学内容，以满足“1+X”教学要求，实现“课证融通”[3]。为了提升学生在Web 前端开发职业技能等级考核中的表现，可精心挑选Web前端开发的教学内容，将理论学习和实践操作紧密结合，确保学生能够全面理解和掌握“1+X” Web前端开发职业技能等级考核的核心知识点。这样的教学方式不仅能够有效落实“课证融合”的教学理念，还能显著提升教学质量和学生的学习效果。

当前，Web前端开发职业技能等级考核内容在教材中尚未得到全面覆盖。因此，在实际教学过程中，教师需要根据学生的实际需求和知识水平，在教学的不同阶段对教材内容进行拓展，以满足初级、中级、高级证书的不同要求。这种拓展应该涵盖HTML、CSS、JavaScript、PHP等关键知识领域，确保学生能够深入理解和掌握这些理论知识与技能，从而为他们未来的职业发展奠定坚实基础。

另一方面，鉴于当前市场对Web前端开发人员的技能要求高，不仅需要学生在理论上达到高水平，更要确保他们在实践中能熟练运用这些技能。因此，在教学环节中，应着重引入项目案例的实践训练，并额外引入企业中的实际项目作为教学拓展，这样能够有效增强学生的实践操作能力，使他们更加符合市场的实际需求。

2.2 搭建移动学习平台，扩充课堂容量，鼓励学生自主学习

由于Web前端开发包含的课程内容丰富且实践操作性强，因此学生在学习过程中可能会面临一定的挑战和难度。并且学生学习能力参差不齐，传统的教学手段无法顾及每一位学生，导致有的学生的学习主动性不够。为促使学生能积极参加“1+X” Web前端开发证书考核并取得较为优异的成绩，需要提高学生的学习积极性和提升学生自主学习能力。鉴于此，对传统Web前端相关课程的课堂教学方式进行相应的改变，搭建移动学习平台，实施线上线下相结合的教学模式，可以有效激发学生的学习热情和主动性，使他们更加积极地投入学习过程中。针对专业的特点，将融合任务导向、案例分析和项目实践等多种教学方式，构建丰富的线上教学资源库。以便学生随时随地学习、即时答疑和互动沟通的需求，实现弹性自主学习。同时，这也将极大地扩充传统课堂教学的容量，为学生提供更加个性化、多元化的学习路径，进一步促进他们的全面发展。

3“ 1+X”Web前端开发移动学习平台的设计与实现

“1+X” Web前端开发证书体系包括初级、中级和高级三个层次。Web初级工程师须具备Web前端开发基础知识，能设计静态网页、制作网站并调试维护。Web中级工程师掌握Web前后端数据交互机制，熟悉响应式开发技术，能开发动态网页。他们不仅具备网页开发的基础能力，还能够处理前后端数据的交互逻辑，确保网页的灵活性和响应性。Web高级工程师须掌握Web前端框架应用、性能优化与自动化技术等知识，具备前端架构、移动开发和组件化开发等能力[4]。

在微信公众平台上申请订阅号作为“1+X” Web 前端开发移动学习平台，该平台的主要学习用户为江西财经职业学院在校计算机相关专业学生，向学生提供“1+X” Web前端开发证书中涉及初、中级的主要学习资源，这是由于高职院校参加该证考试的学生主要是报考初级和中级。在订阅号上发布的内容，其表达形式可以是文字、图片、视频等多种形式，这样可以使授课教师更方便地根据任教班级学生的需求或学情量身定制推送内容，教师也可以针对性地选择学习形式或推送形式，满足学生的学习需求。同时学生可以通过该平台，根据自己的需求与爱好进行选择自己的学习资源，学有余力的学生可以选择测试题进行练习复习，知识点没掌握牢固的学生可以选择对应的课程知识点内容进行查阅和复习。该订阅号平台的学习内容不仅能对课堂上所学内容进行巩固与拓展，也能提高学生的学习兴趣与自主学习的能力。

3.1 微信公众平台菜单设计

微信公众平台为用户提供了灵活的自定义菜单设置功能，可以在会话界面的底部设置自定义菜单，最多可以创建三个一级菜单，每个一级菜单下最多可以创建5个子菜单[5]。由于学生是自主地利用平台进行移动学习，在微信公众平台的导航菜单设计着重清晰易懂，突出课程知识主题，如图1所示，使用自定义菜单将微信公众号的功能分为3个模块：“课程”“实践操作”和“测试”，对应其中每个菜单又分别设置其子菜单。在微信公众平台中，一个简洁明了的界面导航对于用户体验至关重要。特别是以学习为主要目标的平台，其界面设计的简洁和层次结构的合理性对于学习者的学习热情和学习动力具有决定性影响。因此，优化微信公众平台的学习界面设计，确保其导航清晰、操作便捷、内容结构合理，这些对于学习者的学习热情和学习积极性具有重要作用[6]。

“课程”模块主要放置了“1+X” Web前端开发涉及的HTML、CSS、JavaScript、PHP课程知识点，如图1 所示，点击相应子菜单就可以获得相应的课程学习资源。在设计制作移动学习资源时，教师要根据课程教学目标和“1+X” Web前端开发初级和中级考核知识点重新整理教学资源，把相关的知识进行合理的碎片化，这些学习资料的形式可以是文字、图片和视频形式，便于学生查阅和复习相关课程知识点。

“实践操作”模块主要放置了与课程相关知识点对应的任务实训实践操作。由于Web前端开发相关课程动手实践操作能力要求较高，对于实践操作任务中涉及的较难知识点，可以录制操作过程视频，这样有助于课堂上未完全掌握的学生随时随地查看知识点和具体操作步骤，从而对知识点和实操加以巩固和提升。

“测试”模块主要设置了相关课程和“1+X” Web 前端开发证书初级和中级的线上测验，在该模块也使用到了“问卷星”和“小管家”小程序。使用“问卷星”小程序可以实现调查、投票、接龙和测试等功能。“小管家”小程序可以进行发布作业、打卡、成绩管理、班级网盘管理、测试等操作。

3.2 微信公众号学习平台交互性设计与实现

微信公众平台最主要的优势特点就是能进行及时互动交流，针对传统教学存在学生与老师互动少的问题，这是一个很好的解决办法，学生可以在微信公众号的对话框里询问问题，方便教师在后台能够统一、及时进行回复。同时对于不善于表达或害羞直接与老师交流的学生，可以个性化地设置匿名提问箱。微信公众平台具备高效的自动回复机制，这一功能能够自动回复内容，从而为学生提供更加便捷的途径，帮助他们迅速获取所需的资源和支持。在该平台上可以设置被关注回复设置和关键字回复设置。这样及时与学习者沟通，可以让学习者保持学习兴趣和学习动力。在学习过程中遇到的问题时，学习者可以采用留言方式，对于文字无法说明问题的情况可以通过图片、视频或语音方式表达。

3.3 学习平台素材设计

基于信息感知的多元理论，当人体感官接收信息时，视觉往往是最为高效的途径，其次依次为听觉、嗅觉、触觉和味觉等。然而，传统的课程资源过度依赖纸质书籍这一单一形式，导致学习资源呈现方式单调，容易使学习者产生视觉疲劳，进而影响学习效果。在微信公众平台上，学习资源可以支持彩色字体，特别是呈现代码方面，彩色字体更方便学习者阅读代码，对代码中哪些是关键字、变量、内置函数等一目了然。学习资源还支持音频、视频、图像、GIF动画等多种传播形式，与纸质书本无法实现页面交互互动效果不同，微信公众号平台可以通过视频或GIF动画来展现页面交互互动效果。使用丰富的多媒体学习资源可以提高学习者的学习积极性，从而取得更好的学习效果。

4 结束语

结合微信公众号的优势，本文设计了“1+X” Web 前端开发自主学习平台。通过融合线上与线下的教学模式，构建了一个多元化的学习空间，从而突破了传统课堂在时间和空间上的局限，让学生能够在课余时间，随时随地自主进行碎片化学习。该平台可以实现图文并茂的文章推送、教学视频以及微课或慕课资源都可以被上传归纳至该公众号的学习平台上，这样可以使学习内容更加丰富、专业。学生可以根据自己的兴趣以及实际需要自主地选择平台上的学习资源，弥补知识漏洞，不断拓宽知识。未来将继续优化和完善该学习平台，进一步提升学生的学习体验和学习效果。