周美玲

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

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

具體來說，在第一模塊“Web前端開發(fā)基礎(chǔ)”教學中，要先介紹世界范圍內(nèi)Web前端開發(fā)技術(shù)的發(fā)展現(xiàn)狀，讓學生了解國外先進技術(shù)和該技術(shù)的前沿研究課題，然后介紹Web前端開發(fā)技術(shù)在中國的應(yīng)用和發(fā)展情況，讓學生通過對比，更加清晰地認識到我國在技術(shù)理論研究和技術(shù)應(yīng)用上還存在短板，進而激勵學生刻苦學習、勤奮鉆研、勇攀高峰，為Web前端開發(fā)技術(shù)的創(chuàng)新做貢獻。第二、第三、第四、第五模塊（HTML 基礎(chǔ)、CSS3、JavaScript、HTML5 新技術(shù)）講述了Web前端開發(fā)的三大核心技術(shù)，在最后的綜合開發(fā)實例模塊中，還設(shè)置了實踐課程。靈活運用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興起過程的講解分析，可使學生提高對歷史發(fā)展規(guī)律的認識。只有學習歷史、認清過去，才能正確地把握現(xiàn)實與未來，才能更加自覺地采取行動。來看下面這個實例：統(tǒng)計一個網(wǎng)站訪問來源的占比。利用HTML5技術(shù)，可以得到一個漂亮的餅形圖（見圖2），餅形圖有利于進行直觀展示。其核心代碼如下：

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

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

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

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

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

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

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

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

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

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

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

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