胡龍平

摘要：為落實(shí)全方位育人的授課理念，針對前端框架技術(shù)進(jìn)行課程教學(xué)探討，更新課程教學(xué)方法，完善課程教學(xué)目標(biāo)。課程通過以一個案例貫穿教學(xué)全過程，采用學(xué)生身邊案例進(jìn)行教學(xué)以及講、學(xué)、練結(jié)合的理實(shí)一體教學(xué)方式，結(jié)合第二課堂實(shí)踐等教學(xué)方法開展教學(xué)，最終明確完成課程的教學(xué)改革。

關(guān)鍵字：前端框架;教學(xué)改革;理實(shí)一體;

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

一、課程基本情況

《前端框架技術(shù)》課程主要面向于我院計算機(jī)應(yīng)用專業(yè)大二學(xué)生，是一門專業(yè)核心課程。該課程的前置課程包括《web前端基礎(chǔ)》、《jquery編程技術(shù)》等，后置課程包括《web應(yīng)用安全技術(shù)》、《代碼安全》等，該課程在整個計算機(jī)應(yīng)用專業(yè)人才培養(yǎng)方案課程體系中，起到了承上啟下的作用。課程課時為96，其中理論課32課時，實(shí)驗(yàn)課64課時。

二、課程目標(biāo)

依據(jù)學(xué)院對課程建設(shè)提出的新要求及人才培養(yǎng)方案中課程內(nèi)容的要求，參照《1+X》證書web前端開發(fā)工程師的要求，制定了該課程的課程目標(biāo)，課程目標(biāo)的制定主要包含以下3個方面：

（1）知識目標(biāo)

《前端框架技術(shù)》旨在培養(yǎng)學(xué)生使用Vue前端框架技術(shù)進(jìn)行前端系統(tǒng)開發(fā)的能力。 課程以web前端技術(shù)HTML+CSS+JavaScript為基礎(chǔ)，主要介紹目前主流的前端框架技術(shù)Vue，通過課程學(xué)習(xí)，了解Vue框架的運(yùn)行機(jī)制，掌握Vue數(shù)據(jù)綁定實(shí)現(xiàn)方式，使用Vue指令進(jìn)行動態(tài)樣式的綁定，熟練掌握Vue組件及組件之間數(shù)據(jù)傳遞方式、渲染函數(shù)的使用及Vue路由的使用。通過本課程的學(xué)習(xí)，要求學(xué)生能夠熟練使用Vue指令來操作DOM元素，給多個元素或組件制作動畫，進(jìn)行表格動態(tài)篩選、實(shí)現(xiàn)購物車列表、使用渲染函數(shù)循環(huán)渲染數(shù)組。

（2）技能目標(biāo)

培養(yǎng)學(xué)生使用前端框架進(jìn)行web應(yīng)用系統(tǒng)開發(fā)的能力，培養(yǎng)學(xué)生對開發(fā)需求文檔的撰寫與規(guī)范能力，提高學(xué)生的Web應(yīng)用安全風(fēng)險識別和防范能力，培養(yǎng)學(xué)生運(yùn)用web前端專業(yè)知識、工具、技術(shù)手段進(jìn)行Web應(yīng)用系統(tǒng)開發(fā)的能力，培養(yǎng)學(xué)生的Web安全意識，提升面向Web應(yīng)用的安全保障體系設(shè)計與實(shí)施能力。

三、課程實(shí)施

（1）課程建設(shè)情況

課程以開設(shè)3年，主要采用線上線下相結(jié)合的課程實(shí)施方法， 課程開設(shè)以來，課程活動數(shù)已達(dá)10萬余人，授課人數(shù)四百余人 ，章節(jié)知識點(diǎn)設(shè)置36個，題庫總數(shù)106題，發(fā)布作業(yè)80余次，發(fā)布課堂活動100余個，討論區(qū)話題達(dá)7000余個，課程資料160余個。

（2）課程設(shè)計

為完成課程三維度的課程目標(biāo)，課程在實(shí)施設(shè)計上也進(jìn)行了思政元素的設(shè)計與融入，具體的課程設(shè)計如下：

1）一個案例貫穿教學(xué)全程。課程在教學(xué)設(shè)計上以一個網(wǎng)站設(shè)計為案例開展教學(xué)，為達(dá)到課程思政的教學(xué)目的，我們選取學(xué)校官網(wǎng)作為教學(xué)案例，使學(xué)生在學(xué)技術(shù)的同時，也能了解到學(xué)校的相關(guān)通知，工作安排及學(xué)校宣傳特色等內(nèi)容。

2）講、學(xué)、練三者結(jié)合。在課程開展的過程中，不再是采用傳統(tǒng)的教與學(xué)，而是將課程形式進(jìn)行轉(zhuǎn)變，開展理實(shí)一體課，老師在教的過程中，學(xué)生同步進(jìn)行練習(xí)，實(shí)時的發(fā)現(xiàn)問題與解決問題。

3）積極引進(jìn)隨堂小測。為進(jìn)一步檢驗(yàn)學(xué)生的學(xué)習(xí)效果，提高學(xué)習(xí)興趣與參與度，在每個階段課程結(jié)束后，以小組的形式進(jìn)行趣味知識搶答，搶答內(nèi)容主要是教材中的主要知識點(diǎn)，對表現(xiàn)較好的團(tuán)隊，給予期末加分及小獎品獎勵。通過趣味知識搶答的開展可以有效提高學(xué)生的團(tuán)隊合作意識。

4）進(jìn)行第二課堂實(shí)踐。在課程內(nèi)容結(jié)束后，組織學(xué)生開展網(wǎng)頁設(shè)計大賽，鼓勵學(xué)生講課堂所學(xué)知識應(yīng)用到實(shí)際的生活中。例如，2021年，網(wǎng)頁設(shè)計大賽主題為“我的學(xué)校，我宣傳”，要求學(xué)生以學(xué)校特色為載體，在原有學(xué)校官網(wǎng)的設(shè)計基礎(chǔ)上，進(jìn)行網(wǎng)頁優(yōu)化重構(gòu)。

除了上述重點(diǎn)教學(xué)設(shè)計外，還利用超星學(xué)習(xí)通進(jìn)行主題討論，課程視頻教學(xué)，生生互評，簽到等，在整個課程設(shè)計過程，秉承著專業(yè)內(nèi)容為主構(gòu)建“全方位”育人理念，打造高效、實(shí)用的計算機(jī)課程實(shí)施方案。

（3）課程實(shí)施效果

為檢驗(yàn)課程實(shí)施效果，將2019、2020及2021年該課程的期末成績進(jìn)行了對比，其中2019年授課采用的是教材案例，且沒有采用理實(shí)一體化授課方式，在期末成績數(shù)據(jù)統(tǒng)計顯示，2019年，學(xué)生整體考試及格率為82%，優(yōu)秀率占24%，而2020年和2021年整體及格率都在92%以上，且優(yōu)秀率均超50%，上述數(shù)據(jù)表明，該課程的課程設(shè)計改革具有顯著效果。

四、 課程評價

為了解課程設(shè)計的可行性，在課程結(jié)束后對課程進(jìn)行了多維度的評價：

1）學(xué)生評價：關(guān)于學(xué)生對課程的評價主要通過考試來了解學(xué)生對知識點(diǎn)的掌握情況，以實(shí)現(xiàn)對課程知識目標(biāo)的實(shí)現(xiàn)判定。另外通過設(shè)計問卷來了解學(xué)生對于課程實(shí)施的評價。通過測試結(jié)果表明，學(xué)生對于相關(guān)理論知識掌握較好，在教師講解案例的過程中也能理解各個知識點(diǎn)的作用，基本能完成每次布置的實(shí)踐任務(wù)，但是綜合運(yùn)用這些知識點(diǎn)來解決實(shí)際問題的能力還欠缺，過于依賴教師講解，需要進(jìn)一步培養(yǎng)其獨(dú)立思考的能力以及綜合運(yùn)用知識的能力。在今后的教學(xué)過程中，將針對這一情況制定相應(yīng)的改善方案，在介紹知識點(diǎn)的同時，多用案例來講解解決實(shí)際問題的思路，注意啟發(fā)學(xué)生的思維，讓學(xué)生自己能從案例中總結(jié)出本質(zhì)規(guī)律、并歸納出解決問題的方法，以培養(yǎng)其解決實(shí)際問題的能力。

2）同行評價：為從專業(yè)角度了解課程，組織校內(nèi)相關(guān)專業(yè)教師進(jìn)行了集中聽課。在聽課結(jié)束后進(jìn)行了集中討論，課程獲得的整體評價較高。

五、總結(jié)

前端框架技術(shù)課程通過以一個案例貫穿教學(xué)全過程，采用學(xué)生身邊案例進(jìn)行教學(xué)以及講、學(xué)、練結(jié)合的理實(shí)一體教學(xué)方式，結(jié)合第二課堂實(shí)踐等教學(xué)方法開展教學(xué)，對整個課程后續(xù)的開展奠定了基礎(chǔ)，也為其他同專業(yè)類似課程的開展提供了實(shí)施依據(jù)。

參考文獻(xiàn)

[1]劉金羽. 基于Vue.js的前端教學(xué)軟件設(shè)計與實(shí)現(xiàn)[J]. 電腦編程技巧與維護(hù)， 2020（2）：3.

[2]鄭金洲. 基于新課程的課堂教學(xué)改革[M]. 福建教育出版社， 2003.

[3]楊進(jìn). 中國職業(yè)教育教學(xué)改革與課程建設(shè)--挑戰(zhàn)與對策[J]. 職業(yè)技術(shù)教育， 2004.