劉智萍

摘 要：智慧學(xué)習(xí)視域下，基于線上線下混合教學(xué)模式的特點(diǎn)和優(yōu)勢(shì)，基于不同學(xué)科的特點(diǎn)，努力構(gòu)建一套全新的課堂教學(xué)模式，已經(jīng)成為當(dāng)前高等教育的重點(diǎn)。特以此作為研究的視角，分析了《前端技術(shù)》教學(xué)現(xiàn)狀，并在此基礎(chǔ)上結(jié)合線上線下教學(xué)模式的優(yōu)勢(shì)，提出了線上線下混合式教學(xué)模式具體開展路徑，旨在提升《前端技術(shù)》教學(xué)質(zhì)量，滿足新時(shí)代下人才培養(yǎng)要求。

關(guān)鍵詞：智慧學(xué)習(xí)；前端技術(shù)；線上線下；混合式教學(xué)

中圖分類號(hào)：G64? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A? ? ? ? ? 文章編號(hào)：1673-9132（2023）18-0009-03

DOI：10.16657/j.cnki.issn1673-9132.2023.18.003

《前端技術(shù)》是應(yīng)用型本科院校電子技術(shù)專業(yè)中一門專業(yè)課程，主要涵蓋了軟件行業(yè)中關(guān)鍵技術(shù)。尤其是伴隨著信息技術(shù)的發(fā)展，無論是生產(chǎn)還是生活各個(gè)環(huán)節(jié)，都離不開互聯(lián)網(wǎng)信息技術(shù)。為了更好地滿足社會(huì)發(fā)展的要求，學(xué)校在開展《前端技術(shù)》教學(xué)時(shí)，唯有基于當(dāng)前課堂教學(xué)中存在的最多弊端，積極推進(jìn)教學(xué)改革，基于智慧學(xué)習(xí)的要求，促進(jìn)線上和線下教學(xué)相融合，借助混合式這一新型的教學(xué)手段，全面提升人才培養(yǎng)質(zhì)量，以更好地滿足當(dāng)前社會(huì)要求。

一、線上線下混合式教學(xué)模式概述

（一）內(nèi)涵與特點(diǎn)解析

線上線下混合式教學(xué)模式伴隨著信息技術(shù)的發(fā)展而出現(xiàn)，屬于一種全新的課堂教學(xué)模式，主要是在傳統(tǒng)課堂教學(xué)的基礎(chǔ)上，融入線上教學(xué)模式。在這種教學(xué)模式下，將傳統(tǒng)線下課堂教學(xué)模式和網(wǎng)絡(luò)教學(xué)進(jìn)行了深度融合，利用網(wǎng)絡(luò)集中了多種教學(xué)資源，并促進(jìn)了教學(xué)方式的轉(zhuǎn)變，使得原本死板的師生關(guān)系變得更加融洽、活躍。

縱觀傳統(tǒng)《前端技術(shù)》教學(xué)現(xiàn)狀，基本上都是采用講授法、談?wù)摲?、演示法的方式進(jìn)行教學(xué)。在傳統(tǒng)的課堂教學(xué)中，基本上都是以課堂作為載體，借助口頭講解的方式，將相關(guān)的知識(shí)傳授給學(xué)生。在傳統(tǒng)的課堂教學(xué)中，教師還會(huì)結(jié)合教學(xué)的需求，融入一些新穎的元素；伴隨著信息技術(shù)的發(fā)展，線上線下混合式教學(xué)模式的應(yīng)用，將課堂真正歸還給了學(xué)生，為課堂教學(xué)注入了新鮮的血液和活力，并借助信息技術(shù)這一先進(jìn)的教學(xué)手段，增強(qiáng)了學(xué)生的課堂體驗(yàn)度。

（二）應(yīng)用優(yōu)勢(shì)研究

與傳統(tǒng)的課堂教學(xué)模式相比，線上線下混合式教學(xué)模式保留了傳統(tǒng)課堂教學(xué)中的優(yōu)勢(shì)，并最大限度挖掘了線上資源、網(wǎng)絡(luò)教學(xué)手段，使其成為線下課堂教學(xué)的有效補(bǔ)充、完善。從傳統(tǒng)教學(xué)模式來說，其主要優(yōu)勢(shì)是學(xué)生可以和教師面對(duì)面，雙方可及時(shí)進(jìn)行有效的反饋，并圍繞其展開討論，最終形成濃厚的學(xué)習(xí)氛圍。而在線上教學(xué)模式下，學(xué)生的學(xué)習(xí)突破了時(shí)間和空間的限制，學(xué)生可結(jié)合自己的實(shí)際情況，隨時(shí)隨地進(jìn)行學(xué)習(xí)。因此，在線上線下混合教學(xué)模式下，教師可充分利用線上教學(xué)資源，補(bǔ)充教學(xué)內(nèi)容，鞏固理論知識(shí)，為學(xué)生進(jìn)行答疑和指導(dǎo)等。在線上線下混合式教學(xué)模式下，教師可結(jié)合教學(xué)內(nèi)容、重難點(diǎn)等，精心錄制視頻，將其發(fā)布到相關(guān)平臺(tái)上，學(xué)生可在課下結(jié)合自己的學(xué)習(xí)情況反復(fù)觀看；也可以借助線上平臺(tái)，發(fā)布學(xué)習(xí)任務(wù)，為學(xué)生進(jìn)行答疑等，使學(xué)生在線上教學(xué)輔助下，完成知識(shí)的內(nèi)化和理解，真正提升學(xué)習(xí)效果。從學(xué)生的層面上來說，線上線下混合式教學(xué)模式為學(xué)生提供了更為多元、更為豐富的學(xué)習(xí)方式，促進(jìn)了學(xué)生思維、能力的全面發(fā)展，有效提升了人才培養(yǎng)質(zhì)量［1］。

二、智慧學(xué)習(xí)視域下《前端技術(shù)》教學(xué)現(xiàn)狀分析

（一）教學(xué)內(nèi)容不能及時(shí)更新，課程知識(shí)不夠合理

技術(shù)領(lǐng)域本身就處于不斷更新的狀態(tài)中，《前端技術(shù)》中的相關(guān)內(nèi)容，也應(yīng)不斷進(jìn)行更新。但當(dāng)前《前端技術(shù)》教材內(nèi)容相對(duì)滯后，且教師在開展課堂教學(xué)時(shí)，也僅僅是按照教材上的內(nèi)容進(jìn)行灌輸，只對(duì)傳統(tǒng)的科學(xué)技術(shù)進(jìn)行簡(jiǎn)單介紹，很少關(guān)注新內(nèi)容。這導(dǎo)致《前端技術(shù)》教學(xué)出現(xiàn)了明顯的滯后性。

（二）教學(xué)模式滯后，實(shí)踐教學(xué)課時(shí)比例低

鑒于《前端技術(shù)》學(xué)科特點(diǎn)，教師唯有積極推進(jìn)教學(xué)改革，靈活開展課堂教學(xué)，并在理論教學(xué)的基礎(chǔ)上積極開展實(shí)踐教學(xué)，才能真正提升課堂教學(xué)質(zhì)量。但當(dāng)前《前端技術(shù)》學(xué)科教學(xué)依然沿用傳統(tǒng)的教學(xué)模式、固定的教學(xué)流程，致使課堂教學(xué)枯燥無味。教師過分集中在理論知識(shí)教學(xué)中，忽視了實(shí)踐教學(xué)。即便是開展了實(shí)踐教學(xué)，也是教師的主觀設(shè)計(jì)，致使設(shè)計(jì)出來的實(shí)踐教學(xué)方案與學(xué)生的學(xué)習(xí)不相符，難以真正提升人才培養(yǎng)質(zhì)量。

（三）考核機(jī)制片面，重成績(jī)、輕實(shí)踐

一直以來，受到傳統(tǒng)教學(xué)理念的制約，教師在實(shí)施教學(xué)評(píng)價(jià)時(shí)，考核重點(diǎn)常常集中在學(xué)習(xí)結(jié)果和取得的成績(jī)上。在這種滯后的教學(xué)評(píng)價(jià)模式下，學(xué)生常常不能真正理解這些理論知識(shí)，而是一味地死記硬背，甚至在這種枯燥的學(xué)習(xí)過程中，導(dǎo)致學(xué)生逐漸滋生出多種不良的情緒，致使考核價(jià)值功能逐漸失去原有的初衷。

三、智慧學(xué)習(xí)視域下《前端技術(shù)》線上線下混合式教學(xué)模式構(gòu)建路徑

（一）做好充足的學(xué)前準(zhǔn)備工作

在線上線下混合式教學(xué)模式下，教師在推進(jìn)教學(xué)改革時(shí)，可充分借助釘釘、微信、學(xué)習(xí)通等多種平臺(tái)，向?qū)W生推送學(xué)習(xí)材料，提前向?qū)W生安排學(xué)習(xí)任務(wù)。而要實(shí)現(xiàn)這一教學(xué)目標(biāo)，教師在開展課堂教學(xué)之前，就要花費(fèi)一定的時(shí)間和精力，對(duì)教學(xué)內(nèi)容、教學(xué)對(duì)象進(jìn)行全面、深入的分析，科學(xué)設(shè)計(jì)教學(xué)目標(biāo)、教學(xué)流程，為學(xué)生呈現(xiàn)一份高質(zhì)量的課前預(yù)習(xí)方案。 為了保障學(xué)生學(xué)習(xí)活動(dòng)的效果，還應(yīng)在熟悉相關(guān)課程基礎(chǔ)上，調(diào)動(dòng)自己頭腦中的相關(guān)知識(shí)，為學(xué)生提供一份完美的學(xué)習(xí)材料，以滿足學(xué)生學(xué)習(xí)需求。在《前端技術(shù)》的線上線下混合式教學(xué)模式下，就可提前借助網(wǎng)絡(luò)平臺(tái)，為學(xué)生發(fā)送學(xué)習(xí)材料、安排教學(xué)任務(wù)等。在向?qū)W生推送學(xué)習(xí)材料時(shí)，每一位教師都具備自己的想法，而教師自身的這種想法，就真切地體現(xiàn)了教學(xué)方式的改革、創(chuàng)新。鑒于此，在優(yōu)化教學(xué)材料時(shí)，應(yīng)結(jié)合具體的教學(xué)內(nèi)容、學(xué)生的實(shí)際情況，遵循由淺入深、由易到難的原則，將一些相對(duì)簡(jiǎn)單的基礎(chǔ)概念、理論性的學(xué)習(xí)材料置于最前面，待到學(xué)生真正掌握了相關(guān)知識(shí)之后，方可進(jìn)入到后續(xù)復(fù)雜材料的學(xué)習(xí)和理解中；另外，在線上線下混合式教學(xué)模式下，還應(yīng)引導(dǎo)學(xué)生積極參與其中，與學(xué)生共同商量，開發(fā)相關(guān)的習(xí)題，并發(fā)布到教學(xué)平臺(tái)上，以便于學(xué)生在課下進(jìn)行針對(duì)性的學(xué)習(xí)［2］。

（二）優(yōu)化課程教學(xué)組織模式

線上線下混合教學(xué)模式下，教師在開展《前端技術(shù)》教學(xué)時(shí)，應(yīng)努力轉(zhuǎn)變傳統(tǒng)的課堂教學(xué)模式，結(jié)合素質(zhì)教育的要求，尊重學(xué)生在課堂上的主體地位，以項(xiàng)目教學(xué)法作為載體開展學(xué)習(xí)。在具體的教學(xué)中，可以項(xiàng)目節(jié)點(diǎn)作為依據(jù)，按照分組的原則，將全班學(xué)生劃分為幾個(gè)學(xué)習(xí)小組。為了保障合作學(xué)習(xí)順利開展，在劃分學(xué)習(xí)小組時(shí)，必須要做好學(xué)生綜合能力分析，確保每一個(gè)小組內(nèi)學(xué)生的學(xué)習(xí)能力、性格等存在互補(bǔ)性，以便于更好地開展合作、交流；而在小組之間則應(yīng)盡力保持平衡，使得各個(gè)小組之間保持實(shí)力均衡；同時(shí)，在劃分學(xué)習(xí)小組時(shí)，還應(yīng)關(guān)注每一個(gè)小組的人數(shù)，一般以5～7人作為標(biāo)準(zhǔn)，且一旦進(jìn)入到具體的項(xiàng)目學(xué)習(xí)中，小組人數(shù)不宜再發(fā)生改變，以免制約項(xiàng)目教學(xué)的正常進(jìn)展。其次，在線上線下混合教學(xué)模式下的項(xiàng)目學(xué)習(xí)中，還應(yīng)圍繞學(xué)生在線上學(xué)習(xí)中的反饋，科學(xué)確定項(xiàng)目、設(shè)計(jì)探究任務(wù)，并帶領(lǐng)學(xué)生對(duì)其進(jìn)行細(xì)化、分解，以便于小組學(xué)生在明確的探究項(xiàng)目引導(dǎo)下，查找相關(guān)的資料。文獻(xiàn)、文章等，并經(jīng)過小組內(nèi)學(xué)生的對(duì)比，找出其中的相同之處和不同之處，最終經(jīng)過篩選和剔除，形成最佳的項(xiàng)目探究資料。最后，結(jié)合項(xiàng)目探究的任務(wù)，以及篩選出來的資料展開探究性學(xué)習(xí)，經(jīng)過小組內(nèi)學(xué)生的頭腦風(fēng)暴，在群策群力中完成項(xiàng)目的高效學(xué)習(xí)。與傳統(tǒng)的教學(xué)模式相比，線上線下教學(xué)模式下的項(xiàng)目教學(xué)模式最為顯著的特點(diǎn)，就是學(xué)生在學(xué)習(xí)中能夠圍繞自己的觀點(diǎn)和看法進(jìn)行交流，在交流中，學(xué)生學(xué)以致用的能力、自主學(xué)習(xí)能力等也有所提升，真正實(shí)現(xiàn)了素質(zhì)教育下的教學(xué)目標(biāo)。

（三）開發(fā)《前端技術(shù)》線上線下混合式教學(xué)案例

在《前端技術(shù)》線上線下混合式教學(xué)模式下，鑒于該學(xué)科的特點(diǎn)，緊緊圍繞“以學(xué)生為中心、以實(shí)踐為中心”的教學(xué)理念，結(jié)合線上線下混合教學(xué)模式的特點(diǎn)，進(jìn)行了優(yōu)化設(shè)計(jì)。在本論文研究中，就以“CSS選擇器”這一章節(jié)中的“H5導(dǎo)航欄設(shè)計(jì)”為例，對(duì)其進(jìn)行了詳細(xì)探究。

首先，課前線上自主學(xué)習(xí)。在這一階段學(xué)習(xí)中，教師借助“超星學(xué)習(xí)通”發(fā)布了課前自主學(xué)習(xí)任務(wù)。學(xué)生通過教師發(fā)布的視頻、微課預(yù)習(xí)H5一級(jí)導(dǎo)航欄的基本構(gòu)成、結(jié)構(gòu)代碼、經(jīng)典網(wǎng)頁布局等開展自主預(yù)習(xí)。并以小組合作的形式，分析具體的探究任務(wù)、查閱資料、設(shè)計(jì)構(gòu)思等，初步完成頁面制作這一學(xué)習(xí)任務(wù)。學(xué)生在課前自主線上學(xué)習(xí)的過程中，常常會(huì)出現(xiàn)一定的疑惑，教師可引導(dǎo)學(xué)生通過App展開線上討論，或者由教師直接進(jìn)行課后答疑，幫助學(xué)生完成重難點(diǎn)的解析；同時(shí)，教師還可以結(jié)合學(xué)生線上討論的問題，掌握學(xué)生的自主學(xué)習(xí)情況，明確課堂教學(xué)的重難點(diǎn)，提前進(jìn)行針對(duì)性的備課。

其次，課中實(shí)練，促進(jìn)知識(shí)內(nèi)化。在線上線下混合式課堂教學(xué)中，可結(jié)合“超星學(xué)習(xí)通”學(xué)習(xí)結(jié)果，以及學(xué)習(xí)中的反饋，掌握學(xué)生的在線學(xué)習(xí)情況。之后，圍繞學(xué)生自主學(xué)習(xí)的結(jié)果，結(jié)合本章節(jié)的教學(xué)重難點(diǎn)，提出針對(duì)性的問題，引導(dǎo)學(xué)生結(jié)合課本中的教學(xué)案例，圍繞“H5導(dǎo)航欄設(shè)計(jì)中出現(xiàn)的常見問題”進(jìn)行探究學(xué)習(xí)。在具體的教學(xué)過程中，可適當(dāng)融入案例，引導(dǎo)學(xué)生在討論中共同完成。待到學(xué)生基本上掌握這一知識(shí)點(diǎn)后，還應(yīng)回歸到項(xiàng)目學(xué)習(xí)中，引導(dǎo)學(xué)生以小組作為載體，通過頭腦風(fēng)暴，經(jīng)群策群力共同完成作品，并對(duì)其進(jìn)行升級(jí)。教師則在這一過程中，觀察學(xué)生的學(xué)習(xí)態(tài)度，做好同步記錄等，并圍繞學(xué)生在小組探究中存在的疑惑進(jìn)行答疑，切實(shí)保障整個(gè)學(xué)習(xí)過程的順利開展。

最后，課后拓展，優(yōu)化教學(xué)效果。在線上線下混合式教學(xué)模式中，學(xué)生可將自己完成的作品上傳到網(wǎng)絡(luò)平臺(tái)上，引導(dǎo)學(xué)生進(jìn)行欣賞，并圍繞其展開評(píng)價(jià)，借助評(píng)價(jià)促使學(xué)生形成全面、深刻的認(rèn)知，并逐漸養(yǎng)成精益求精的良好習(xí)慣。在“H5導(dǎo)航欄設(shè)計(jì)”混合式教學(xué)中，就可引導(dǎo)學(xué)生將小組的作品上傳到平臺(tái)上進(jìn)行展示，學(xué)生可利用手機(jī)進(jìn)行查看和下載，并對(duì)其進(jìn)行全面、合理的點(diǎn)評(píng)。如此，不僅激發(fā)了學(xué)生的學(xué)習(xí)積極性，也促使學(xué)生在參與點(diǎn)評(píng)的過程中，拓展了自身的視野，并對(duì)所學(xué)知識(shí)進(jìn)行了鞏固，真正提升了學(xué)生的技能。

（四）構(gòu)建《前端技術(shù)》教學(xué)資源庫

以往，教師在開展《前端技術(shù)》教學(xué)時(shí)，基本上都是按照教材上的內(nèi)容進(jìn)行的，教學(xué)資源比較狹隘，與《前端技術(shù)》學(xué)科特點(diǎn)，以及學(xué)生的學(xué)習(xí)需求不相符。素質(zhì)教育背景下，為了進(jìn)一步提升《前端技術(shù)》的教學(xué)效果，應(yīng)圍繞教學(xué)目標(biāo)，為學(xué)生提供不同層次、不同性質(zhì)的教學(xué)資源，對(duì)其進(jìn)行整合和匯總，最終形成集教學(xué)大綱、教材內(nèi)容、教學(xué)視頻、課程案例、教學(xué)項(xiàng)目、題庫于一體的資源庫。首先，編寫教學(xué)大綱。在教學(xué)資源庫中，教學(xué)大綱具備指導(dǎo)性，屬于綱領(lǐng)性文件。必須要圍繞教學(xué)目標(biāo)、課程的特點(diǎn)、教學(xué)重難點(diǎn)、課時(shí)、考核方式等，科學(xué)設(shè)計(jì)教學(xué)大綱，并將其存儲(chǔ)到相關(guān)平臺(tái)上。其次，編寫并拓展教材內(nèi)容。在構(gòu)建混合式教學(xué)資源庫時(shí)，應(yīng)結(jié)合現(xiàn)行教材上的內(nèi)容，并結(jié)合具體的內(nèi)容進(jìn)行拓展和延伸，將其融入學(xué)習(xí)平臺(tái)中，旨在拓展學(xué)生的學(xué)習(xí)空間。再次，錄制教學(xué)視頻、整理課程案例等，主要是圍繞《前端技術(shù)》教學(xué)的特點(diǎn)和要求，精心錄制教學(xué)課件，并結(jié)合不同層次學(xué)生的學(xué)習(xí)需求，錄制難易程度不同的教學(xué)內(nèi)容，保存在教學(xué)資源庫中；還應(yīng)圍繞教學(xué)內(nèi)容，整理相關(guān)的課程案例，以便于學(xué)生在課下進(jìn)行自主學(xué)習(xí)。

（五）構(gòu)建全新的考核模式

鑒于線上線下混合式教學(xué)模式以及《前端技術(shù)》課程的特點(diǎn)，在推進(jìn)教學(xué)改革時(shí)，還應(yīng)著眼于課程的考核模式，基于互聯(lián)網(wǎng)這一平臺(tái)，構(gòu)建一套全新的考核模式。一方面，從考核形式上來說，可將其劃分為兩種，即：多人協(xié)作考核、單人考核。由于互聯(lián)網(wǎng)屬于一種信息化的教學(xué)平臺(tái)，與單人完成的模式相比，在實(shí)際工作中更加關(guān)注多個(gè)人的協(xié)作。在這種情況下，考慮到學(xué)生未來的就業(yè)情況，必須要增加多人協(xié)作的考核模式，還應(yīng)適當(dāng)提升上機(jī)實(shí)踐操作的考核比重，旨在強(qiáng)化學(xué)生的實(shí)踐能力，使其與未來行業(yè)需求接軌。另一方面，革新考核評(píng)定方式。應(yīng)試教育模式下培養(yǎng)出來的大學(xué)生，金字塔型的知識(shí)能力體系，致使學(xué)生的能力知識(shí)體系大同小異。但是進(jìn)入到大學(xué)之后，這種情況也隨之發(fā)生改變，傳統(tǒng)的單人考核評(píng)定方式已經(jīng)格格不入，而通過答辯、群里討論的考核模式往往取得了更優(yōu)的效果。鑒于此，在構(gòu)建《前端技術(shù)》線上線下混合式教學(xué)模式時(shí)，還應(yīng)充分利用互聯(lián)網(wǎng)平臺(tái)，設(shè)計(jì)相關(guān)的考核方式，以便于借助新型的考核模式，提升人才培養(yǎng)質(zhì)量［3］。

綜上所述，新時(shí)代背景下，傳統(tǒng)《前端技術(shù)》教學(xué)模式弊端日益顯露。面對(duì)這一現(xiàn)狀，就要基于互聯(lián)網(wǎng)信息平臺(tái)，積極構(gòu)建線上線下混合教學(xué)模式，并充分借助混合式教學(xué)模式的優(yōu)勢(shì)，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，提升學(xué)生的實(shí)踐能力、創(chuàng)新能力等，不斷提升人才培養(yǎng)質(zhì)量。

參考文獻(xiàn)：

［1］ 王曉.線上線下混合式教學(xué)在F?！缎旅襟w營(yíng)銷》中的應(yīng)用研究［D］.云南師范大學(xué)，2022.

［2］ 譚有倩，劉明，李艷萍.混合式教學(xué)在“Web前端技術(shù)”課程中的應(yīng)用策略及效果研究［J］.教學(xué)學(xué)術(shù)，2021（2）：72.

［3］ 羅劍，邢翠，聶鑫.混合式教學(xué)模式下Web前端技術(shù)教學(xué)資源建設(shè)研究［J］.軟件導(dǎo)刊，2021（7）：201.

［責(zé)任編輯 谷會(huì)巧］