“JavaScript程序設(shè)計基礎(chǔ)”課程思政教學(xué)設(shè)計與實踐

吳菁 王蘋 李超燕

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

關(guān)鍵詞：課程思政；教學(xué)目標(biāo)；思政元素；JavaScript程序設(shè)計

中圖分類號：G712? ? ? ? ? ? ? ?文獻(xiàn)標(biāo)識碼：A? ? ? ? ? ? ? ? 文章編號：1674-2346（2023）02-0076-05

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

1? ? 課程思政總體教學(xué)目標(biāo)設(shè)計

“JavaScript程序設(shè)計基礎(chǔ)”是計算機(jī)應(yīng)用技術(shù)專業(yè)大一的專業(yè)基礎(chǔ)課，屬Web前端開發(fā)的課程。Web前端開發(fā)崗位的主要知識和技能如圖1所示。

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

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

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

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

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

2.1? ? 育人坐標(biāo)：垂直方向

在保證專業(yè)教學(xué)水準(zhǔn)的前提下，構(gòu)建層次遞進(jìn)、相互支撐的垂直方向課程思政的教學(xué)體系，并將之落實到教學(xué)活動中，培養(yǎng)學(xué)生的專業(yè)素養(yǎng)、人文情懷、家國情懷和世界胸懷。

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

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

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

2.2? ? 育人坐標(biāo)：水平方向

圍繞國家和區(qū)域發(fā)展的需求，結(jié)合學(xué)校發(fā)展定位和人才培養(yǎng)目標(biāo)，構(gòu)建全面覆蓋、類型豐富的水平方向的課程思政體系，把思政元素與課程教學(xué)進(jìn)行有機(jī)融合，不斷提升課程思政育人的效果。

與時事政治相融合。在講解JavaScript事件代碼時，通過某高校李同學(xué)，編寫JavaScript腳本，攻擊當(dāng)?shù)卣W(wǎng)站被判刑的事件，幫助學(xué)生樹立正確的網(wǎng)絡(luò)道德觀和人生觀，明白互聯(lián)網(wǎng)亦在道德和法律約束范圍內(nèi)。為人做事要有底線意識，要牢牢守住底線，絕不違反國家網(wǎng)絡(luò)安全法。

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

與數(shù)字工匠相融合。講解JavaScript發(fā)展史時，通過學(xué)習(xí)主流漸進(jìn)式框架Vuejs.org的創(chuàng)造者――尤雨溪的典型事跡，增強(qiáng)學(xué)生的文化自信和民族自信。通過分析國際軟件技術(shù)應(yīng)用的現(xiàn)狀，增強(qiáng)學(xué)生們投身專業(yè)研究的使命感，鼓勵學(xué)生支持民族產(chǎn)業(yè)，把愛國熱情轉(zhuǎn)化為刻苦學(xué)習(xí)的實際行動。

與項目相融合。在講解JavaScript綜合應(yīng)用時，選擇最真實的校地黨建合作項目――花木基地網(wǎng)站開發(fā)，貫穿課堂教學(xué)全過程。通過案例學(xué)習(xí)，增強(qiáng)學(xué)生服務(wù)當(dāng)?shù)禺a(chǎn)業(yè)的意識，以數(shù)字化形式，用專業(yè)技能去推動傳統(tǒng)產(chǎn)業(yè)升級。

3? ? 課程思政的具體改革內(nèi)容

3.1? ? 優(yōu)化教學(xué)內(nèi)容，有機(jī)融入思政元素

以“別具‘匠‘心，為傳統(tǒng)產(chǎn)業(yè)插上‘?dāng)?shù)字化翅膀”為主線，把握課堂思政的建設(shè)方向和重點。選擇校地黨建合作項目――花木基地網(wǎng)站開發(fā)，貫穿課堂教學(xué)全過程。通過案例學(xué)習(xí)，增強(qiáng)學(xué)生服務(wù)農(nóng)業(yè)現(xiàn)代化、服務(wù)鄉(xiāng)村全面振興的使命感和責(zé)任感。課堂案例的思政元素如表1所示。

選擇抗疫網(wǎng)站制作――模仿完成衛(wèi)健委的官網(wǎng)主頁，作為課外作業(yè)。通過案例制作，讓學(xué)生明白今天能在教室安心地學(xué)習(xí)，那是很多人付出的結(jié)果?！澳挠惺裁礆q月靜好，只不過有人在替我們負(fù)重前行”，引導(dǎo)同學(xué)們懂得今天的幸福生活來之不易，好好學(xué)習(xí)，不要辜負(fù)黨和人民對他們期望。

3.2? ? 創(chuàng)新教學(xué)方法，案例貫穿，設(shè)計互動環(huán)節(jié)，實施教學(xué)模式的改革

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

例如講解選項卡特效時，從學(xué)生的認(rèn)知需求出發(fā)，兼顧共有知識的銜接，采用“遞進(jìn)式”設(shè)計教學(xué)內(nèi)容。先講解案例的核心知識點，通過“display： block/none”控制頁面元素的顯示與隱藏。為了提高代碼可重用性，引導(dǎo)學(xué)生使用函數(shù)進(jìn)行代碼封裝，但手動調(diào)用函數(shù)有局限性。為了提高代碼的可維護(hù)性，遞進(jìn)推出面向?qū)ο蟮木幊趟枷?，但該知識點難懂，須安排學(xué)生課后再進(jìn)行自學(xué)，并為隔堂討論做準(zhǔn)備。這種模式，結(jié)合了傳統(tǒng)課堂與討論式課堂各自的優(yōu)勢。在縮短講授時間的同時，又讓學(xué)生理解單元的基本框架與重難點，厘清內(nèi)容間的相互關(guān)系，促進(jìn)學(xué)生知識的重構(gòu)。

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

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

一平臺：采用校Moodle平臺和職教云平臺記錄學(xué)生的學(xué)習(xí)過程，對學(xué)生的學(xué)習(xí)情況進(jìn)行及時跟蹤與反饋，讓學(xué)生關(guān)注自己的進(jìn)步，培養(yǎng)良好的學(xué)習(xí)習(xí)慣。

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

三主體：案例的學(xué)習(xí)效果從企業(yè)、教師、學(xué)生等3個方面進(jìn)行評價，按照教學(xué)目標(biāo)進(jìn)行客觀評價，系統(tǒng)地檢驗學(xué)生的學(xué)習(xí)效果。

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

4? ? 結(jié)語

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

參考文獻(xiàn)

[1]教育部. 教育部關(guān)于印發(fā)《高等學(xué)校課程思政建設(shè)指導(dǎo)綱要》的通知[EB/OL]（2020-05-28）.http：//www.moe.gov.cn/srcsite/A08/ s7056/202006/t20200603_462437.html.

[2]教育部.全面推進(jìn)高等學(xué)校課程思政建設(shè)-教育部高等教育司負(fù)責(zé)人就《高等學(xué)校課程思政建設(shè)指導(dǎo)綱要》答記者問[EB/OL].（2020-06-05）. http：//www.moe.gov.cn/jyb_xwfb/s271/202006/t20200604_462551.html.

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

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

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

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

[7]吳菁，王蘋.“HTML5開發(fā)技術(shù)”課程思政教學(xué)改革探究[J].浙江紡織服裝職業(yè)技術(shù)學(xué)院學(xué)報，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