高職院校JavaScript課程教學改革探索

高曉宇 吳春祥 任利敬

摘要：為了培養(yǎng)學生的專業(yè)技能、創(chuàng)新能力和實踐能力，對高職院校的JavaScript課程進行教學改革是十分必要的。通過分析目前JavaScript課程教學存在的問題，提出優(yōu)化教學內(nèi)容、改變教學方式和采用多元化的評估方式等教學改革措施，并對JavaScript課程教學改革進行了深入研究和探索。實踐的結果表明，采用新的教學改革措施有利于學生專業(yè)技能、創(chuàng)新能力和實踐能力的提升。

關鍵詞：JavaScript；教學改革；改革措施；研究；探索

中圖分類號：G642? ? ? 文獻標識碼：A

文章編號：1009-3044（2023）31-0148-03

開放科學（資源服務）標識碼（OSID）

0 引言

隨著信息技術的飛速發(fā)展，Web應用已經(jīng)成為人們生活中不可或缺的部分。JavaScript作為Web開發(fā)中的核心技術之一，已經(jīng)成為Web前端開發(fā)必不可少的技能。目前，傳統(tǒng)的JavaScript課程教學過于強調(diào)教師的主講地位，這種教學模式主要采用講授理論和演示案例的方式，由于其過于死板和缺乏實踐，難以激發(fā)學生的學習興趣和提高其實踐能力[1]。同時，由于JavaScript技術的更新和發(fā)展較快，傳統(tǒng)的課程教學內(nèi)容和方式已經(jīng)不能滿足現(xiàn)代Web開發(fā)的需求。

為了更好地培養(yǎng)JavaScript技術相關的人才，提高教學質量和效果，對JavaScript課程進行教學改革和探索是有必要的。本文旨在探討JavaScript課程教學改革的必要性和方向，并提出具體的改革措施和實踐經(jīng)驗，以期為JavaScript課程教學改革提供參考。

1 JavaScript學科特點

JavaScript是一門動態(tài)、弱類型的解釋型腳本語言，它不僅可以實現(xiàn)普通的表單驗證，還可以制作各種漂亮的頁面特效，并且近些年在Ajax技術和服務器通信上也有應用，越來越多的網(wǎng)頁選擇使用JavaScript語言。經(jīng)過多年的發(fā)展，JavaScript已成為世界上最流行的編程語言之一，在服務器、瀏覽器和智能手機中都運行著JavaScript，它目前廣泛應用于網(wǎng)頁開發(fā)、應用程序開發(fā)和游戲開發(fā)等領域[2]。

JavaScript課程作為計算機專業(yè)的必修課程之一，其教學內(nèi)容主要包括語法基礎、數(shù)據(jù)類型、基于對象編程、DOM操作、BOM操作和Ajax等方面。本課程理論性和操作性較強，在學習JavaScript課程之前，學生可以先修程序設計基礎、網(wǎng)頁設計基礎等課程，為以后學習Web前端等后續(xù)課程打下良好的基礎。

2 教學改革的必要性

2.1 教學內(nèi)容陳舊

許多JavaScript教材內(nèi)容陳舊，跟不上JavaScript技術的發(fā)展。首先，JavaScript本身是一門比較抽象的編程語言，且靈活多變。其次，高職的學生基礎薄弱，自主學習能力一般，理解能力有限，這種只注重理論學習的教學方式很容易使學生喪失學習激情，并且會給學生學習這門課帶來很大打擊[3]。很多高職學生在學習JavaScript時難以理解其概念和應用場景，將理論和實踐結合更是難上加難，難以提高其實踐能力和創(chuàng)新能力。

2.2 教學方式單一

傳統(tǒng)的JavaScript課程以講授理論和演示案例為主，教學方式單一，缺乏互動和實踐環(huán)節(jié)，難以激發(fā)學生的學習興趣和主動性，更難以提高學生的實踐能力和創(chuàng)新能力。其次，JavaScript內(nèi)容本身比較枯燥，如果不改變這種教學方式，學生學習效率會十分低下，在學習時容易分散注意力，遇到復雜的問題毫無頭緒，不知道如何解決，甚至會出現(xiàn)學生抵觸學習的心理，限制了學生的發(fā)展和創(chuàng)新能力的培養(yǎng)[4]。

2.3 評估方式單一

常用的教學評估方式包括期末筆試、課堂任務、考勤情況和平時作業(yè)完成情況等，難以全面評估學生的實踐能力和創(chuàng)新能力。比如閉卷考試，對學生理論知識點的要求比較高，有的學生會死記硬背一些知識點，但是并沒有真正理解其內(nèi)容，對實際操作并不熟練，不能以此來評估學生的實踐能力[4]。

3 教學改革的方向

3.1 優(yōu)化教學內(nèi)容

傳統(tǒng)的課程教學內(nèi)容已經(jīng)跟不上JavaScript技術的發(fā)展和應用，需要重新審視教學內(nèi)容，在優(yōu)化教學內(nèi)容方面，可以考慮從以下幾個方面入手：

1） 重視實踐應用。在課程中可以引入實際案例和項目實踐，優(yōu)秀的案例和項目很容易吸引學生的注意力，增加學生的學習激情，將理論知識和實踐操作相結合，不僅可以提高學生的學習效率，還可以讓學生更加了解JavaScript技術在Web開發(fā)中的應用。比如在講解Math對象隨機函數(shù)random（）的時候，可以引入“實現(xiàn)猜數(shù)游戲”的案例，通過講解游戲的內(nèi)容和涉及的知識點，引導學生分析問題并動手實踐，不僅增加了課堂的趣味性，而且還增強了學生分析問題和解決問題的能力。

2） 注重技術的更新和發(fā)展。為了提高JavaScript課程的實用性和應用性，可以引入最新的技術和框架。JavaScript技術日新月異，隨著前端技術的快速發(fā)展，不斷涌現(xiàn)出新的前沿技術，如React、Vue等框架。在課程中增加最新的前沿技術，可以讓學生第一時間學習到最新的技術知識，為學生以后就業(yè)發(fā)展提供更好的方向。

3） 注重開發(fā)流程。高職學生最終要走向社會，為企業(yè)創(chuàng)造價值。在課程教學中，企業(yè)開發(fā)流程的引入也非常重要，讓學生提前了解企業(yè)常用的開發(fā)模式，注重學生對于開發(fā)流程的掌握，包括項目管理、團隊合作等方面，讓學生在實踐中更加深入地理解企業(yè)開發(fā)流程和工作方式。此外，可以邀請校企合作的兼職教師開展技術講座，給學生講授企業(yè)常用的開發(fā)流程。

3.2 改變教學方式

單一的教學方式缺乏互動和實踐環(huán)節(jié)，不利于學生專業(yè)技能和實踐能力的提升，JavaScript課程可以采用多元化的教學方式。

1） 引入互動式教學?；邮浇虒W是通過營造一定的教學情境，在教師和學生對相關知識點的交流探討過程中，使雙方不同的觀點進行碰撞交融，進而激發(fā)教學雙方的主動性和探索性?；邮浇虒W方法多種多樣，各有特點，教師在教學過程中可以靈活運用。在教學過程中教師可以增加課堂討論、小組討論、學生演講等，提高學生的參與度和主動性。教師在課堂上應該加強與學生的互動，及時解答學生的問題，引導學生思考和探索，激發(fā)學生的學習興趣。在有些課程章節(jié)可以采用主題探討式互動的方式，學生以小組的方式對教師提出的主題進行交流探討。其次，每個小組派出同學代表對主題內(nèi)容進行講解，在講解的過程中學生將自己的觀點在潛移默化中進行碰撞交流，最后通過教師引導、學生討論總結和線下作業(yè)的方式實現(xiàn)學生對知識點的掌握[5]。這種方式不僅可以提升學生學習的主動性，也可以提高學生的表達能力和團隊協(xié)作能力。

2） 采用任務驅動教學法。任務驅動教學法是一種在教師引導下學生自主學習的教學模式，其特點是“以任務為主線、教師為主導、學生為主體”，改變了以往教師為主體，學生被動接受的教學模式。任務驅動教學法要結合學習內(nèi)容和教學目標合理地設計任務、分析任務和完成任務。教師在這個過程中要作為一個組織者、引導者和幫助者，要適當?shù)匾龑Ш蛶椭鷮W生，采用多種方式激發(fā)學生的思維[1]。以學生為中心，并不意味著教師責任的減輕，在任務完成的過程中，教師要給予一定的指導，并對學生完成任務的情況進行評價。比如在學習Date對象時，可以以“某平臺秒殺頁面”為例，如圖1所示。首先，教師可以引導學生對該頁面特點進行分析并總結其涉及的知識點。其次，教師可以安排學生通過查找資料、小組討論等方式，在規(guī)定的時間內(nèi)實現(xiàn)該任務。最后，教師對學生的完成情況進行評價，既要指出學生的長處，也要指出學生的不足，這樣才能發(fā)揮學生的創(chuàng)新能力和自學能力。通過實踐發(fā)現(xiàn)任務驅動法有利于激發(fā)學生的學習興趣，培養(yǎng)學生分析問題、解決問題的能力，提高學生自主學習及與他人協(xié)作的能力。

3） 采用案例分析教學法。案例教學法是以學生為主體的教學模式，教師在其中扮演設計者和激勵者的角色，鼓勵學生積極參與，解放學生思維。教師在教學過程中可以挑選或者設計一些比較優(yōu)秀的案例進行講解，也可以讓學生對案例進行分組討論。通過案例的演示，可以增加學生對學習的興趣，有助于學生對知識點的掌握[6]。比如在講解數(shù)組的相關知識點時，可以引入“制作簡單的焦點圖效果”的案例，該案例效果圖如圖2所示。

首先，教師可以演示呈現(xiàn)的焦點圖效果，吸引學生的注意力。其次，通過效果圖的演示引發(fā)學生進行思考，激發(fā)學生的學習興趣。最后，由教師和學生一起完成實現(xiàn)該效果圖的代碼，提升學生的實踐能力。

4） 引入多媒體教學手段?，F(xiàn)在的多媒體工具多種多樣，在教學過程中，教師可以根據(jù)教學內(nèi)容和教學目標的特點合理選擇和運用多媒體工具。目前，常用的多媒體工具有PPT、微課、在線編程工具和在線視頻等，這些多媒體工具不僅使教學內(nèi)容更加豐富，提高學生的學習興趣，也可以提高教師的課程教學效率。現(xiàn)在許多高職院校都建有多媒體機房，合理利用多媒體工具進行輔助教學，一些教學重難點會迎刃而解，起到畫龍點睛的效果。利用多媒體教學，將文字、圖像和聲音有機地結合在一起，充分調(diào)動了學生的感官，拓寬了信息傳遞的渠道，一些比較抽象的學生難以解決的問題可以直觀地呈現(xiàn)在學生面前，激發(fā)了學生的學習熱情，培養(yǎng)了學生獲取信息、分析問題和解決問題的能力[7]。此外，學生可以利用碎片化時間，課前通過觀看微課了解所學內(nèi)容，課后可以通過PPT和在線教學視頻復習所學的知識點，提高了學生的自主學習能力和學習效率。

5） 以賽促教，以賽促學，教賽結合。在高職院校，每年都會參與或舉辦一些國家級和省級的專業(yè)技能競賽，與JavaScript技術相關的比賽有很多，比如“藍橋杯”“小程序設計與開發(fā)”“Web應用軟件開發(fā)”和“融媒體內(nèi)容制作”等，學生競賽通常由任課教師選拔優(yōu)秀的學生，其次通過日常的訓練來提升學生的專業(yè)技能，許多學生在競賽中不僅提升了專業(yè)技能，還獲得相應的榮譽和獎金。教師在制定人才培養(yǎng)方案時，可以根據(jù)競賽的要求調(diào)整教學課程，在課程中增加一些競賽相關的內(nèi)容，鼓勵學生積極參加比賽，以賽促教、以賽促學，督促學生不斷學習，找到適合自己的學習方法，通過比賽提升自己的核心競爭力[8]。

3.3 多元化的評估方式

為了全面評估學生的實踐能力和應用能力，可以采用多元化的評估方式。

1） 項目實踐評估?？梢詫W生的實踐能力和應用能力納入評估體系，教師在課程教學中布置一些實踐項目，通過對學生項目報告的和實踐項目的完成情況來評估學生的實踐能力和創(chuàng)新能力。

2） 課堂表現(xiàn)評估。通過觀察學生在課堂上的參與度、表達能力、合作能力、課堂作業(yè)完成情況和對知識的掌握情況來評估學生的主動性和學習效果。評估學生的課堂表現(xiàn)可以幫助教師更好地了解學生的學習情況，以便為學生提供更有效的支持和指導。同時，這種評估也可以鼓勵學生更積極地參與課堂活動，并提高學生的自我評價能力。

3） 團隊合作評估。教師可以將學生分為不同的學習小組，通過學生在團隊項目中的實踐表現(xiàn)來評估學生的團隊協(xié)作能力和組織管理能力，包括團隊目標實現(xiàn)情況、學生溝通能力、貢獻程度和合作程度等。評估學生團隊合作能力可以幫助教師了解學生在團隊合作中的表現(xiàn)，并為團隊的進一步發(fā)展提供支持和指導。同時，這種評估還可以鼓勵學生積極地參與團隊活動，提高學生的團隊合作能力。

4） 教學質量評估。教師應鼓勵學生在學習過程中提出問題和建議，積極參與教學過程中。同時，也可以建立教師評價系統(tǒng)，對教學質量進行評估和改進。對于評估結果，教師應該及時對教學內(nèi)容、方法和機制進行調(diào)整，以適應學生的需求和教學效果的實現(xiàn)。教學質量評估可以幫助教師了解課程的教學效果，及時發(fā)現(xiàn)問題并加以解決，以提高課程教學質量和學生的學習效果。此外，這種評估方式也可以促進教師和學生之間的交流和合作，共同提高課程的教學質量。

4 教改實踐的效果

本課程考核評價標準由平時成績（20%） 、項目實踐（30%） 和期末成績（50%） 三部分組成，其中平時成績由考勤、平時作業(yè)、課堂互動和課堂任務參與度組成，項目實踐由課程設計、項目參與程度、成果展示和實驗報告組成，期末成績主要考察該課程的理論知識。

本課程以2021級軟件技術專業(yè)2108班、2109班和2110班為研究對象，對其進行了課程改革教學。教學結束后，使用超星平臺問卷調(diào)查功能從增強學習激情、提高自主學習能力和提高動手實踐能力三個方面進行調(diào)查，三個班共計165人，提交的有效問卷150份，調(diào)查結果見表1所示。由表1可知，認為可以增強自身學習激情、提高自主學習能力和通過項目實踐提高動手能力的學生數(shù)占比分別為90%、86.6%和87.3%。

通過對比課程未改革前2020級軟件技術專業(yè)2006班、2007班、2008班三個班的成績，如表2所示，教學改革后的學生優(yōu)秀率和良好率分別提高了4%和8%左右，不及格率降低了7%左右。此外，在教學改革后，在其他方面也取得了不錯的效果，學生參加競賽的熱度也有所提升，在挑戰(zhàn)杯、藍橋杯、大學生程序設計大賽等比賽中，班級中參與的人數(shù)提高了15%左右，學科競賽中的成績也有了明顯提升[9]。

5 結束語

本文對JavaScript課程教學改革進行了探索和研究，提出了一系列改革措施和建議，包括課程內(nèi)容的優(yōu)化、教學方式的創(chuàng)新和教學評價方式的多元化等。經(jīng)過兩年的教學實踐和對比分析，這些措施和建議彌補了傳統(tǒng)教學方式的缺陷，可以激發(fā)學生的學習興趣和積極性，提高學生的實踐能力和創(chuàng)新能力，改變了JavaScript課程的教學現(xiàn)狀，希望能對教育教學工作者和學生有所啟示，共同推動JavaScript課程教學改革和發(fā)展。

參考文獻：

[1] 胡靜靜，鄭吉鴻.JavaScript課程教學方法改革探討[J].淮北職業(yè)技術學院學報，2013，12（4）：74-75.

[2] 何志永.JavaScript課程教學優(yōu)化研究[J].教育與職業(yè)，2013（2）：140-141.

[3] 胡沛.JavaScript課程教學改革探索[J].電腦知識與技術，2011，7（32）：7944-7945.

[4] 麻少秋.“互聯(lián)網(wǎng)+” 時代下《JavaScript程序設計》信息化教學探究[J].軟件，2021，42（3）：55-57.

[5] 雷燕瑞，白蕾.高職JavaScript課程教學芻議[J].軟件，2014，35（1）：152-154.

[6] 徐華珍，宋偉，姚冬虎，等.JavaScript教學方法淺析[J].科技視界，2020（7）：31-32.

[7] 尤豫心，李培靈.高校數(shù)據(jù)挖掘課程教學改革新探與實踐[J].福建電腦，2023，39（3）：117-120.

[8] 周小麗.JavaScript課程的教學方法[J].信息與電腦（理論版），2021，33（4）：221-223.

[9] 馮巖，尤磊，李健，等.新工科背景下人工智能課程的教學改革[J].福建電腦，2022，38（4）：118-120.

【通聯(lián)編輯：王 力】