基于構(gòu)建主義和知識共享的Web前端技術(shù)課程“三段式”教學改革

摘要：為改善傳統(tǒng)教學采用單一教學方法的不足，在構(gòu)建主義和知識共享理論的基礎(chǔ)上，提出了基于Web前端技術(shù)課程的“三段式”教學改革方法，根據(jù)各階段教學內(nèi)容和學生知識體系的不同，采用翻轉(zhuǎn)課堂、任務(wù)驅(qū)動、項目教學等不同的教學方法。實踐證明，“三段式”教學既符合學生的認知規(guī)律，又有助于拓展學生的知識面和技能;既有利于提高學生的自主學習能力和創(chuàng)新能力，又能促進學生養(yǎng)成知識共享行為與習慣，最大程度地優(yōu)化學生的學習路徑。

關(guān)鍵詞：構(gòu)建主義;知識共享;三段式教學;Web前端;教學改革

隨著移動互聯(lián)網(wǎng)技術(shù)的發(fā)展和移動終端設(shè)備的普及，各類Web應(yīng)用呈現(xiàn)爆發(fā)式增長態(tài)勢，這為Web前端開發(fā)者提供大量工作崗位的同時，也賦予了Web前端技術(shù)快速發(fā)展和前端框架更新迭代周期縮短的特點。Web前端涉及的內(nèi)容繁多并相對零散，這就要求教師在Web前端技術(shù)課程教學過程中，不能只是書本知識的傳授者，而更應(yīng)是教育的組織者和輔助者，幫助學生完成知識建構(gòu)。

近年來，隨著高職招生規(guī)模的不斷擴大，50人左右的專業(yè)班級在高職院校已是普遍現(xiàn)象，大班化教學成為常態(tài)。一方面，受到教學場地、教育經(jīng)費、師資力量等條件的制約，實施小班化教學的困難與日俱增。另一方面，隨著高職招生考試的改革，學生群體在知識基礎(chǔ)、學習能力與學習習慣等方面的差距在拉大，大班化教學難以達到預(yù)期目標。

鑒于此，筆者以培養(yǎng)“自我構(gòu)建，善于共享”的創(chuàng)新創(chuàng)業(yè)型工程人才為目標[1]，以構(gòu)建主義學習理論和知識共享理論為指導(dǎo)，結(jié)合Web前端技術(shù)課程的特點，探索促進當代高職學生謀求個人進步和兼顧團體發(fā)展的新型“三段式”課堂教學模式，以期為高職課堂教學實踐提供新思路與新視角。

一、構(gòu)建主義和知識共享的內(nèi)涵與融合

構(gòu)建主義學習理論認為：“學習的過程是學習者在自身原有知識和經(jīng)驗的基礎(chǔ)上，通過與外界的相互作用，主動構(gòu)建新的理解和內(nèi)在心理表征的過程”[2-3]。構(gòu)建主義強調(diào)學習過程是學習者在一定的學習環(huán)境中，借助學習資料和他人的幫助主動建構(gòu)知識的過程，是學習者與外部環(huán)境交互作用的結(jié)果。與傳統(tǒng)的客觀主義學習理論的靜止性、絕對性和單向性不同，構(gòu)建主義具有交互性、相對性和生成性等特點[4]。

構(gòu)建主義鼓勵學生追求個性化學習，充分體現(xiàn)“以學生為中心”的教學原則。然而，個體知識對于組織的作用比較有限，只有將個人的知識進行共享后才能有效地與其他知識融合再創(chuàng)新。知識的交換和流動，也能有效為知識共享主體間知識優(yōu)勢互補創(chuàng)造條件，知識共享是知識創(chuàng)新的關(guān)鍵途徑和驅(qū)動力[5-6]，知識共享在合作創(chuàng)新中扮演重要角色[7]。

二、Web前端技術(shù)課程教學現(xiàn)狀

Web前端開發(fā)作為2005年互聯(lián)網(wǎng)進入Web 2.0時代才興起的職業(yè)，在過去10多年間，Web前端開發(fā)崗位需求急劇增長，Web應(yīng)用已深入到社會的各個領(lǐng)域和角落，“Web前端技術(shù)”已成為各高職院校計算機類專業(yè)的必修課程。

《國家中長期教育改革和發(fā)展規(guī)劃綱要》引領(lǐng)全國各高職院校積極探索教學改革，隨著教學改革的不斷深入，國內(nèi)很多學者已分別對教材、教學內(nèi)容、教學平臺、教學手段、教學方法和教學模式等方面進行了探索和研究，取得了顯著的成績。目前，各高職院校在Web前端技術(shù)課程教學中已普遍實施翻轉(zhuǎn)課堂、微課、混合式教學等“互聯(lián)網(wǎng)+”信息化教學模式，情景教學、案例教學和項目化教學等教學方法也廣泛應(yīng)用于各高校Web前端技術(shù)課程課堂教學。一方面，各種信息化教學手段有助于學生碎片化學習和選擇性學習，提高學生發(fā)揮主觀能動性，學生主動運用已有知識和經(jīng)驗，通過互動，加強知識的理解與吸收;另一方面，教學過程監(jiān)督控制和教學質(zhì)量保證困難也是翻轉(zhuǎn)課堂、微課、混合式教學中普遍存在的問題。傳統(tǒng)教學、翻轉(zhuǎn)課堂、混合式教學各有自己的優(yōu)勢和劣勢，如表1所示。

由于Web前端技術(shù)課程具有互聯(lián)網(wǎng)和內(nèi)容更新迭代快速等特性，傳統(tǒng)教學模式已很少應(yīng)用于前端技術(shù)課程，翻轉(zhuǎn)課堂的特點決定其只能成為輔助的教學手段，不適合作為長期教學，翻轉(zhuǎn)課堂對操作性與技術(shù)較強的課程也難以勝任。目前，Web前端技術(shù)課程普遍采用混合式教學模式和任務(wù)驅(qū)動與項目式教學法，既培養(yǎng)了學生學習的自主性、探究性與創(chuàng)造性，也培養(yǎng)了學生的項目開發(fā)技術(shù)技能。然而，學生在Web前端技術(shù)課程學習的不同階段采用同樣的教學方法和手段，不利于學生綜合能力的培養(yǎng)。

三、Web前端技術(shù)課程“三段式”教學設(shè)計

“三段式”是指將整個培養(yǎng)過程分為三個主要階段，這三個階段呈遞進式，既相互獨立，又相互聯(lián)系;既充分發(fā)揮出教師的引導(dǎo)、啟迪、監(jiān)控教學過程的主導(dǎo)作用，又充分展現(xiàn)學生在學習過程中的主動性、趣味性與創(chuàng)造性?！叭问健蹦Ｊ礁鶕?jù)學生在不同時期知識體系及技能的差異，運用不同的教法，契合“因材施教”的理念。

從已掌握的關(guān)于“三段式”相關(guān)研究的參考文獻來看，專家學者們對“三段式”在不同領(lǐng)域展開了研究。如尹玉杰等從不同視角對“三段式”人才培養(yǎng)模式進行了研究[8-11];田舒雅和呂閏生分別對健美操和畢業(yè)設(shè)計課程“三段式”教學模式進行了實踐[12-13];涂思思和盧美玉分別從職業(yè)判斷能力培養(yǎng)和教學評價方面進行了“三段式”探索[14-15]?！叭问健蹦Ｊ綉?yīng)用在課程的教學中，主要有兩種方式：一是將某門課程的教學劃分為三個階段，另一種是將一堂課劃分為三個階段，本文探討的是第一種。通過對已有文獻梳理發(fā)現(xiàn)，“三段式”教學模式應(yīng)用于課程教學的相關(guān)研究數(shù)量甚眾，而對不同學習階段采用什么教學方法更有效的問題確鮮有研究。本文試圖構(gòu)建一種新型的“三段式”教學模式，課程教學過程分為基礎(chǔ)知識學習、基本技能訓練和項目實戰(zhàn)三個階段，分別采用的主要教學方法依次為翻轉(zhuǎn)課堂、任務(wù)驅(qū)動+案例教學和小組項目式作業(yè)，如表2所示。

Web前端開發(fā)技術(shù)學習門檻相對于Java等編程語言來說較低，主要內(nèi)容包括HTML、CSS和JavaScript三大塊。除此之外，Web前端開發(fā)人員還需要掌握渲染原理、網(wǎng)站性能優(yōu)化、SEO和瀏覽器兼容性等內(nèi)容。以羅定職業(yè)技術(shù)學院移動應(yīng)用開發(fā)專業(yè)為例，Web前端技術(shù)課程在第三學期開設(shè)，共96學時，其“三段式”教學內(nèi)容設(shè)計如表3所示。

四、教學改革措施

基于Web前端技術(shù)課程涉及內(nèi)容繁多、學習門檻相對較低和前端框架/庫迭代快速等特點， 本文提出以下幾點課程教學方法改革的嘗試。

（一）培養(yǎng)學生的自主學習能力和溝通技能

Web前端技術(shù)課程雖然操作性強，但還是有部分理論知識的學習是用項目驅(qū)動教學不能完全勝任的。在“基礎(chǔ)知識學習”的第一階段，學生通過課余時間觀看教師制作的微課視頻和導(dǎo)學提示，積極參與課堂討論和完成教師布置的網(wǎng)絡(luò)作業(yè)掌握理論知識。此階段主要幫助學生養(yǎng)成自主學習的習慣，促進學生找到適合自己的學習方法，培養(yǎng)學生的自主學習能力和溝通技能。

（二）培養(yǎng)學生的責任感、團隊精神和知識共享行為與習慣

在“項目實戰(zhàn)”的第三階段，學生通過自由組合項目式作業(yè)小組，民主選舉組長，自主選題，合理分工協(xié)作共同完成課程目標。興趣是做好工作的源動力，學生的興趣和對教學內(nèi)容與方法的認可度是決定教學效果的重要因素。項目式作業(yè)小組成員通過討論，選擇自己熟悉的領(lǐng)域或主題，完成網(wǎng)站前端制作。傳統(tǒng)的做法是教師定好網(wǎng)站主題，這樣就使得部分學生失去了創(chuàng)造力和想象空間，學生的創(chuàng)作激情普遍不高。而學生通過自主選題，給自己增添想象和創(chuàng)作空間的同時，在后期網(wǎng)站制作過程中碰到的種種困難都會想辦法克服，而非輕易放棄。

高職招生的改革，學生之間的知識基礎(chǔ)和學習能力差距在拉大，僅靠教師的課堂傳授，而沒有課后同學之間知識共享行為與習慣的支撐是難以縮小學生之間的差距的。計算機軟件技術(shù)快速發(fā)展，各大高校都將計算機專業(yè)學生自學能力的培養(yǎng)作為人才培養(yǎng)過程的核心。組織學習和知識共享是學生獲取知識的重要途徑，是快速提高學生競爭力和知識互補的重要手段，是實現(xiàn)知識創(chuàng)新的有效方式。如果知識不能在組織層面共享，僅僅為少部分學生所用，也就未形成組織知識，不能更大程度發(fā)揮其作用。小組項目式作業(yè)教學法是以在保證每組學生綜合能力相當?shù)那疤嵯?，提倡學生自由組合，這在一定程度上增強了項目小組成員間溝通和協(xié)作的基礎(chǔ)和意愿。由于小組項目式作業(yè)涉及的知識與技術(shù)繁多，再加上課程成績多元評價、小組作品線上線下展示和青年學生強烈的爭強好勝心理，為爭取項目順利完成，并在項目展示和答辯時取得好評，項目小組內(nèi)部組員之間和項目小組之間的知識共享需求、共享意愿和共享行為在小組項目式作業(yè)完成過程中都遠遠超過平時水平。

（三）三個不同的學習階段采用三種不同的教學方法

近幾年，翻轉(zhuǎn)課堂、混合式教學、任務(wù)驅(qū)動和案例教學等教學方法雖然取得了巨大的成功，但還不能完全取代傳統(tǒng)教學，每種教學方法都有自身適合的范圍和缺陷。

在“基礎(chǔ)知識學習”的第一階段，主要教學內(nèi)容為本課程的基礎(chǔ)性知識，涉及知識點較多，但難度不大，如果全部都在課堂上講授，學時不允許，學生的學習效果也會大打折扣。因此，本階段非常適合采用翻轉(zhuǎn)課堂教學模式，學生利用空余時間基本能完成基礎(chǔ)知識的學習，教師只需在課堂上重點講解個別知識點和解答共性問題即可。

在“基本技能訓練”的第二階段，主要教學內(nèi)容為本課程的重點與難點知識，邏輯性較強，需要同學們理解。因此，本階段采用任務(wù)驅(qū)動+案例教學的方式。將知識點融入到案例中，讓學生“在做中學，在學中做”，降低學生的理解難度。通過對案例的分析過程、解決過程和總結(jié)，學生的Web前端基本技能得到了訓練與鞏固。此階段影響教學效果的關(guān)鍵性因素是教師設(shè)計的教學案例，相對零散的知識點融入單一案例中越多，越有利于提高教學效果。

在“項目實戰(zhàn)”的第三階段，主要教學內(nèi)容為項目合并與調(diào)試、瀏覽器兼容性測試、作品演示注意事項、答辯技巧等。本階段采用“小組項目式作業(yè)”教學法。實踐表明，項目實戰(zhàn)階段采用“小組項目式作業(yè)”教學對提高學生的學習熱情、責任感、團隊精神和自信心等方面都有著顯著的效果。

（四）突出過程考核，優(yōu)化考核評價機制

改變“重結(jié)果，輕過程”的考核方式，推行“以知識體系為基礎(chǔ)，以編程實踐能力為重點，理論與實踐考核并重、突出過程考核、重視結(jié)果考核、將學生知識共享意愿與行為納入課程考核”的綜合考核評價方法，即課程總評成績=平時考核20%+期末考試40%+小組項目式作業(yè)考核30%+知識共享意愿與行為10%。其中，理論考核占40%，而過程性考核占60%，平時考核包括學生上課考勤、課堂內(nèi)外作業(yè)和練習、線上學習情況等，主要由教師考核學生;期末考試主要考核學生對課程知識體系的掌握與應(yīng)用情況;小組項目式作業(yè)考核由項目作業(yè)組長考核組員對項目的參與度與貢獻值、組員互評和項目展示與答辯三個部分組成，采取組長考核、組間互評和教師評分三者相結(jié)合的原則，突出教師主導(dǎo)地位和學生主體地位。知識共享意愿與行為評價分為組內(nèi)互評和組間評價兩部分，組內(nèi)互評和組間評價分別占比70%和30%。

“Web前端技術(shù)”的教學改革是一項長期而又艱巨的任務(wù)，需要學校、學者、教師等多方面長期研究、實踐，針對Web前端技術(shù)的不斷發(fā)展適時調(diào)整課程教學內(nèi)容、教學方法和教學計劃。在構(gòu)建主義學習理論和知識共享理論的基礎(chǔ)上，通過對Web前端技術(shù)課程的“三段式”教學改革，根據(jù)各階段教學內(nèi)容和學生知識體系的不同，采用三種不同的教學方法?！叭问健苯虒W既符合學生的認知規(guī)律，又有助于拓展學生的知識面和技能，最大程度地優(yōu)化學生的學習路徑。一年多來的教學實踐結(jié)果表明，Web前端技術(shù)課程的“三段式”教學改革對學生的自主學習能力和自信心的提升，知識共享行為與習慣、責任感、團隊精神、創(chuàng)新能力與工匠精神的培養(yǎng)都有著積極顯著的效果。讓學生完成從“能學習到會學習”的轉(zhuǎn)變，體會學習的快樂和成就感，實現(xiàn)從“愿意學習到享受學習”的過渡。

參考文獻：

[1]羅才華.高職院校創(chuàng)業(yè)型工程人才培養(yǎng)模式的探索與思考[J].內(nèi)江科技，2019（2）：129-130.

[2]趙文杰，馮僑華，張玉萍.基于構(gòu)建性學習的“互聯(lián)網(wǎng)+”混合式教學理論研究[J].黑龍江教育：高教研究與評估，2019（4）：24-26.

[3]張業(yè)，李和平.構(gòu)建主義視角下理工科專業(yè)基礎(chǔ)課新型教學模式初探——以物理化學與化工熱力學教學探索為例[J].教育教學論壇，2015（1）：120-122.

[4]許正興.智慧服務(wù)背景下的圖書館學五定律推演與重構(gòu)——以后現(xiàn)代構(gòu)建主義知識觀為視角[J].圖書館論壇，2015（1）：25-29.

[5]李佳賓，朱秀梅，湯淑琴.知識共享研究述評與未來展望[J].情報科學，2019（5）：166-172.

[6]王占軍，潘夢君.大學教師科研合作中的知識共享：制約因素與機制改善[J].江漢大學學報，2019（3）：115-124.

[7]劉和東，徐亞萍.合作創(chuàng)新中知識共享關(guān)鍵要素的影響效應(yīng)研究[J].南京工業(yè)大學學報（社會科學版），2019（2）：90-97.

[8]尹玉杰，劉允濤.高職院校計算機應(yīng)用專業(yè)“分方向三段式學徒制”人才培養(yǎng)模式的探索與實踐[J].中國職業(yè)技術(shù)教育，2019（26）：93-96.

[9]楊福猛，章敏鳳.專業(yè)職業(yè)二次選擇的三段式人才培養(yǎng)模式研究與實踐——以安徽信息工程學院為例[J].黑河學院學報，2019（6）：99-101.

[10]曾勇慶，王慧，季相山，等.養(yǎng)殖類專業(yè)研究生應(yīng)用型人才的三段式培養(yǎng)模式研究[J].山東畜牧獸醫(yī)，2018（4）：63-64.

[11]楊紅濤.“課證融通”三段式人才培養(yǎng)模式在高職教育中的應(yīng)用[J].教育現(xiàn)代化，2016（24）：16-18.

[12]田舒雅.“三段式”任務(wù)驅(qū)動教學法在普通高校健美操公選課教學中的應(yīng)用研究[D].昆明：云南師范大學，2019.

[13]呂閏生.“三段式”畢業(yè)設(shè)計（論文）教學體系構(gòu)建[J].實驗技術(shù)與管理，2017（10）：158-160.

[14]涂思思.高職會計專業(yè)學生職業(yè)判斷能力培養(yǎng)的三段式教學研究[J].營銷界，2019（9）：206-207.

[15]盧美玉.“3+3”三段式評價讓中職計算機教學更精準[J].職業(yè)教育（中旬刊），2019（20）：40-42.

（責任編輯：張宇平）