《Vue前端框架技術(shù)》課程融入思政元素

周錫玲，彭成輝

摘要：課程思政是對高校落實立德樹人的根本任務(wù)，鑄就教育之魂的理念創(chuàng)新和實踐創(chuàng)新。現(xiàn)如今，越來越多的高校教師和專業(yè)課程投入到“課程思政”改革的行列中來。本文對《Vue前端框架技術(shù)》專業(yè)課程中融入思政元素進(jìn)行了探討，充分挖掘?qū)I(yè)課程中所蘊(yùn)含的思想政治教育元素，并將其融入專業(yè)課程中，可以實現(xiàn)價值引領(lǐng)、知識教育與能力培養(yǎng)有機(jī)統(tǒng)一。

關(guān)鍵詞：思政元素;價值引領(lǐng);能力培養(yǎng);立德樹人

中圖分類號：G642? ? ? ?文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2021）20-0215-02

1 專業(yè)課程中融入思政元素的意義

在傳統(tǒng)的高職教育教學(xué)中，專業(yè)課教師普遍認(rèn)為塑造學(xué)生的人生觀、價值觀、世界觀是思政課教師的責(zé)任。因此，專業(yè)課教師以教給學(xué)生專業(yè)知識為目標(biāo)，往往忽視了教師立德樹人的根本任務(wù)。大學(xué)的思想政治課程的課時是有限的，如果僅僅依靠思想政治課堂時間來開展思想政治教育工作，往往時間顯得非常不夠[1]，而且由于思想政治課程都是純理論講授，往往教師在講臺上講的神采飛揚(yáng)，津津有味，而課堂上的大部分同學(xué)在干自己的事情，學(xué)生的學(xué)習(xí)興趣不是很高，并沒有起到應(yīng)有的思想政治教育作用。

習(xí)近平總書記曾在學(xué)校思想政治理論課教師座談會上，明確了要堅持顯性教育和隱性教育相統(tǒng)一，挖掘其他課程和教學(xué)方式中蘊(yùn)含的思想政治教育資源，實現(xiàn)全員全程全方位育人[2]。大學(xué)生每個學(xué)期都會有專業(yè)課，充分挖掘?qū)I(yè)課中蘊(yùn)含的思想政治教育元素，將專業(yè)知識與思政元素相結(jié)合，對學(xué)生進(jìn)行持續(xù)的思想政治教育滲透，進(jìn)行潛移默化的影響，從而達(dá)到潤物細(xì)無聲的效果。由此可以看出，在專業(yè)課程中融入思政元素具有一定的現(xiàn)實意義。

2 《Vue前端框架技術(shù)》課程簡介

《Vue前端框架技術(shù)》課程是本校計算機(jī)應(yīng)用技術(shù)專業(yè)的專業(yè)核心課程，旨在培養(yǎng)學(xué)生具備使用Vue前端框架技術(shù)進(jìn)行前端系統(tǒng)開發(fā)的能力。通過本課程的學(xué)習(xí)，學(xué)生不僅可以掌握Vue.js庫的使用方法，還可以積累項目開發(fā)經(jīng)驗，從而滿足企業(yè)實際開發(fā)的需求。

3 《Vue前端框架技術(shù)》課程教學(xué)內(nèi)容

《Vue前端框架技術(shù)》選用的教材是Vue.js前端開發(fā)技術(shù)[3]，該教材總共包含12章的內(nèi)容，每個章節(jié)的內(nèi)容大致如下：

（1） Vue入門

主要內(nèi)容：了解Vue的特點以及在前端開發(fā)中的優(yōu)勢;掌握Vue的下載及如何引入并應(yīng)用;掌握實例化Vue對象、數(shù)據(jù)和方法;掌握數(shù)據(jù)掛載到DOM頁面;掌握MVVM模式。

（2） Vue數(shù)據(jù)綁定

主要內(nèi)容：了解Vue的模板語法;熟悉Vue屬性綁定、Vue雙向數(shù)據(jù)綁定;熟悉Vue計算屬性Computed、計算屬性與methods的區(qū)別;掌握Vue生命周期。

（3） Vue指令

主要內(nèi)容：掌握Vue提供的內(nèi)置指令v-if、v-for、v-show、v-bind、v-model的作用以及應(yīng)用。

（4） Vue事件處理

主要內(nèi)容：掌握Vue事件處理器、方法事件處理器、內(nèi)聯(lián)事件處理器;了解按鍵修飾符、修飾鍵;掌握事件修飾符。

（5） Vue組件

主要內(nèi)容：了解組件的定義;掌握創(chuàng)建組件的步驟;掌握父組件向子組件通信、子組件向父組件通信、任意組件及平行組件通信。

（6） 自定義指令

主要內(nèi)容：掌握自定義全局指令和自定義局部指令的語法以及應(yīng)用;掌握鉤子函數(shù)參數(shù)以及具體應(yīng)用;掌握對象字面量。

（7） 過渡與動畫

主要內(nèi)容：掌握transition組件的使用;掌握單元素/組件的過渡;掌握實現(xiàn)過渡動畫的三種方式;掌握多元素/組件的過渡。

（8） 渲染函數(shù)

主要內(nèi)容：了解渲染函數(shù)及其作用;掌握createElement方法。

（9） Vue路由vue-router

主要內(nèi)容：掌握路由的安裝和使用，熟悉子路由，掌握使用路由傳遞參數(shù)和地址欄傳遞參數(shù)的方法;掌握路由切換組件的使用;掌握命名視圖和導(dǎo)航鉤子、元數(shù)據(jù)及路由匹配。

（10） 使用webpack

主要內(nèi)容：掌握webpack的作用及安裝、webpack常用的loaders、webpack打包。

（11） 綜合案例開發(fā)

主要內(nèi)容：通過實現(xiàn)一個簡單案例—單詞本管理，讓學(xué)生學(xué)會使用vue-cli開發(fā)項目的一些步驟，加深對vue-cli項目結(jié)構(gòu)的理解。

（12） Vue工程項目實戰(zhàn)

主要內(nèi)容：講解使用Vue完整地開發(fā)移動端APP，學(xué)會組件化、模塊化的開發(fā)方式;在項目資源準(zhǔn)備中，要求學(xué)生掌握一定的前端開發(fā)技巧、圖標(biāo)字體使用、移動端1像素邊框、css sticky footer布局，F(xiàn)lex彈性布局等。掌握工程化項目目錄設(shè)計，學(xué)會設(shè)置模擬后臺數(shù)據(jù);掌握項目中打包的關(guān)鍵點。

4 《Vue前端框架技術(shù)》課程融入思政元素設(shè)計

通過對《Vue前端框架技術(shù)》課程進(jìn)行隱性的“課程思政”元素設(shè)計，以“立德樹人”為根本，課程教學(xué)中實現(xiàn)如下的育德目標(biāo)：培養(yǎng)學(xué)生的愛國，敬業(yè)，無私奉獻(xiàn)精神，引導(dǎo)學(xué)生樹立正確的人生觀、價值觀、世界觀;增強(qiáng)學(xué)生的自強(qiáng)自信，引導(dǎo)當(dāng)代大學(xué)生激揚(yáng)青春，努力奮斗;培養(yǎng)學(xué)生的創(chuàng)新精神;加強(qiáng)學(xué)生的安全意識，幫助學(xué)生樹立正確的網(wǎng)絡(luò)安全觀;培養(yǎng)學(xué)生樂于助人的雷鋒精神。在該教材的部分章節(jié)的相關(guān)內(nèi)容中融入了思想政治教育元素，并給出了授課要點，思政映射與融入點，授課形式與教學(xué)方法，預(yù)期成效。具體內(nèi)容如表1所示。

5 總結(jié)

育人工作是一個春風(fēng)化雨、潛移默化的過程，教師在課程內(nèi)容中融入思政元素時，不能強(qiáng)行植入，而是要深入挖掘與課程內(nèi)容有關(guān)的思政元素，實現(xiàn)思政元素與課程內(nèi)容有機(jī)融合，順其自然地將知識教育與思想教育結(jié)合起來。

本文對《Vue前端框架技術(shù)》課程的部分章節(jié)內(nèi)容中蘊(yùn)含的思想政治教育元素進(jìn)行了挖掘，將專業(yè)知識與思政元素進(jìn)行深度融合，在教給學(xué)生專業(yè)知識的同時達(dá)到了育人的目的，實現(xiàn)了價值引領(lǐng)、知識教育與能力培養(yǎng)有機(jī)統(tǒng)一，希望能夠為其他高校思政課程的課堂建設(shè)提供借鑒。

參考文獻(xiàn)：

[1] 李文艷.《計算機(jī)應(yīng)用基礎(chǔ)》課程融入思政元素[J].數(shù)碼世界，2020（1）：188-189.

[2] 徐琴，朱霞，張才華.“Python程序設(shè)計”課程思政探索[J].教育教學(xué)論壇，2020（53）：298-300.

[3] 王鳳麗.Vue.js前端開發(fā)技術(shù)[M].北京：人民郵電出版社，2019.

【通聯(lián)編輯：李雅琪】