過程性評價在“Web前端開發基礎”課程中的應用研究

摘? 要：“互聯網+”和網絡應用為人們生活的方方面面打開了可能，“Web前端開發基礎”課程是計算機專業的基礎課程，諸多教育工作者正在尋求該課程的教學改革創新之路，但目前教學評價中存在的問題阻礙了該課程的持續發展。從過程性評價角度出發對該課程進行改革，應用“線上平臺+線下課堂”的混合模式進行教學實踐，發現過程性評價能夠調動學生課堂參與的積極性，提高學生對課堂教學的滿意程度，提升學生的學習效果。

關鍵詞：互聯網+；Web前端開發基礎；過程性評價

中圖分類號：TP39；G434；G71 文獻標識碼：A 文章編號：2096-4706（2023）11-0190-05

Research on the Application of Process Evaluation in the Course “Web Front-end Development Foundation”

XIAO Danyang

（School of Physics and Electronic Science， Guizhou Normal University， Guiyang? 550025， China）

Abstract：“Internet plus” and network application have opened the possibility for all aspects of people's life. The course “Web front-end Development Foundation” is a basic course for computer majors. Many educators are looking for the way of teaching reform and innovation of this course， but the problems existing in the current teaching evaluation hinder the sustainable development of this course. The course is reformed from the perspective of process evaluation， and the blending mode of “online platform+offline classroom” is applied to carry out teaching practice. It is found that process evaluation can mobilize students' enthusiasm for classroom participation， improve students' satisfaction with classroom teaching， and improve students' learning effect.

Keywords： Internet plus; Web front-end development foundation; process evaluation

0? 引? 言

在經濟全球化、信息化的今天，人們熟悉的“互聯網+”和網絡應用為人們生活的方方面面打開了可能。有了網絡，人們的各項活動已不再受時間和空間的限制。網站作為一種高效便捷的工具和平臺，正越來越多地融入人們的生活，需要有更多的Web網站開發人才服務于互聯網行業。隨著人們對Web應用交互需求的增加，Web前端開發技術變得更加高深，更加專業化，簡單的網頁創建已經不能滿足于市場的需求。根據市場對Web前端開發人才的需求，越來越多的中職院校開始將Web前端開發技術作為軟件技術專業的一個特有方向。以Web前端開發技術課程為例，從過程性評價角度出發尋找該課程的創新改革之路，以打破傳統課堂教學的束縛，充分培養學生的邏輯思維和編程思維。

1? “Web前端開發基礎”課程

1.1? 課程性質

“Web前端開發基礎”課程是計算機專業中需要以扎實的理論知識培養學生實踐技能的一門核心課程。前端開發是為網站或應用程序等創建前端界面的過程，通過HTML、CSS和Java Script等技術擴展的新軟件框架和技術路徑有助于使計算機等其他網絡產品具備實時交互功能[1]。

1.2? 目前課程教學中的評價問題

在“互聯網+”的背景下，中職院校的“Web前端開發基礎”課程在不斷地進行改革創新，授課教師也更加看重學生的技能提升。然而，在教學實踐過程中，該課程的教學效果評價方式還存在一些問題，影響了學生對技術知識的掌握。

1.2.1? 評價方式單一

中職學校每個學期都會要求學生以無記名方式在線上對教師的教學方式、教學效果、教學滿意度等進行評價。“Web前端開發基礎”課程包含很多與計算機相關的專業內容和操作內容，學生若仍以匿名評價方式對待這門課程，很容易出現評價主觀化、單一化傾向。“Web前端開發基礎”是一門實踐課程，但有的教師還是采用常規的平時成績和考試成績來考評學生的學習效果，會帶來評價結果不能客觀反映學生技術掌握情況的問題[2]。

1.2.2? 評價內容存在局限性

中職院校教師僅僅是在一學期的期末對學生進行平時成績+期末考試成績的綜合評價，其中平時成績包括對學生上課出勤情況和完成課后作業情況等內容的評價，而期末考試成績占比較大，并且只局限于對理論知識的考核。這種評價方式具有局限性，不利于對學生綜合水平的考察。“Web前端開發基礎”是一門實踐性很強的課程，如果教師過于重視考核結果而忽視考核過程，就會忽略對學生學習態度、課堂表現及創新思維能力的考核，從而不利于對學生進行全面客觀的評價[3]。

1.2.3? 有效性評估不充分

采用過程性評價后，有些中職院校出現了實效性不足的問題。由于一些老教師多年來都是采用單一的評價模式，對以往的評價環節和評價指標體系已經形成思維定式。他們因為不夠充分了解過程性評價的評價內容和評價方式，不能熟練地將這種評價方式應用于教學中，導致他們在實際教學過程中并未正確地融入過程性評價，也就未能發揮其應有的評價效果[4]。此外，教師無法在理論知識教學和實際技能教學之間找到平衡，在評價中無法量化學生實際操作能力，致使學生不夠重視實踐項目，不注重自己實際應用能力的提升。

2? 過程性評價在“Web前端開發基礎”課程中的應用

2.1? 過程性評價的優點

首先，過程性評價可以幫助協調學習活動。過程性評價強調學生自身的學習活動，其評價結果可以讓學生確定他們目標實現的程度，使學生知悉未來需要付出多少努力和時間才能完全理解本單元的內容。其次，通過學習成果的外部確認起到自我提升的作用。學生在過程性評價的幫助下完成了學習目標并獲得滿足感。再次，可以借助過程評價來診斷學習問題。例如，教師可以通過過程性評價發現課程教學中還有哪些沒有突破的學習課題和學生沒有掌握的知識技能，進而使未來學習的重點得以明確。最后，在過程性評價的幫助下，學生可以發現學習的困難所在，這有助于教師制定適當的教學計劃。開展過程性評價既有助于激勵和引導學生的學習，也有助于教師的自我提升[5]。

2.2? 利用現代信息手段實現過程性評價

課堂教學的改革和信息技術的發展，使學生在教師的積極引導下，可以使用廣泛的學習平臺進行學習，而不僅僅限于手邊的課本。利用現代信息技術設計有趣的教學軟件，從而激發學生的學習興趣并及時對學生的學習進行過程性評價。在整個教育教學過程中以各種方式評價課程教學，以切實了解學生的操作技能情況。線上單元測試和考核標準如圖1所示。

考慮到“Web前端開發基礎”教學評價方式單一的問題，教師們可以充分利用現有的互聯網等教學資源，構建線上和線下混合評價方式。對于線上考核，教師可以每周或每月通過學習通等學習平臺檢查學生對課本內容的掌握程度，及時了解學生對理論知識和技能的掌握情況，為學期末的綜合考核打下良好的基礎，如圖1所示為“Web前端開發基礎”線上單元測試題和課程考核標準；對于線下考核，教師可以根據學生平時作業的完成情況，在組內開展互評模式，并要求學生找到自己與組內成員的學習差距和需要改進的地方。圖2展示了過程性評價在整個教學過程中的應用。

2.2.1? 課前評價

在日常課程教學之前，學生可以在學習通平臺上觀看教學視頻，預習課程內容，提前了解“Web前端開發基礎”中HTML、CSS、Java Script的相關概念和理論知識。通過教學視頻的學習，學生對相關語法知識有了一定程度的了解，可以嘗試進行簡單網頁的制作，以加深對課程內容的理解。預習過程中遇到的任何問題學生都可以在學習通平臺上留言，教師會及時檢查學生的課前預習情況，對學生提出的問題進行反饋以幫助學生解決問題。圖3給出學生在學習第二章HTML基礎時，可以登錄學習通查看預習目標和教學大綱，觀看教學視頻并進行教學前測。

2.2.2? 課中評價

該課程采用基于任務驅動的教學法，在授課過程中，教師可以直接打開瀏覽器搜索一些有代表性的網站讓學生了解本節課的學習目標，然后讓學生運用所學知識點將其實現。在實現過程中教師要對學生存在的問題及時做出反饋，有針對性地講解以加強學生對所涉知識技能的理解與掌握。

在給學生布置實踐任務時可以結合翻轉課堂模式，讓學生以自愿組合的方式分組去完成大型實踐項目。如構建某個網站頁面，學生要提前獲取信息，結合教師課堂上所講的知識和線上視頻去了解實際操作方法，隨后進一步將其應用到實際任務當中。這種學習方式可以讓學生主動選擇完成實際任務時所需的應用技能和知識點，不僅加深了他們對基礎知識的理解，還通過交流、合作和創新提高了他們的實際操作能力和團隊合作能力。例如學生通過“線上平臺+線下課堂”學習了HTML文字段落標記和圖像標記后，教師讓學生利用記事本工具和HTML標記制作了個人愛好介紹的網頁，如圖4所示，圖5給出了個人愛好頁面展示和相關核心代碼。

項目完成后，小組派代表進行作品匯報，展示相應網頁并分享制作過程中的心得體會，其余同學進行提問點評，授課教師進行作品點評，對作品中的亮點之處進行表揚，對作品所存在的問題予以指正，并督促學生及時修正完善作品。

2.2.3? 課后評價

在日常課程教學之后，教師可以錄制補充視頻再次講解課堂中學生未能充分理解的知識點。一節課的時間畢竟是有限的，“線上線下相結合”有助于學生利用課后時間進行復習和鞏固，進一步加深對知識點的理解和應用。

家庭作業是課堂教學評價中不可或缺的一部分，盡管以往教師布置的作業存在單調、重復、機械等諸多缺點，但課后作業的重要性是不可否認的。課后作業既有助于學生對知識的鞏固和掌握，還能培養學生的實踐能力。在講授完每個模塊的內容后，教師會在學習通平臺上給學生布置網頁設計的作業，學生明確相關要求完成作業。

學生在完成作業的過程中有任何問題都可以在學習通平臺上留言，教師對學生的不解之處及時給予解答，引導學生順利完成作品的制作。學生線上提交作品后，教師會及時進行點評和反饋。

3? 過程性評價實施

3.1? 研究對象

選取陜西某職業院校2020級計算機專業兩個班共計50名學生作為研究對象，進行為期6周的“Web前端開發基礎”教學實踐。一個班為實驗組，授課過程注重過程性評價，另一個班為對照組，采用傳統授課方式進行教學。

3.2? 研究方法

過程性評價實施后向50名學生發放調查問卷，以了解學生課堂參與的積極性、課堂滿意度和學習效果。該問卷包含三個維度，由12道選擇題組成。采用李克特五點計分量表，每個題目設置五個選項，分別為非常不同意、不同意、一般、同意、非常同意，分別賦值為1、2、3、4、5分。

設置第一題到第三題旨在了解學生課堂參與的積極性，包括課堂發言的積極性、任務完成的積極性以及與同學合作的積極性。

設置第四題到第七題旨在了解學生的學習效果，包括學習興趣、學習信心、學習態度和學習能力的提升。

設置第八題到第十題旨在了解學生對課堂的滿意度，包括授課方式滿意度、小組合作滿意度以及教師反饋滿意度。

為了探究過程性評價在中職“Web前端開發基礎”課程中的應用效果，對實驗組和對照組的調查結果量化后利用SPSS軟件進行獨立樣本T檢驗。

3.3? 數據分析

3.3.1? 學生課堂參與的積極性

從如表1所示的統計結果中可以看出，實驗組在課堂發言的積極性、任務完成的積極性以及與同學合作的積極性三個方面的均值都高于對照組，且P值均小于0.05，說明兩個組在學生課堂參與上存在顯著差異，即過程性評價能夠顯著提高學生的課堂參與積極性。學生課堂參與的統計結果如表1所示。

3.3.2? 學生學習效果的提升

從如表2所示的統計結果中可以看出，實驗組在學習興趣、學習信心、學習態度和學習能力四個方面的均值都高于對照組，且P值均小于0.05，說明兩個組在學生學習效果上存在顯著差異，即過程性評價能夠顯著提高學生的學習效果。

3.3.3? 學生的課堂滿意度

從如表3所示的統計結果中可以看出，實驗組在授課方式滿意度、小組合作滿意度以及教師反饋滿意度三個方面的均值都高于對照組，且P值均小于0.05，說明兩個組在學生的課堂滿意度上存在顯著差異，即強調過程性評價的教學更能讓學生滿意。

4? 結? 論

從過程性評價角度出發對課程進行改革，應用“線上平臺+線下課堂”的混合模式進行“Web前端開發基礎”課程的教學，調動了學生課堂參與的積極性，提高了學生對課堂的滿意度，提升了學生的學習效果，增強了學生對知識和技能的理解和掌握，有利于學生應用所學知識技能解決問題。

“互聯網+”時代對中等職業教育既是機遇也是挑戰，盡管互聯網為中等職業教育提供了更加便捷的平臺，但與此同時，IT行業在實踐能力上對中職學生有了更高的要求。教師們需要把改革創新融入教學活動，時刻關注著IT行業對學生的需求變化。在當今這個飛速發展的時代，Web前端開發技術應用于生產和生活的方方面面，所以中職院校已經擁有龐大的社會資源來開展這門課程。分析Web前端開發技術課程在“互聯網+”時代存在的各種問題，從過程性評價角度出發對課程進行改革創新，不僅有利于提升教師的教學技能和職業素質，提高課程教學質量，也有利于提升學生的職業技能和綜合素質，提高學生的實踐應用能力和編程思維能力，以適應社會對中職應用型人才的需求，滿足IT行業對Web前端開發工程師的要求。

參考文獻：

[1] 儲久良.Web前端開發技術課程教學改革與實踐 [J].計算機教育，2014，218（14）：12-15.

[2] 孟瑤，葛玉潔，王康，等.“Web前端開發技術”課程微課設計研究 [J].計算機時代，2019（3）：82-84.

[3] 吳鴻韜，李智，袁玉倩.基于OBE理念的Web前端開發技術課程教學改革 [J].計算機教育，2019，299（11）：91-93+98.

[4] 王婷婷.高職Web前端開發教學中的新教法研究 [J].現代信息科技，2022，6（10）：196-198.

[5] 盧秋錦.基于“WEB前端技術”課程的智慧課堂構建與實踐 [J].寧波工程學院學報，2021，33（2）：121-127.

作者簡介：肖丹陽（1995—），女，漢族，陜西安康人，碩士研究生在讀，研究方向：信息技術。

收稿日期：2022-12-14