關(guān)鍵詞：微信公眾號(hào)；1+X；Web前端開發(fā)；移動(dòng)學(xué)習(xí)平臺(tái)

0 引言

2019年，國(guó)務(wù)院發(fā)布了《國(guó)家職業(yè)教育改革實(shí)施方案》的通知，提出了被稱為“職教20條”的7項(xiàng)重點(diǎn)任務(wù)和20個(gè)子任務(wù)。其中“，‘1+X’證書制度試點(diǎn)工作”是一項(xiàng)重要內(nèi)容[1]。Web前端開發(fā)“1+X”證書是國(guó)家首批6個(gè)“1+X”職業(yè)技能等級(jí)證書之一，該證書分為初、中、高3個(gè)等級(jí)。Web前端開發(fā)技術(shù)涉及課程較多，如HTML5、CSS、JavaScript、PHP等，其理論知識(shí)點(diǎn)多，實(shí)踐操作性較強(qiáng)。

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，智能手機(jī)、平板等移動(dòng)終端的普及，在高職院校，師生已基本實(shí)現(xiàn)了人手一部智能手機(jī)。校園公共免費(fèi)Wi-Fi網(wǎng)絡(luò)已全覆蓋，通過移動(dòng)互聯(lián)網(wǎng)可以實(shí)施線上教學(xué)。微信自2011年推出以來(lái)，作為一款功能強(qiáng)大的社交軟件，如今已成為師生日常交流中不可或缺的即時(shí)通信工具與平臺(tái)。微信公眾號(hào)平臺(tái)是在微信基礎(chǔ)上建立起來(lái)的服務(wù)平臺(tái)，在溝通交流方面，它具有自動(dòng)回復(fù)、群發(fā)推送和一對(duì)一溝通交流等功能。使用公眾號(hào)構(gòu)建的移動(dòng)學(xué)習(xí)平臺(tái)可以彌補(bǔ)傳統(tǒng)教學(xué)模式中的不足，可以實(shí)現(xiàn)與學(xué)生便捷的溝通和教學(xué)資源的多元化。

1 微信公眾平臺(tái)與其對(duì)移動(dòng)學(xué)習(xí)的支持

2021年騰訊公司在微信App平臺(tái)上推出了微信公眾平臺(tái)，也稱公眾號(hào)，在公眾號(hào)上可以為關(guān)注該公眾號(hào)的用戶發(fā)布信息。信息形式可以多樣，可以是文章、圖片、視頻、語(yǔ)音和投票等。微信公眾平臺(tái)賬號(hào)分訂閱號(hào)、服務(wù)號(hào)和小程序三種類型，其中訂閱號(hào)，操作簡(jiǎn)單快捷，非常適合做移動(dòng)學(xué)習(xí)平臺(tái)，其主要功能是為已經(jīng)關(guān)注的用戶發(fā)布信息咨詢。公眾號(hào)管理者可以通過微信公眾后臺(tái)管理平臺(tái)進(jìn)行功能設(shè)置，包括發(fā)送消息，群發(fā)消息，還可以設(shè)置自動(dòng)回復(fù)消息；各種資源的管理，如素材、用戶、消息等資源的管理；數(shù)據(jù)分析統(tǒng)計(jì)包括內(nèi)容、用戶、菜單和消息等數(shù)據(jù)分析；甚至還可以二次開發(fā)，關(guān)聯(lián)小程序等。

在新型媒體環(huán)境下，學(xué)生的生活和學(xué)習(xí)習(xí)慣也隨著發(fā)生了改變，可以實(shí)現(xiàn)隨時(shí)隨地學(xué)習(xí)，越來(lái)越多的學(xué)生會(huì)利用碎片化的時(shí)間進(jìn)行移動(dòng)學(xué)習(xí)。因此，當(dāng)前學(xué)生的學(xué)習(xí)不再局限于傳統(tǒng)書本和課堂學(xué)習(xí)，移動(dòng)學(xué)習(xí)是教育信息化發(fā)展的必然趨勢(shì)。

隨著5G技術(shù)日漸成熟，學(xué)校不斷加強(qiáng)信息化建設(shè)，建成了校園網(wǎng)和無(wú)線網(wǎng)，實(shí)現(xiàn)了有線、無(wú)線雙覆蓋教學(xué)樓、宿舍、圖書館等區(qū)域，為學(xué)生提供碎片化移動(dòng)學(xué)習(xí)提供了物質(zhì)基礎(chǔ)和便利條件。碎片化學(xué)習(xí)可以認(rèn)為是使用碎片化的時(shí)間進(jìn)行學(xué)習(xí)，也可以是知識(shí)的碎片化。教師在公眾號(hào)推送的學(xué)習(xí)內(nèi)容可以設(shè)計(jì)為“小顆粒”知識(shí)點(diǎn)資源，這些知識(shí)點(diǎn)資源可以是事先將一門課程整體的知識(shí)體系進(jìn)行分解，形成短小又不失邏輯的知識(shí)點(diǎn)，這樣使得學(xué)生學(xué)起來(lái)更輕松和高效[2]。

2 基于“1+X”Web 前端開發(fā)證書的課程實(shí)踐教學(xué)研究

2.1 合理挑選授課內(nèi)容，以符合“1+X”教學(xué)需求

目前在高職院校計(jì)算機(jī)相關(guān)專業(yè)的人才培養(yǎng)中，將Web前端開發(fā)課程與“1+X”證書制度相融合的教學(xué)是一種新的教學(xué)理念。為了提高“1+X”證書制度下的課證融合教學(xué)效果，可以優(yōu)選“1+X”考證系列叢書，以及通過合理地選定教材和教學(xué)內(nèi)容，以滿足“1+X”教學(xué)要求，實(shí)現(xiàn)“課證融通”[3]。為了提升學(xué)生在Web 前端開發(fā)職業(yè)技能等級(jí)考核中的表現(xiàn)，可精心挑選Web前端開發(fā)的教學(xué)內(nèi)容，將理論學(xué)習(xí)和實(shí)踐操作緊密結(jié)合，確保學(xué)生能夠全面理解和掌握“1+X” Web前端開發(fā)職業(yè)技能等級(jí)考核的核心知識(shí)點(diǎn)。這樣的教學(xué)方式不僅能夠有效落實(shí)“課證融合”的教學(xué)理念，還能顯著提升教學(xué)質(zhì)量和學(xué)生的學(xué)習(xí)效果。

當(dāng)前，Web前端開發(fā)職業(yè)技能等級(jí)考核內(nèi)容在教材中尚未得到全面覆蓋。因此，在實(shí)際教學(xué)過程中，教師需要根據(jù)學(xué)生的實(shí)際需求和知識(shí)水平，在教學(xué)的不同階段對(duì)教材內(nèi)容進(jìn)行拓展，以滿足初級(jí)、中級(jí)、高級(jí)證書的不同要求。這種拓展應(yīng)該涵蓋HTML、CSS、JavaScript、PHP等關(guān)鍵知識(shí)領(lǐng)域，確保學(xué)生能夠深入理解和掌握這些理論知識(shí)與技能，從而為他們未來(lái)的職業(yè)發(fā)展奠定堅(jiān)實(shí)基礎(chǔ)。

另一方面，鑒于當(dāng)前市場(chǎng)對(duì)Web前端開發(fā)人員的技能要求高，不僅需要學(xué)生在理論上達(dá)到高水平，更要確保他們?cè)趯?shí)踐中能熟練運(yùn)用這些技能。因此，在教學(xué)環(huán)節(jié)中，應(yīng)著重引入項(xiàng)目案例的實(shí)踐訓(xùn)練，并額外引入企業(yè)中的實(shí)際項(xiàng)目作為教學(xué)拓展，這樣能夠有效增強(qiáng)學(xué)生的實(shí)踐操作能力，使他們更加符合市場(chǎng)的實(shí)際需求。

2.2 搭建移動(dòng)學(xué)習(xí)平臺(tái)，擴(kuò)充課堂容量，鼓勵(lì)學(xué)生自主學(xué)習(xí)

由于Web前端開發(fā)包含的課程內(nèi)容豐富且實(shí)踐操作性強(qiáng)，因此學(xué)生在學(xué)習(xí)過程中可能會(huì)面臨一定的挑戰(zhàn)和難度。并且學(xué)生學(xué)習(xí)能力參差不齊，傳統(tǒng)的教學(xué)手段無(wú)法顧及每一位學(xué)生，導(dǎo)致有的學(xué)生的學(xué)習(xí)主動(dòng)性不夠。為促使學(xué)生能積極參加“1+X” Web前端開發(fā)證書考核并取得較為優(yōu)異的成績(jī)，需要提高學(xué)生的學(xué)習(xí)積極性和提升學(xué)生自主學(xué)習(xí)能力。鑒于此，對(duì)傳統(tǒng)Web前端相關(guān)課程的課堂教學(xué)方式進(jìn)行相應(yīng)的改變，搭建移動(dòng)學(xué)習(xí)平臺(tái)，實(shí)施線上線下相結(jié)合的教學(xué)模式，可以有效激發(fā)學(xué)生的學(xué)習(xí)熱情和主動(dòng)性，使他們更加積極地投入學(xué)習(xí)過程中。針對(duì)專業(yè)的特點(diǎn)，將融合任務(wù)導(dǎo)向、案例分析和項(xiàng)目實(shí)踐等多種教學(xué)方式，構(gòu)建豐富的線上教學(xué)資源庫(kù)。以便學(xué)生隨時(shí)隨地學(xué)習(xí)、即時(shí)答疑和互動(dòng)溝通的需求，實(shí)現(xiàn)彈性自主學(xué)習(xí)。同時(shí)，這也將極大地?cái)U(kuò)充傳統(tǒng)課堂教學(xué)的容量，為學(xué)生提供更加個(gè)性化、多元化的學(xué)習(xí)路徑，進(jìn)一步促進(jìn)他們的全面發(fā)展。

3“ 1+X”Web前端開發(fā)移動(dòng)學(xué)習(xí)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

“1+X” Web前端開發(fā)證書體系包括初級(jí)、中級(jí)和高級(jí)三個(gè)層次。Web初級(jí)工程師須具備Web前端開發(fā)基礎(chǔ)知識(shí)，能設(shè)計(jì)靜態(tài)網(wǎng)頁(yè)、制作網(wǎng)站并調(diào)試維護(hù)。Web中級(jí)工程師掌握Web前后端數(shù)據(jù)交互機(jī)制，熟悉響應(yīng)式開發(fā)技術(shù)，能開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)。他們不僅具備網(wǎng)頁(yè)開發(fā)的基礎(chǔ)能力，還能夠處理前后端數(shù)據(jù)的交互邏輯，確保網(wǎng)頁(yè)的靈活性和響應(yīng)性。Web高級(jí)工程師須掌握Web前端框架應(yīng)用、性能優(yōu)化與自動(dòng)化技術(shù)等知識(shí)，具備前端架構(gòu)、移動(dòng)開發(fā)和組件化開發(fā)等能力[4]。

在微信公眾平臺(tái)上申請(qǐng)訂閱號(hào)作為“1+X” Web 前端開發(fā)移動(dòng)學(xué)習(xí)平臺(tái)，該平臺(tái)的主要學(xué)習(xí)用戶為江西財(cái)經(jīng)職業(yè)學(xué)院在校計(jì)算機(jī)相關(guān)專業(yè)學(xué)生，向?qū)W生提供“1+X” Web前端開發(fā)證書中涉及初、中級(jí)的主要學(xué)習(xí)資源，這是由于高職院校參加該證考試的學(xué)生主要是報(bào)考初級(jí)和中級(jí)。在訂閱號(hào)上發(fā)布的內(nèi)容，其表達(dá)形式可以是文字、圖片、視頻等多種形式，這樣可以使授課教師更方便地根據(jù)任教班級(jí)學(xué)生的需求或?qū)W情量身定制推送內(nèi)容，教師也可以針對(duì)性地選擇學(xué)習(xí)形式或推送形式，滿足學(xué)生的學(xué)習(xí)需求。同時(shí)學(xué)生可以通過該平臺(tái)，根據(jù)自己的需求與愛好進(jìn)行選擇自己的學(xué)習(xí)資源，學(xué)有余力的學(xué)生可以選擇測(cè)試題進(jìn)行練習(xí)復(fù)習(xí)，知識(shí)點(diǎn)沒掌握牢固的學(xué)生可以選擇對(duì)應(yīng)的課程知識(shí)點(diǎn)內(nèi)容進(jìn)行查閱和復(fù)習(xí)。該訂閱號(hào)平臺(tái)的學(xué)習(xí)內(nèi)容不僅能對(duì)課堂上所學(xué)內(nèi)容進(jìn)行鞏固與拓展，也能提高學(xué)生的學(xué)習(xí)興趣與自主學(xué)習(xí)的能力。

3.1 微信公眾平臺(tái)菜單設(shè)計(jì)

微信公眾平臺(tái)為用戶提供了靈活的自定義菜單設(shè)置功能，可以在會(huì)話界面的底部設(shè)置自定義菜單，最多可以創(chuàng)建三個(gè)一級(jí)菜單，每個(gè)一級(jí)菜單下最多可以創(chuàng)建5個(gè)子菜單[5]。由于學(xué)生是自主地利用平臺(tái)進(jìn)行移動(dòng)學(xué)習(xí)，在微信公眾平臺(tái)的導(dǎo)航菜單設(shè)計(jì)著重清晰易懂，突出課程知識(shí)主題，如圖1所示，使用自定義菜單將微信公眾號(hào)的功能分為3個(gè)模塊：“課程”“實(shí)踐操作”和“測(cè)試”，對(duì)應(yīng)其中每個(gè)菜單又分別設(shè)置其子菜單。在微信公眾平臺(tái)中，一個(gè)簡(jiǎn)潔明了的界面導(dǎo)航對(duì)于用戶體驗(yàn)至關(guān)重要。特別是以學(xué)習(xí)為主要目標(biāo)的平臺(tái)，其界面設(shè)計(jì)的簡(jiǎn)潔和層次結(jié)構(gòu)的合理性對(duì)于學(xué)習(xí)者的學(xué)習(xí)熱情和學(xué)習(xí)動(dòng)力具有決定性影響。因此，優(yōu)化微信公眾平臺(tái)的學(xué)習(xí)界面設(shè)計(jì)，確保其導(dǎo)航清晰、操作便捷、內(nèi)容結(jié)構(gòu)合理，這些對(duì)于學(xué)習(xí)者的學(xué)習(xí)熱情和學(xué)習(xí)積極性具有重要作用[6]。

“課程”模塊主要放置了“1+X” Web前端開發(fā)涉及的HTML、CSS、JavaScript、PHP課程知識(shí)點(diǎn)，如圖1 所示，點(diǎn)擊相應(yīng)子菜單就可以獲得相應(yīng)的課程學(xué)習(xí)資源。在設(shè)計(jì)制作移動(dòng)學(xué)習(xí)資源時(shí)，教師要根據(jù)課程教學(xué)目標(biāo)和“1+X” Web前端開發(fā)初級(jí)和中級(jí)考核知識(shí)點(diǎn)重新整理教學(xué)資源，把相關(guān)的知識(shí)進(jìn)行合理的碎片化，這些學(xué)習(xí)資料的形式可以是文字、圖片和視頻形式，便于學(xué)生查閱和復(fù)習(xí)相關(guān)課程知識(shí)點(diǎn)。

“實(shí)踐操作”模塊主要放置了與課程相關(guān)知識(shí)點(diǎn)對(duì)應(yīng)的任務(wù)實(shí)訓(xùn)實(shí)踐操作。由于Web前端開發(fā)相關(guān)課程動(dòng)手實(shí)踐操作能力要求較高，對(duì)于實(shí)踐操作任務(wù)中涉及的較難知識(shí)點(diǎn)，可以錄制操作過程視頻，這樣有助于課堂上未完全掌握的學(xué)生隨時(shí)隨地查看知識(shí)點(diǎn)和具體操作步驟，從而對(duì)知識(shí)點(diǎn)和實(shí)操加以鞏固和提升。

“測(cè)試”模塊主要設(shè)置了相關(guān)課程和“1+X” Web 前端開發(fā)證書初級(jí)和中級(jí)的線上測(cè)驗(yàn)，在該模塊也使用到了“問卷星”和“小管家”小程序。使用“問卷星”小程序可以實(shí)現(xiàn)調(diào)查、投票、接龍和測(cè)試等功能。“小管家”小程序可以進(jìn)行發(fā)布作業(yè)、打卡、成績(jī)管理、班級(jí)網(wǎng)盤管理、測(cè)試等操作。

3.2 微信公眾號(hào)學(xué)習(xí)平臺(tái)交互性設(shè)計(jì)與實(shí)現(xiàn)

微信公眾平臺(tái)最主要的優(yōu)勢(shì)特點(diǎn)就是能進(jìn)行及時(shí)互動(dòng)交流，針對(duì)傳統(tǒng)教學(xué)存在學(xué)生與老師互動(dòng)少的問題，這是一個(gè)很好的解決辦法，學(xué)生可以在微信公眾號(hào)的對(duì)話框里詢問問題，方便教師在后臺(tái)能夠統(tǒng)一、及時(shí)進(jìn)行回復(fù)。同時(shí)對(duì)于不善于表達(dá)或害羞直接與老師交流的學(xué)生，可以個(gè)性化地設(shè)置匿名提問箱。微信公眾平臺(tái)具備高效的自動(dòng)回復(fù)機(jī)制，這一功能能夠自動(dòng)回復(fù)內(nèi)容，從而為學(xué)生提供更加便捷的途徑，幫助他們迅速獲取所需的資源和支持。在該平臺(tái)上可以設(shè)置被關(guān)注回復(fù)設(shè)置和關(guān)鍵字回復(fù)設(shè)置。這樣及時(shí)與學(xué)習(xí)者溝通，可以讓學(xué)習(xí)者保持學(xué)習(xí)興趣和學(xué)習(xí)動(dòng)力。在學(xué)習(xí)過程中遇到的問題時(shí)，學(xué)習(xí)者可以采用留言方式，對(duì)于文字無(wú)法說(shuō)明問題的情況可以通過圖片、視頻或語(yǔ)音方式表達(dá)。

3.3 學(xué)習(xí)平臺(tái)素材設(shè)計(jì)

基于信息感知的多元理論，當(dāng)人體感官接收信息時(shí)，視覺往往是最為高效的途徑，其次依次為聽覺、嗅覺、觸覺和味覺等。然而，傳統(tǒng)的課程資源過度依賴紙質(zhì)書籍這一單一形式，導(dǎo)致學(xué)習(xí)資源呈現(xiàn)方式單調(diào)，容易使學(xué)習(xí)者產(chǎn)生視覺疲勞，進(jìn)而影響學(xué)習(xí)效果。在微信公眾平臺(tái)上，學(xué)習(xí)資源可以支持彩色字體，特別是呈現(xiàn)代碼方面，彩色字體更方便學(xué)習(xí)者閱讀代碼，對(duì)代碼中哪些是關(guān)鍵字、變量、內(nèi)置函數(shù)等一目了然。學(xué)習(xí)資源還支持音頻、視頻、圖像、GIF動(dòng)畫等多種傳播形式，與紙質(zhì)書本無(wú)法實(shí)現(xiàn)頁(yè)面交互互動(dòng)效果不同，微信公眾號(hào)平臺(tái)可以通過視頻或GIF動(dòng)畫來(lái)展現(xiàn)頁(yè)面交互互動(dòng)效果。使用豐富的多媒體學(xué)習(xí)資源可以提高學(xué)習(xí)者的學(xué)習(xí)積極性，從而取得更好的學(xué)習(xí)效果。

4 結(jié)束語(yǔ)

結(jié)合微信公眾號(hào)的優(yōu)勢(shì)，本文設(shè)計(jì)了“1+X” Web 前端開發(fā)自主學(xué)習(xí)平臺(tái)。通過融合線上與線下的教學(xué)模式，構(gòu)建了一個(gè)多元化的學(xué)習(xí)空間，從而突破了傳統(tǒng)課堂在時(shí)間和空間上的局限，讓學(xué)生能夠在課余時(shí)間，隨時(shí)隨地自主進(jìn)行碎片化學(xué)習(xí)。該平臺(tái)可以實(shí)現(xiàn)圖文并茂的文章推送、教學(xué)視頻以及微課或慕課資源都可以被上傳歸納至該公眾號(hào)的學(xué)習(xí)平臺(tái)上，這樣可以使學(xué)習(xí)內(nèi)容更加豐富、專業(yè)。學(xué)生可以根據(jù)自己的興趣以及實(shí)際需要自主地選擇平臺(tái)上的學(xué)習(xí)資源，彌補(bǔ)知識(shí)漏洞，不斷拓寬知識(shí)。未來(lái)將繼續(xù)優(yōu)化和完善該學(xué)習(xí)平臺(tái)，進(jìn)一步提升學(xué)生的學(xué)習(xí)體驗(yàn)和學(xué)習(xí)效果。