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

周錫玲，彭成輝

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

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

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

文章編號(hào)：1009-3044（2021）20-0215-02

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

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

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

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

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

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

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

（1） Vue入門

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

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

主要內(nèi)容：了解Vue的模板語(yǔ)法;熟悉Vue屬性綁定、Vue雙向數(shù)據(jù)綁定;熟悉Vue計(jì)算屬性Computed、計(jì)算屬性與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ǔ)法以及應(yīng)用;掌握鉤子函數(shù)參數(shù)以及具體應(yīng)用;掌握對(duì)象字面量。

（7） 過(guò)渡與動(dòng)畫

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

（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)容：通過(guò)實(shí)現(xiàn)一個(gè)簡(jiǎn)單案例—單詞本管理，讓學(xué)生學(xué)會(huì)使用vue-cli開發(fā)項(xiàng)目的一些步驟，加深對(duì)vue-cli項(xiàng)目結(jié)構(gòu)的理解。

（12） Vue工程項(xiàng)目實(shí)戰(zhàn)

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

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

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

5 總結(jié)

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

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

參考文獻(xiàn)：

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

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

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

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