Web前端課程的思政教育實踐探索

周美玲

（1.開封大學(xué) 信息工程學(xué)院，河南 開封 475004；2.開封市公共安全信息化工程技術(shù)研究中心，河南 開封 475004）

Web前端開發(fā)技術(shù)課程是軟件技術(shù)專業(yè)的一門必修課程，是面向Web前端開發(fā)工程師崗位開設(shè)的一門理論與實踐相結(jié)合的專業(yè)核心課程。該課程要求學(xué)生掌握Web前端開發(fā)所需的知識、技術(shù)和工具，能夠綜合運(yùn)用HTML5、CSS和JavaScript等技術(shù)，開發(fā)具有交互功能的Web前端網(wǎng)頁。按照“三全育人”和課程思政的要求，在Web前端開發(fā)技術(shù)課程教學(xué)中，應(yīng)將知識傳授、能力培養(yǎng)與價值引領(lǐng)有機(jī)結(jié)合在一起，突出“三位一體”，對該課程中的思政元素進(jìn)行深入挖掘，將思想政治教育融入Web前端開發(fā)技術(shù)課程中，在豐富大學(xué)生專業(yè)知識、提高大學(xué)生專業(yè)技能的同時，強(qiáng)化其終身學(xué)習(xí)意識和自主學(xué)習(xí)能力，增強(qiáng)其社會責(zé)任感，堅定其理想信念和價值取向，提高他們緣事析理、辨別是非的能力，努力培養(yǎng)德才兼?zhèn)?、全面發(fā)展的人才，真正實現(xiàn)育人目標(biāo)［1］。

具體來說，在第一模塊“Web前端開發(fā)基礎(chǔ)”教學(xué)中，要先介紹世界范圍內(nèi)Web前端開發(fā)技術(shù)的發(fā)展現(xiàn)狀，讓學(xué)生了解國外先進(jìn)技術(shù)和該技術(shù)的前沿研究課題，然后介紹Web前端開發(fā)技術(shù)在中國的應(yīng)用和發(fā)展情況，讓學(xué)生通過對比，更加清晰地認(rèn)識到我國在技術(shù)理論研究和技術(shù)應(yīng)用上還存在短板，進(jìn)而激勵學(xué)生刻苦學(xué)習(xí)、勤奮鉆研、勇攀高峰，為Web前端開發(fā)技術(shù)的創(chuàng)新做貢獻(xiàn)。第二、第三、第四、第五模塊（HTML 基礎(chǔ)、CSS3、JavaScript、HTML5 新技術(shù)）講述了Web前端開發(fā)的三大核心技術(shù)，在最后的綜合開發(fā)實例模塊中，還設(shè)置了實踐課程。靈活運(yùn)用HTML技術(shù)以及CSS3工具，可以實現(xiàn)非?？犰诺木W(wǎng)絡(luò)頁面顯示效果。比如CSS3加載Loading動畫特效實例（見圖1）。CSS3特效部分的關(guān)鍵代碼如下：

圖1 css特效圖

在“Web前端開發(fā)基礎(chǔ)”模塊中，通過對前端開發(fā)技術(shù)發(fā)展史尤其是FLASH興衰及HTML5興起過程的講解分析，可使學(xué)生提高對歷史發(fā)展規(guī)律的認(rèn)識。只有學(xué)習(xí)歷史、認(rèn)清過去，才能正確地把握現(xiàn)實與未來，才能更加自覺地采取行動。來看下面這個實例：統(tǒng)計一個網(wǎng)站訪問來源的占比。利用HTML5技術(shù)，可以得到一個漂亮的餅形圖（見圖2），餅形圖有利于進(jìn)行直觀展示。其核心代碼如下：

圖2 利用HTML實現(xiàn)餅形圖設(shè)置的實例

在課程實訓(xùn)中，學(xué)生在調(diào)試程序時難免會碰到困難。任務(wù)越復(fù)雜，困難就越多。教師應(yīng)多鼓勵學(xué)生，告訴他們不要氣餒，要多角度尋求解決方案。所謂“山重水復(fù)疑無路，柳暗花明又一村”。社會發(fā)展中常常出現(xiàn)挫折、停滯甚至倒退，但是困難阻擋不了人類社會總體向前的趨勢［2］。個人的成長和進(jìn)步也是一樣的。教師要對學(xué)生多加引導(dǎo)，教給學(xué)生更多做人的道理，告訴學(xué)生，思考問題的方式要靈活而不要僵化，要學(xué)會辯證地看問題。堅強(qiáng)的意志品質(zhì)、平和的心態(tài)、樂觀的情緒也有助于強(qiáng)化學(xué)生對知識的理解和記憶。

近十年，我國的Web前端開發(fā)技術(shù)發(fā)展迅猛。該項技術(shù)在中國的廣泛應(yīng)用及快速發(fā)展，離不開中國的前端開發(fā)工程師們的努力，他們刻苦鉆研，不怕困難，不斷取得突破。這種拼搏進(jìn)取的創(chuàng)業(yè)精神和踏實勤奮的工作作風(fēng)對大學(xué)生來說很值得學(xué)習(xí)，這些前輩樹起的創(chuàng)新創(chuàng)業(yè)旗幟具有巨大的感召力，人們對Web前端技術(shù)在中國的應(yīng)用和發(fā)展前景充滿信心。前輩的奮斗精神與大學(xué)生的上進(jìn)心能夠擦出理想的火花。講述他們的輝煌業(yè)績，有利于激發(fā)大學(xué)生的愛國主義情懷，增強(qiáng)大學(xué)生的民族自豪感和自信心，提升青年學(xué)生為祖國科技發(fā)展而努力學(xué)習(xí)的動力。

通過“Web前端開發(fā)基礎(chǔ)”模塊的學(xué)習(xí)，要讓學(xué)生認(rèn)識到，由前、后端共同開發(fā)而推出的軟件，并不單純指運(yùn)行在計算機(jī)上的程序，還包括相關(guān)規(guī)程、規(guī)則以及可能存在的文件文檔及數(shù)據(jù)。軟件開發(fā)涉及知識產(chǎn)權(quán)保護(hù)等法律問題。要引導(dǎo)學(xué)生尊重知識產(chǎn)權(quán)，告訴他們，尊重別人勞動的同時，也能使自己的勞動得到認(rèn)可。要增強(qiáng)大學(xué)生的法律意識，樹立大學(xué)生正確的世界觀、人生觀、價值觀和良好的職業(yè)道德，使之在未來的工作中能起好步，并能走遠(yuǎn)。

課堂上，應(yīng)鼓勵學(xué)生以分組的方式就一些問題展開討論，以鍛煉他們的思維能力、反應(yīng)能力和語言表達(dá)能力。在第五模塊“綜合開發(fā)實例”中，可引導(dǎo)學(xué)生組建團(tuán)隊，進(jìn)行分工合作，互幫互助，在團(tuán)結(jié)協(xié)作中完成實訓(xùn)任務(wù)。

在第三模塊“CSS3層疊樣式表”中，“對屬性進(jìn)行設(shè)置”部分的知識點極其瑣碎，學(xué)生需要嘗試使用不同的參數(shù)值，然后查看效果，以尋求最佳解決方案。這部分的學(xué)習(xí)可以培養(yǎng)學(xué)生的耐心和毅力。

在學(xué)業(yè)評價環(huán)節(jié)，應(yīng)遵循公平公正公開的原則，開展學(xué)生自評、互評和教師評價，實現(xiàn)評價主體多元化、評價方式多樣化。應(yīng)全面評價學(xué)生的能力［3］，尤其是動手操作能力和分析問題、解決問題的能力。對那些在實踐應(yīng)用上有創(chuàng)新的學(xué)生，應(yīng)給予特別的鼓勵，以增強(qiáng)學(xué)生的獲得感。

在機(jī)房上實訓(xùn)課時，要培養(yǎng)學(xué)生愛護(hù)公物的良好品德；平時要加強(qiáng)考勤，以樹立學(xué)生的時間觀念，培養(yǎng)學(xué)生遵守紀(jì)律的良好習(xí)慣。在學(xué)校遵守校規(guī)校紀(jì)，將來在工作崗位上就能自覺遵守工作紀(jì)律。要把握進(jìn)行道德教育的好時機(jī)，嚴(yán)格要求，以增強(qiáng)學(xué)生自我約束的能力。

在教材選擇上，要秉持實用的原則。對高職院校的學(xué)生來說，直譯的國外教材比較枯燥，存在認(rèn)知上的障礙，而那些優(yōu)秀的國內(nèi)教材，凝聚了編者的智慧與經(jīng)驗，更加貼合實際，且符合學(xué)生的認(rèn)知規(guī)律。選用這樣的教材，有利于學(xué)生充分了解國內(nèi)技術(shù)發(fā)展的狀況，能令學(xué)生對未來充滿信心。

要采用線上線下相結(jié)合的教學(xué)方法［4］，除了課堂講授，還可拍攝短視頻，供學(xué)生線上學(xué)習(xí)、討論，以拓展教學(xué)時間與空間（課堂內(nèi)外、學(xué)校內(nèi)外）。為此，一方面要鼓勵教師開發(fā)多媒體課件，另一方面，要加強(qiáng)在線學(xué)習(xí)平臺“學(xué)習(xí)通”的建設(shè)，給學(xué)生提供穩(wěn)定的交流互動渠道，組織和引導(dǎo)學(xué)生積極參與和體驗。除此之外，要引進(jìn)國內(nèi)外優(yōu)質(zhì)網(wǎng)絡(luò)課程資源，以彌補(bǔ)課堂教學(xué)的不足，同時開闊學(xué)生的眼界。要加強(qiáng)課程教學(xué)資源庫建設(shè)，豐富實訓(xùn)素材。在教學(xué)資源庫建設(shè)上，要采用先進(jìn)技術(shù)，進(jìn)行系統(tǒng)設(shè)計，實行開放式管理并持續(xù)更新，兼顧特色與普適性，以滿足學(xué)生需要。

要大力發(fā)掘和應(yīng)用社會資源，加強(qiáng)校企合作和實踐基地建設(shè)。可邀請前端開發(fā)一線工作者走進(jìn)校園，舉辦講座、開設(shè)培訓(xùn)班，讓學(xué)生了解當(dāng)前最前沿、最實用的技術(shù)。搭建起這樣的溝通交流平臺，學(xué)生就有機(jī)會將自己在學(xué)習(xí)中遇到的問題與困惑提出來，向他們請教，這有助于學(xué)生學(xué)習(xí)。

在人才培養(yǎng)方案和教學(xué)計劃制訂、專業(yè)課程體系建設(shè)、專業(yè)課程中思政元素融入點查找、教學(xué)方法和途徑選擇上，要深入Web前端開發(fā)企業(yè)開展調(diào)研，與從事前端開發(fā)的技術(shù)人員進(jìn)行交流，了解工作過程以及崗位職業(yè)能力、綜合素養(yǎng)等方面的要求，同時，征求專業(yè)建設(shè)指導(dǎo)委員會中各位企業(yè)專家的意見，認(rèn)真聽取他們的建議，這樣做有利于專業(yè)教育與思政教育的有機(jī)融合，提高課程思政的實效性。