高職《網(wǎng)站前端交互技術(shù)》課程多元立體思政建設(shè)路徑

摘 要：隨著信息技術(shù)和互聯(lián)網(wǎng)的快速發(fā)展，為了滿足社會(huì)對(duì)于計(jì)算機(jī)專業(yè)人才的全面需求，越來越多的高職院校開始嘗試在計(jì)算機(jī)類課程中建立多元立體的思政體系，思政課程體系旨在將思政教育與專業(yè)教育有機(jī)結(jié)合，通過多維度、多層次的教學(xué)內(nèi)容和方法，培養(yǎng)學(xué)生在掌握專業(yè)技能的同時(shí)，也能夠深刻理解和積極參與社會(huì)、文化、倫理等多方面的實(shí)踐活動(dòng)。本文從高職院校計(jì)算機(jī)類課程《網(wǎng)站前端交互技術(shù)》的教學(xué)著手，對(duì)該門課程教學(xué)的側(cè)重點(diǎn)做出分析，并提出了建設(shè)思政體系的切入點(diǎn)及必要的保障措施，希望能夠?qū)ν愓n程思政體系的建設(shè)提供有價(jià)值的參考。

關(guān)鍵詞：高職計(jì)算機(jī)課程；思政建設(shè)；《網(wǎng)站前端交互技術(shù)》

中圖分類號(hào)：G712文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：2095-9052（2024）03-0217-03

引言

在當(dāng)今社會(huì)，信息技術(shù)與互聯(lián)網(wǎng)的迅猛發(fā)展不僅改變了人們的生活方式，也對(duì)計(jì)算機(jī)專業(yè)人才提出了更為全面和高級(jí)的需求。因此，僅僅側(cè)重于專業(yè)技能的教學(xué)已經(jīng)無法滿足社會(huì)和行業(yè)的實(shí)際需要。這一背景下，高職計(jì)算機(jī)類課程迫切需要建立一個(gè)多元立體的思政體系，以確保學(xué)生在掌握先進(jìn)技術(shù)的同時(shí)，也能全面地發(fā)展其思想品德、社會(huì)責(zé)任感和創(chuàng)新能力。

一、高職計(jì)算機(jī)類課程引入思政內(nèi)容的價(jià)值分析

（一）提升學(xué)生的綜合素養(yǎng)

在當(dāng)今社會(huì)分化日益精密的時(shí)代背景下，專業(yè)技能固然重要，但學(xué)生的人文素養(yǎng)、思想覺悟、道德情操也同樣不可或缺。尤其在計(jì)算機(jī)科學(xué)與技術(shù)領(lǐng)域，由于其跨界性和影響力，一旦技術(shù)應(yīng)用偏離了正道，或被用于不良目的，其造成的社會(huì)和倫理問題將不可估量。因此，將思政教育融入專業(yè)課程中，不僅可以引導(dǎo)學(xué)生樹立正確的世界觀、價(jià)值觀和人生觀，還能夠提高其社會(huì)責(zé)任感，使其在未來的職業(yè)生涯中能夠更加明智和負(fù)責(zé)任地運(yùn)用專業(yè)知識(shí)［1］。

（二）維護(hù)社會(huì)的和諧穩(wěn)定

計(jì)算機(jī)專業(yè)畢業(yè)生通常會(huì)進(jìn)入到社會(huì)的各個(gè)行業(yè)和領(lǐng)域，從事相關(guān)的研發(fā)、管理或技術(shù)服務(wù)工作。在這樣的大背景下，他們的言行將直接或間接影響到社會(huì)的運(yùn)轉(zhuǎn)和發(fā)展，如果這些年輕人缺乏正確的政治觀念和社會(huì)責(zé)任感，很可能會(huì)對(duì)社會(huì)產(chǎn)生不利影響［2］。相反的是，如果他們具備堅(jiān)定的理想信念和崇高的道德情操，不僅可以為國(guó)家和社會(huì)做出更大的貢獻(xiàn)，還能在全球范圍內(nèi)樹立良好的國(guó)家形象。

（三）構(gòu)建多元的教育環(huán)境

從現(xiàn)實(shí)情況來看，高職的技術(shù)課程和思政課程往往被視為兩個(gè)孤立的體系，缺乏有效的交集和互動(dòng)。但實(shí)際上，技術(shù)與人文、社會(huì)與個(gè)體是相互關(guān)聯(lián)、相互影響的，通過在計(jì)算機(jī)課程中融入思政元素，不僅可以拓寬學(xué)生的知識(shí)視野，還能激發(fā)他們從不同角度和層面去思考問題，從而培養(yǎng)其綜合分析和解決問題的能力［3］。例如，當(dāng)討論數(shù)據(jù)安全和網(wǎng)絡(luò)倫理時(shí)，除了技術(shù)性的解決方案，教育者還可以引導(dǎo)學(xué)生思考這些問題背后的社會(huì)、文化和倫理因素，如何在遵循法律的同時(shí)，尊重個(gè)人隱私和社會(huì)公共利益。這樣不僅能加深學(xué)生對(duì)專業(yè)知識(shí)的理解，還能使他們?cè)谖磥碛龅綇?fù)雜問題時(shí)，能綜合運(yùn)用多學(xué)科知識(shí)和方法，作出更加全面和負(fù)責(zé)任的判斷。

二、高職《網(wǎng)站前端交互技術(shù)》課程教學(xué)的側(cè)重點(diǎn)分析

（一）網(wǎng)站開發(fā)基礎(chǔ)知識(shí)與技能教學(xué)

早期的前端開發(fā)側(cè)重于頁面布局和靜態(tài)展示，但隨著JavaScript和相關(guān)前端框架的不斷發(fā)展，前端開發(fā)已逐漸涉及數(shù)據(jù)處理、服務(wù)器交互、用戶體驗(yàn)優(yōu)化等多個(gè)方面。因此，在HTML和CSS的基礎(chǔ)上，特別需要加強(qiáng)JavaScript的教學(xué)。具體到JavaScript，課程應(yīng)當(dāng)深入講解變量、函數(shù)、對(duì)象、數(shù)組以及事件處理等基礎(chǔ)概念。更為重要的是，應(yīng)當(dāng)介紹JavaScript在異步編程（例如Promise和Async/Await）以及DOM操作方面的應(yīng)用，這些內(nèi)容在實(shí)際前端開發(fā)中起著至關(guān)重要的作用。除此之外，前端開發(fā)的現(xiàn)代化工具和流程，例如版本控制（Git）、包管理（npm或yarn）、構(gòu)建工具（Webpack）等也應(yīng)作為教學(xué)內(nèi)容的一部分，以確保學(xué)生能夠熟練應(yīng)用現(xiàn)代前端開發(fā)的完整工具鏈。

（二）網(wǎng)站前端項(xiàng)目實(shí)踐能力培養(yǎng)

理論知識(shí)雖重要，但如果不能應(yīng)用到實(shí)際項(xiàng)目中，則其價(jià)值會(huì)大打折扣。因此，該課程應(yīng)設(shè)計(jì)與現(xiàn)實(shí)世界密切相關(guān)的項(xiàng)目案例，以幫助學(xué)生將理論知識(shí)轉(zhuǎn)化為實(shí)際技能。在項(xiàng)目開發(fā)的過程中，JavaScript通常扮演著舉足輕重的角色，例如，通過Ajax與服務(wù)器進(jìn)行數(shù)據(jù)交互，或者通過React或Vue等前端框架實(shí)現(xiàn)動(dòng)態(tài)用戶界面和交互邏輯，這就需要學(xué)生具備扎實(shí)的JavaScript基礎(chǔ)，并能夠在實(shí)際應(yīng)用中靈活運(yùn)用［4］。例如，教學(xué)中可以引入如何利用JavaScript實(shí)現(xiàn)表單驗(yàn)證、動(dòng)態(tài)數(shù)據(jù)加載、前端路由處理等常見需求。進(jìn)一步地，項(xiàng)目開發(fā)不僅僅是一個(gè)純技術(shù)的過程，更涉及與其他角色（如UI設(shè)計(jì)師、后端開發(fā)者、產(chǎn)品經(jīng)理等）的有效溝通和協(xié)作，這一點(diǎn)也應(yīng)作為教學(xué)內(nèi)容，以培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作和跨領(lǐng)域溝通能力。

（三）培養(yǎng)解決實(shí)際問題的能力

學(xué)習(xí)技術(shù)的主要目的是用來解決實(shí)際問題的，如開發(fā)中常碰到的瀏覽器兼容問題，由于市場(chǎng)上存在多種操作系統(tǒng)和瀏覽器，而每種環(huán)境下的渲染機(jī)制和JavaScript執(zhí)行環(huán)境都有所不同，因此，如何編寫能在多種環(huán)境下正常運(yùn)行的代碼成為一項(xiàng)挑戰(zhàn)。具體到JavaScript，這可能涉及特性檢測(cè)、降級(jí)處理、polyfill等多種技術(shù)手段。例如，ES6中引入了許多先進(jìn)的JavaScript特性，但并非所有瀏覽器都完全支持，這就需要學(xué)生了解如何通過Babel等工具進(jìn)行代碼轉(zhuǎn)換，以確保兼容性。此外，移動(dòng)端與桌面端在交互模式、屏幕尺寸、網(wǎng)絡(luò)條件等方面有很大差異，如何編寫響應(yīng)式設(shè)計(jì)并進(jìn)行性能優(yōu)化，也是教學(xué)中需要著重考慮的內(nèi)容。

三、高職《網(wǎng)站前端交互技術(shù)》課程教學(xué)建設(shè)多元思政的切入點(diǎn)

（一）知識(shí)技能教學(xué)的切入點(diǎn)

從基礎(chǔ)知識(shí)與技能的角度，多元思政體系應(yīng)該深入地融合到前端開發(fā)的各個(gè)層面，在教學(xué)HTML、CSS和JavaScript的過程中，除了技術(shù)層面的教育，也可以整合網(wǎng)絡(luò)安全、數(shù)據(jù)保護(hù)和道德倫理等與思政教育相關(guān)的議題。具體到JavaScript，當(dāng)講解如何通過｀fetch｀或｀XMLHttpRequest｀等方式進(jìn)行數(shù)據(jù)請(qǐng)求時(shí)，教師可以加入與數(shù)據(jù)安全和用戶隱私保護(hù)有關(guān)的討論，以及如何遵守相關(guān)法律法規(guī)，這不僅能引導(dǎo)學(xué)生在技術(shù)實(shí)施過程中充分考慮到社會(huì)和倫理因素，還能加強(qiáng)他們?cè)诰W(wǎng)絡(luò)環(huán)境中的責(zé)任感［5］。例如，在JavaScript代碼中獲取和存儲(chǔ)用戶數(shù)據(jù)時(shí)，要如何正確地使用｀l(xiāng)ocalStorage｀或｀sessionStorage｀同時(shí)符合數(shù)據(jù)保護(hù)的法律規(guī)定，在學(xué)生掌握基礎(chǔ)的前端編程技能的同時(shí)，也能增強(qiáng)他們對(duì)網(wǎng)絡(luò)倫理和社會(huì)責(zé)任的認(rèn)識(shí)，實(shí)現(xiàn)操作技能與人文素養(yǎng)的協(xié)同發(fā)展。

（二）項(xiàng)目實(shí)踐能力的切入點(diǎn)

通過實(shí)際項(xiàng)目來教育學(xué)生，不僅能讓他們直觀地了解前端交互技術(shù)在商業(yè)或社會(huì)各個(gè)方面的應(yīng)用，還能為思政教育提供自然而然的切入點(diǎn)。在涉及電子商務(wù)或社交媒體平臺(tái)的項(xiàng)目中，教師可以引導(dǎo)學(xué)生思考這些平臺(tái)如何影響社會(huì)動(dòng)態(tài)、價(jià)值觀以及公眾輿論，更進(jìn)一步而言，學(xué)生可以通過JavaScript來實(shí)現(xiàn)一些社會(huì)責(zé)任或道德觀念的傳播。比如，在使用JavaScript框架（如React或Vue）構(gòu)建社交媒體平臺(tái)的時(shí)候，可以加入功能模塊來鼓勵(lì)用戶進(jìn)行正向、建設(shè)性的社會(huì)互動(dòng)，或者用算法來過濾和阻止惡意或不道德的內(nèi)容。通過這種方式，學(xué)生不僅能在實(shí)際項(xiàng)目中運(yùn)用專業(yè)技能，還能在真實(shí)場(chǎng)景中實(shí)踐和弘揚(yáng)社會(huì)主義核心價(jià)值觀。

（三）教師、學(xué)生及環(huán)境的切入點(diǎn)

在教學(xué)中老師除傳授技術(shù)知識(shí)外還要以身作則以工匠的精神感染學(xué)生，及時(shí)發(fā)現(xiàn)學(xué)生閃光點(diǎn)，以榜樣的力量引領(lǐng)學(xué)生，技術(shù)性內(nèi)容教學(xué)以外，教師還應(yīng)強(qiáng)調(diào)在團(tuán)隊(duì)合作和項(xiàng)目管理中應(yīng)持有的倫理和社會(huì)責(zé)任，教會(huì)學(xué)生在使用第三方庫或API時(shí)，如何確保遵循版權(quán)法和其他相關(guān)法律，或是如何保證軟件的安全性和數(shù)據(jù)的合規(guī)性。只有從這些實(shí)際工作中的常見問題著手，思政教育內(nèi)容才能夠盡可能多地發(fā)揮自己的沁潤(rùn)作用，給予學(xué)生正確的引導(dǎo)。

四、高職《網(wǎng)站前端交互技術(shù)》課程多元立體思政建設(shè)路徑

（一）提升教師的專業(yè)素養(yǎng)

提升教師的職業(yè)素養(yǎng)是高職計(jì)算機(jī)類課程中多元立體思政體系建設(shè)的核心環(huán)節(jié)之一，教師需要全面而深入地掌握計(jì)算機(jī)科學(xué)與技術(shù)的基礎(chǔ)理論和應(yīng)用技能，以滿足不斷更新和發(fā)展的行業(yè)需求。具體而言，這些知識(shí)不僅需要包括編程語言、數(shù)據(jù)結(jié)構(gòu)、算法等基礎(chǔ)知識(shí)，還要涉及網(wǎng)絡(luò)安全、云計(jì)算、大數(shù)據(jù)分析等先進(jìn)領(lǐng)域。因此，教育機(jī)構(gòu)應(yīng)定期組織各種專業(yè)培訓(xùn)和進(jìn)修課程，以及鼓勵(lì)教師參與各類國(guó)內(nèi)外學(xué)術(shù)交流和項(xiàng)目合作。然而，僅具備高水平的專業(yè)能力還不足以滿足高職計(jì)算機(jī)類課程多元立體思政體系建設(shè)的需求，教師還需要具備全面的思政教育理論素養(yǎng)和實(shí)踐經(jīng)驗(yàn)。需要在日常教學(xué)中自覺地融入思政教育內(nèi)容，在講授計(jì)算機(jī)倫理和網(wǎng)絡(luò)安全時(shí)，強(qiáng)調(diào)個(gè)人和社會(huì)責(zé)任，推廣社會(huì)主義核心價(jià)值觀。

（二）推動(dòng)教學(xué)資源的革新

從現(xiàn)實(shí)情況來看，傳統(tǒng)的紙質(zhì)教材無法滿足當(dāng)前教學(xué)和思政教育的多樣需求，因此，高職院校就需要開發(fā)包含電子書、在線課程、教學(xué)視頻、實(shí)驗(yàn)?zāi)M軟件在內(nèi)的多種形式的綜合性教學(xué)資源。這些數(shù)字化、網(wǎng)絡(luò)化的教學(xué)資源不僅便于更新和傳播，也更適應(yīng)于現(xiàn)代學(xué)生的學(xué)習(xí)習(xí)慣和認(rèn)知特點(diǎn)。并且，高職院校計(jì)算機(jī)類課程教學(xué)還應(yīng)當(dāng)高度關(guān)注內(nèi)容的實(shí)用性和針對(duì)性，計(jì)算機(jī)科學(xué)和技術(shù)領(lǐng)域更新迅速，教材和教學(xué)資源需要與時(shí)俱進(jìn)，緊跟行業(yè)和社會(huì)的發(fā)展趨勢(shì)。在教材內(nèi)容的設(shè)計(jì)中，應(yīng)當(dāng)突出專業(yè)核心知識(shí)，同時(shí)加強(qiáng)與實(shí)際應(yīng)用和項(xiàng)目開發(fā)的結(jié)合，以增強(qiáng)學(xué)生的實(shí)踐能力和創(chuàng)新意識(shí)。

在推動(dòng)教學(xué)資源革新的過程中，如何有效地融入思政教育是一個(gè)關(guān)鍵問題，為了解決這一難題，高職院校計(jì)算機(jī)專業(yè)課程可以在教材和課程資源中設(shè)置與社會(huì)主義核心價(jià)值觀和思政教育密切相關(guān)的專題和案例，以促進(jìn)學(xué)生在專業(yè)學(xué)習(xí)的過程中逐漸樹立正確的世界觀、價(jià)值觀和人生觀。例如，在《網(wǎng)站前端交互技術(shù)》課程的理論教學(xué)中，教師就可以從網(wǎng)站信息安全為抓手，在技術(shù)性內(nèi)容中穿插一些與信息倫理和社會(huì)責(zé)任相關(guān)的內(nèi)容，如數(shù)據(jù)隱私保護(hù)、智能算法的道德問題等；在網(wǎng)絡(luò)安全和人工智能方面，可以引入一些社會(huì)現(xiàn)象和政策法規(guī)的討論，以引導(dǎo)學(xué)生對(duì)科技和社會(huì)的復(fù)雜關(guān)系有更深入的認(rèn)識(shí)。同時(shí)，也要充分利用現(xiàn)代教學(xué)手段和工具，如在線討論、博客、社交媒體等，激發(fā)學(xué)生對(duì)思政教育主題的關(guān)注和參與，使之成為專業(yè)學(xué)習(xí)和個(gè)人成長(zhǎng)的有機(jī)組成部分。

（三）完善教學(xué)評(píng)估體系

高職院校必須認(rèn)識(shí)到傳統(tǒng)地以考試成績(jī)?yōu)槲ㄒ辉u(píng)價(jià)標(biāo)準(zhǔn)的教學(xué)評(píng)估體系已經(jīng)難以滿足現(xiàn)代教育的多樣化和個(gè)性化需求，一個(gè)全面和科學(xué)的教學(xué)評(píng)估體系應(yīng)當(dāng)包括多個(gè)維度和層次，能夠?qū)W(xué)生的基礎(chǔ)知識(shí)掌握程度、實(shí)踐能力和創(chuàng)新能力、思政教育成效、課程滿意度和教師教學(xué)質(zhì)量等方面形成詳細(xì)的評(píng)價(jià)。在具體操作中，除了傳統(tǒng)的筆試和口試，還應(yīng)加強(qiáng)對(duì)學(xué)生的平時(shí)表現(xiàn)、課堂參與、作業(yè)和項(xiàng)目、實(shí)驗(yàn)和實(shí)習(xí)等多方面的綜合評(píng)價(jià)。需要注意的是，完善教學(xué)評(píng)估體系也需要密切關(guān)注和支持思政體系建設(shè)，教學(xué)評(píng)估不僅要關(guān)注學(xué)生的專業(yè)技能和知識(shí)掌握，還要評(píng)價(jià)他們?cè)谒颊逃矫娴谋憩F(xiàn)和成長(zhǎng)。具體來說，在《網(wǎng)站前端交互技術(shù)》課程的評(píng)價(jià)過程中，可以通過對(duì)學(xué)生在網(wǎng)絡(luò)安全和信息倫理方面的知識(shí)和實(shí)踐能力的評(píng)價(jià)，來衡量他們?cè)谒颊逃矫娴谋憩F(xiàn)。通過這種方式，不僅能更全面和準(zhǔn)確地評(píng)估學(xué)生的綜合素質(zhì)，也能為教師提供寶貴的反饋信息，以便更有效地進(jìn)行課程改革和教學(xué)創(chuàng)新。

（四）引入社會(huì)教育力量

計(jì)算機(jī)行業(yè)組織、企業(yè)、非政府組織、社會(huì)媒體，能夠?yàn)楦呗毥逃峁└鼮樨S富和多元的教學(xué)資源和實(shí)踐平臺(tái)，尤其在計(jì)算機(jī)科技快速發(fā)展的背景下，與社會(huì)各方面的緊密聯(lián)系可以使高職計(jì)算機(jī)課程更加貼近實(shí)際，強(qiáng)化其應(yīng)用性和前瞻性。企業(yè)可以與高職院校進(jìn)行合作，提供最新的軟硬件環(huán)境、實(shí)際項(xiàng)目案例，甚至是暑期實(shí)習(xí)和就業(yè)推薦，這不僅有助于提高學(xué)生的專業(yè)技能和實(shí)踐能力，也能為其提供更為廣闊的發(fā)展視野和人際網(wǎng)絡(luò)。除此之外，社會(huì)教育力量也可以成為高職計(jì)算機(jī)類課程思政體系建設(shè)的重要支持。一方面，行業(yè)組織和企業(yè)通常具有豐富的社會(huì)資源和影響力，可以通過各種公共關(guān)系活動(dòng)和媒體宣傳，對(duì)高職計(jì)算機(jī)教育進(jìn)行更有效的推廣和認(rèn)可。這樣不僅有助于提升學(xué)校和專業(yè)的社會(huì)聲譽(yù)，也能為學(xué)生提供更多的社會(huì)參與和服務(wù)學(xué)習(xí)的機(jī)會(huì)，從而實(shí)現(xiàn)思政教育的社會(huì)化和實(shí)踐化。另一方面，非政府組織和社會(huì)媒體等新型教育力量，尤其擅長(zhǎng)于網(wǎng)絡(luò)輿論引導(dǎo)和文化傳播，可以為高職計(jì)算機(jī)課程提供更為靈活和多樣的思政教育渠道和內(nèi)容。綜合來看，通過合理地引入和整合社會(huì)教育力量，不僅能豐富和拓展高職計(jì)算機(jī)類課程的教學(xué)內(nèi)容和形式，也能為其多元立體思政體系建設(shè)提供有力的保障和支持。

結(jié)語

從現(xiàn)實(shí)情況來看，計(jì)算機(jī)行業(yè)對(duì)高素養(yǎng)的復(fù)合型人才的需求與日俱增，掌握單一計(jì)算機(jī)技能的高職畢業(yè)生未必能夠在行業(yè)中取得出色的表現(xiàn)。因此，高職教育也要與時(shí)俱進(jìn)，針對(duì)計(jì)算機(jī)行業(yè)的需求，打造多元立體的課程思政體系，實(shí)現(xiàn)素養(yǎng)與技能的“兩手抓”，只有這樣才能夠確保高職院校能夠始終服務(wù)于行業(yè)發(fā)展，實(shí)現(xiàn)立德樹人的根本目標(biāo)。

參考文獻(xiàn)：

［1］茍平章， 張文萱， 曹文泉， 等.基于計(jì)算思維的大學(xué)計(jì)算機(jī)課程思政案例構(gòu)建與實(shí)踐［J］.計(jì)算機(jī)教育，2022（11）：33-37.

［2］張瑩.“一核二融”模式下計(jì)算機(jī)課程思政教學(xué)的實(shí)踐——以圖形圖像處理課程為例［J］.廣西教育（中等教育），2022（10）：32-35.

［3］王金鳳， 張猜， 張麗霞， 等.計(jì)算機(jī)類專業(yè)課程思政探索與實(shí)踐——以操作系統(tǒng)課程為例［J］.軟件導(dǎo)刊，2022，21（7）：103-108.

［4］馬巍巍， 施培蓓.基于課程思政的計(jì)算機(jī)類課程混合教學(xué)模式探索與實(shí)踐［J］.計(jì)算機(jī)教育，2022（5）：55-58，63.

［5］陳晨.職業(yè)院校計(jì)算機(jī)課程思政建設(shè)實(shí)施途徑［J］.中國(guó)新通信，2021，23（15）：237-238.