“JavaScript程序設計基礎”課程思政教學設計與實踐

吳菁 王蘋 李超燕

摘 要：《高等學校課程思政建設指導綱要》指出，要在全國所有高校、所有學科專業全面推進高校課程思政建設，要把課程思政融入課堂教學建設的全過程[1]。本文以“JavaScript程序設計基礎”課程為例，對接1+X職業技能等級評價標準，以“工匠心做事，感恩心做人”為引領，多角度分層次凝練思政元素，深入探索課程思政的教學內容和方法，實現立德樹人的育人目標。

關鍵詞：課程思政；教學目標；思政元素；JavaScript程序設計

中圖分類號：G712? ? ? ? ? ? ? ?文獻標識碼：A? ? ? ? ? ? ? ? 文章編號：1674-2346（2023）02-0076-05

教育部印發的《全面推進高等學校課程思政建設》明確提出：全面推進高校課程思政建設是落實立德樹人根本任務的戰略舉措。在高校價值塑造、知識傳授、能力培養“三位一體”的人才培養目標中，價值塑造是第一要務。全面推進課程思政建設，就是要寓價值觀引導于知識傳授和能力培養之中，幫助學生塑造正確的世界觀、人生觀、價值觀[2]。在“JavaScript程序設計基礎”課程建設中，認真貫徹教育部文件精神，緊緊抓住課程建設的“主戰場”、課堂教學的“主陣地”，將專業課程與思政課程同向同行，將顯性教育和隱性教育有機統一，形成協同效應，構建起全方位、多角度、分層次的育人大格局。

1? ? 課程思政總體教學目標設計

“JavaScript程序設計基礎”是計算機應用技術專業大一的專業基礎課，屬Web前端開發的課程。Web前端開發崗位的主要知識和技能如圖1所示。

在“Web前端開發”學習過程中，涉及3個遞進過程：源代碼開發階段（類似利用原材料純手工制作）、代碼庫應用階段（類似使用現成的零部件進行組裝）、框架應用階段（類似購買半成品，只需配置參數即可）。雖然目前Web前端開發是采用在現有框架的基礎上速成，但框架、庫都是使用JavaScript腳本語言編寫，故JavaScript在前端的學習中非常重要。

課程知識點覆蓋第一階段源代碼開發，主要講解JavaScript基礎部分。根據學校的辦學定位和專業人才培養要求，該課程教學緊扣1+X Web前端開發職業技能等級標準，主要涉及3個核心知識點：ECMAScript基礎知識、BOM和DOM；涉及2項核心技能：表單驗證和常見客戶端網頁特效制作。（圖2）

通過對課程的分析，確定該課程思政的總體教學目標為：通過“對接最新的企業項目、對接最真實的工作過程，對接1+X職業技能等級評價標準”，以“工匠心做事，感恩心做人”為引領，融入課程思政元素，培養學生的愛國情懷，培養學生的團隊協作意識，培養學生的審美和設計思想，培養學生分析問題和解決問題的能力，將細致嚴謹、精益求精等工匠精神貫穿始終，加強職業道德和職業意識的培養，規范完成“JavaScript程序設計基礎”的教學目標。

2? ? 課程思政元素的凝練和有機融入策略分析

從縱橫2個維度，多角度、分層次凝練課程思政元素，創建有溫度的示范課程，如圖3所示。

2.1? ? 育人坐標：垂直方向

在保證專業教學水準的前提下，構建層次遞進、相互支撐的垂直方向課程思政的教學體系，并將之落實到教學活動中，培養學生的專業素養、人文情懷、家國情懷和世界胸懷。

個人成長層面：把職業道德教育放在重要地位，端正學生職業態度，培養學生遵紀守法、誠實守信、踏實認真的職業素養。同時借助中華優秀傳統文化與專業課的結合點，通過小人物承載大情懷、小事情闡述大道理，以文育人，在潛移默化中提升學生“愛國、敬業、誠信、友善”的個人品德修養。

國家社會層面：引導學生正確認識世界和中國發展趨勢，培養學生家國情懷和責任擔當精神，把實現民族復興作為個人的使命擔當，為把我國建設 “富強、民主、文明、和諧”的社會主義現代化強國而奮斗。牢固樹立社會主義法治觀念，遵守職業道德，強化“自由、平等、公正、法治”的價值取向[3]。同時結合課程的特色，注重強化學生工程倫理教育，培養學生精益求精的工匠精神[4]。

超越個人、超越國界層面：“博學之，審問之，慎思之，明辨之，篤行之”（《中庸.第二十章》），引導學生博聞強識，不斷提升學習能力；慎思明辨，不斷拓寬思考力；堅定篤行，不斷增強行動力，從而不斷提高學生的科學素養和人文素養，鼓勵學生用發展的眼光、積極的思維，去探索科學發展的新路徑，用所知所學報效國家、貢獻世界[5]。

2.2? ? 育人坐標：水平方向

圍繞國家和區域發展的需求，結合學校發展定位和人才培養目標，構建全面覆蓋、類型豐富的水平方向的課程思政體系，把思政元素與課程教學進行有機融合，不斷提升課程思政育人的效果。

與時事政治相融合。在講解JavaScript事件代碼時，通過某高校李同學，編寫JavaScript腳本，攻擊當地政府網站被判刑的事件，幫助學生樹立正確的網絡道德觀和人生觀，明白互聯網亦在道德和法律約束范圍內。為人做事要有底線意識，要牢牢守住底線，絕不違反國家網絡安全法。

與傳統文化相融合。在講解JavaScript代碼優化時，結合國學“工欲善其事，必先利其器”思想，闡述代碼優化的重要性。通過減少HTML、CSS、JS代碼的耦合度、優化DOM操作等途徑，解決Web常見的性能瓶頸問題，使JavaScript代碼更具有可維護性，同時改善Web應用的用戶體驗。

與數字工匠相融合。講解JavaScript發展史時，通過學習主流漸進式框架Vuejs.org的創造者――尤雨溪的典型事跡，增強學生的文化自信和民族自信。通過分析國際軟件技術應用的現狀，增強學生們投身專業研究的使命感，鼓勵學生支持民族產業，把愛國熱情轉化為刻苦學習的實際行動。

與項目相融合。在講解JavaScript綜合應用時，選擇最真實的校地黨建合作項目――花木基地網站開發，貫穿課堂教學全過程。通過案例學習，增強學生服務當地產業的意識，以數字化形式，用專業技能去推動傳統產業升級。

3? ? 課程思政的具體改革內容

3.1? ? 優化教學內容，有機融入思政元素

以“別具‘匠‘心，為傳統產業插上‘數字化翅膀”為主線，把握課堂思政的建設方向和重點。選擇校地黨建合作項目――花木基地網站開發，貫穿課堂教學全過程。通過案例學習，增強學生服務農業現代化、服務鄉村全面振興的使命感和責任感。課堂案例的思政元素如表1所示。

選擇抗疫網站制作――模仿完成衛健委的官網主頁，作為課外作業。通過案例制作，讓學生明白今天能在教室安心地學習，那是很多人付出的結果。“哪有什么歲月靜好，只不過有人在替我們負重前行”，引導同學們懂得今天的幸福生活來之不易，好好學習，不要辜負黨和人民對他們期望。

3.2? ? 創新教學方法，案例貫穿，設計互動環節，實施教學模式的改革

對分課堂，重在體驗。復旦大學博導張學新教授基于認知心理學原理，提出一種原創性的課堂教學新模式，稱為“對分課堂”。它的核心理念是課堂上一半時間分配給教師講授，另一半時間留給學生討論，課外安排學生進行自主學習[6]。講授和討論時間隔開，即本次課討論的是上次課講授的內容。通過隔堂討論，既加深學生對知識的理解，又培養學生的學習能力和表達能力[7]。

例如講解選項卡特效時，從學生的認知需求出發，兼顧共有知識的銜接，采用“遞進式”設計教學內容。先講解案例的核心知識點，通過“display： block/none”控制頁面元素的顯示與隱藏。為了提高代碼可重用性，引導學生使用函數進行代碼封裝，但手動調用函數有局限性。為了提高代碼的可維護性，遞進推出面向對象的編程思想，但該知識點難懂，須安排學生課后再進行自學，并為隔堂討論做準備。這種模式，結合了傳統課堂與討論式課堂各自的優勢。在縮短講授時間的同時，又讓學生理解單元的基本框架與重難點，厘清內容間的相互關系，促進學生知識的重構。

案例教學，加強引導。案例教學不僅使課堂變得有趣，更重要的是寓價值觀引導于知識傳授和能力培養之中。例如期末綜合作業――從“浙”里看百年，在百年奮斗路程中，留下無數先輩們奮斗的足跡，流傳著多少感人的故事，傳承著信仰的力量。通過案例鼓勵和引導學生立足當下，勇擔使命，刻苦學習，學以報國。

3.3? ? 采用“一平臺、二形式、三主體” 匠心積分制，進行評價方式改革

一平臺：采用校Moodle平臺和職教云平臺記錄學生的學習過程，對學生的學習情況進行及時跟蹤與反饋，讓學生關注自己的進步，培養良好的學習習慣。

二形式：作品完成后，通過合適的信息化手段，線上展示、線下匯報。該形式提升了學生信息化素養與展示匯報能力。

三主體：案例的學習效果從企業、教師、學生等3個方面進行評價，按照教學目標進行客觀評價，系統地檢驗學生的學習效果。

匠心積分制：采用匠心虛擬幣的方式，對零散的、不可量化的思政考核用匠心虛擬幣的形式進行管理。匠心虛擬幣，可以在班級流通。在課程開始前，由任課老師對每個選課的學生預付用于完成任務的匠心積分。在課程學習過程中，可以通過幫助其他小組等途徑，獲取匠心幣。當遇到困難時，也可以通過消費匠心幣的形式，解決問題。通過扣除匠心幣的方式，引導學生對別人的幫助，要有感恩心。如果項目是以小組形式協作完成，小組長根據團隊成員的貢獻度進行分配。沒付出的同學，得不到匠心幣。課程結束后，通過積分兌換得到課程思政考核等級。匠心積分制旨在考核職業素養、精益求精的態度、團結協作的能力。

4? ? 結語

綜上所述，要讓課程思政真正落實落地，必須充分發揮課堂在高校思政教育工作中的主渠道作用，探索課程思政的教學規律，深入挖掘課程的德育內涵，做好課程思政的教學設計，創新課堂的教學方法，多維度提升課程思政的實效性。通過強化課程的育人導向，實現知識傳授與價值引領的有機融合，使價值塑造內生為課程教學中有機的、不可或缺的組成部分，從而完成立德樹人的根本任務。

參考文獻

[1]教育部. 教育部關于印發《高等學校課程思政建設指導綱要》的通知[EB/OL]（2020-05-28）.http：//www.moe.gov.cn/srcsite/A08/ s7056/202006/t20200603_462437.html.

[2]教育部.全面推進高等學校課程思政建設-教育部高等教育司負責人就《高等學校課程思政建設指導綱要》答記者問[EB/OL].（2020-06-05）. http：//www.moe.gov.cn/jyb_xwfb/s271/202006/t20200604_462551.html.

[3]張玲娜，王紀鵬.增強“課程思政”實效的三個維度[N].中國教育報，2020-06-18（08）.

[4]鄧暉.七類專業課程有機融入、鼓勵思政課與專業課教師合作教學教研、納入教師考核評價：高校課程思政建設全面推進[N].光明日報，2020-06-06（03）.

[5]高松.校長思政第一課：弘揚科學精神，科學理性應對疫情挑戰[EB/OL].（2020-06-27）. http：//news.scut.edu.cn/2020/0627/c41a42366/page.htm.

[6]張學新.對分課堂：大學課堂教學改革的新探索[J].復旦教育論壇，2014，12（05）：5-10.

[7]吳菁，王蘋.“HTML5開發技術”課程思政教學改革探究[J].浙江紡織服裝職業技術學院學報，2021，20 （02）：93-96.

Abstract： Guiding Outline for Ideological and Political Construction in Higher Education Curriculum points out that it is necessary to comprehensively promote the ideological and political construction of college courses in all colleges and universities across the country，and to integrate curriculum ideological and political education into the whole process of classroom teaching construction. Taking the course of JavaScript Programming Foundation as an example， this paper docks the “1+X” vocational skill level evaluation standard，takes “craftsmanship to do things，grateful to be a man” as the guide，condenses ideological and political elements from multiple angles and levels，and deeply explores the teaching contents and methods of ideological and political education，enhances the effectiveness of ideological and political education， and realizes the educational goal of building morality and cultivating people.

Key words： ideological and political education;teaching objectives;ideological and political elements;JavaScript Programming