HTML5云應(yīng)用開(kāi)發(fā)課程思政教學(xué)改革探索

黃金晶，吳閱帆

(蘇州工業(yè)職業(yè)技術(shù)學(xué)院軟件與服務(wù)外包學(xué)院，江蘇蘇州215104)

在黨的十八大報(bào)告中，首次將“立德樹(shù)人”確立為教育的根本任務(wù)，“立德樹(shù)人”要求教育要把德育放在首位。習(xí)近平總書(shū)記在全國(guó)高校思想政治工作會(huì)議上指出，思政課是落實(shí)立德樹(shù)人根本任務(wù)的關(guān)鍵課程，其他各門(mén)課都要守好一段渠、種好責(zé)任田，使各類課程與思想政治理論課同向同行，形成協(xié)同效應(yīng)[1]。因而，德育絕不僅僅是思政課老師的責(zé)任，德育應(yīng)該貫穿在每一門(mén)課程的教學(xué)過(guò)程中。對(duì)于高校學(xué)生來(lái)說(shuō)，他們的思想活躍、見(jiàn)識(shí)廣泛、求知欲強(qiáng)，正確的價(jià)值觀引導(dǎo)非常重要，在學(xué)校教育中，各類專業(yè)課和思政課要協(xié)同育人[2]，讓學(xué)生德技雙修[3]。

HTML5云應(yīng)用開(kāi)發(fā)課程是高職計(jì)算機(jī)系云計(jì)算技術(shù)與應(yīng)用專業(yè)開(kāi)設(shè)的一門(mén)專業(yè)必修課程。對(duì)于高職云計(jì)算專業(yè)的學(xué)生來(lái)說(shuō)，云應(yīng)用開(kāi)發(fā)工程師是他們可以從事的崗位之一，云應(yīng)用開(kāi)發(fā)工程師除了具有良好的專業(yè)能力外，還要有對(duì)工作一絲不茍的態(tài)度、較強(qiáng)的責(zé)任意識(shí)和規(guī)范意識(shí)、較好的團(tuán)隊(duì)協(xié)作精神。HTML5 云應(yīng)用開(kāi)發(fā)課程遵循“德育為先、知識(shí)為本、能力為重、全面發(fā)展”的育人理念，不僅要培養(yǎng)學(xué)生掌握HTML5 的相關(guān)知識(shí)、利用HTML5和CSS3等技術(shù)進(jìn)行云應(yīng)用項(xiàng)目設(shè)計(jì)與開(kāi)發(fā)能力，還要培養(yǎng)學(xué)生良好的職業(yè)素養(yǎng)。

1 基于課程思政的教學(xué)改革方案

1.1 課程教學(xué)目標(biāo)

在云計(jì)算技術(shù)與應(yīng)用專業(yè)的人才培養(yǎng)方案中，HTML5 云應(yīng)用開(kāi)發(fā)課程開(kāi)設(shè)于大二，作為一門(mén)專業(yè)必修課，它的教學(xué)不僅僅要教授學(xué)生知識(shí)，育人也不可或缺。筆者將HTML5 云應(yīng)用開(kāi)發(fā)課程的教學(xué)目標(biāo)分為素養(yǎng)目標(biāo)、知識(shí)目標(biāo)和能力目標(biāo)。課程主要面對(duì)的就業(yè)崗位為云應(yīng)用開(kāi)發(fā)工程師，在素養(yǎng)目標(biāo)中，力求培養(yǎng)學(xué)生的責(zé)任感、團(tuán)隊(duì)意識(shí)、創(chuàng)新精神等，知識(shí)目標(biāo)主要是幫助學(xué)生掌握HTML5、CSS3 和JavaScript 的相關(guān)知識(shí)，能力目標(biāo)主要是培養(yǎng)學(xué)生開(kāi)發(fā)云應(yīng)用項(xiàng)目的能力，表1所示的為課程主要的教學(xué)目標(biāo)。

表1 課程主要教學(xué)目標(biāo)

1.2 融入課程思政的教學(xué)內(nèi)容

HTML5云應(yīng)用開(kāi)發(fā)課程是一門(mén)Web前端開(kāi)發(fā)技術(shù)類的課程，操作性強(qiáng)，強(qiáng)調(diào)學(xué)生實(shí)操的過(guò)程，在教學(xué)內(nèi)容中如何有機(jī)地融入思政元素是值得深入探究的。很顯然，課程思政不是在課堂上給學(xué)生講大道理，也不是帶領(lǐng)學(xué)生喊口號(hào)，正如專家所說(shuō)，課程思政是隨風(fēng)潛入夜，潤(rùn)物細(xì)無(wú)聲的過(guò)程[4]。HTML5云應(yīng)用開(kāi)發(fā)課程是以云應(yīng)用項(xiàng)目為載體，將HTML5、CSS3、JavaScript等技術(shù)融入其中。這門(mén)課程雖然是一門(mén)開(kāi)發(fā)類的課程，但是包含了豐富的思政元素，比如科技興國(guó)、民族自豪感、時(shí)代精神、工匠精神等。將思政元素融入教學(xué)內(nèi)容后，使得知識(shí)傳授、價(jià)值引領(lǐng)和思想政治教育有機(jī)融合[5]，課程教學(xué)實(shí)現(xiàn)了全過(guò)程育人。專業(yè)知識(shí)通過(guò)有效思政案例的融入變得生動(dòng)有趣，學(xué)生在專業(yè)知識(shí)、技能學(xué)習(xí)的同時(shí)，提升了道德和職業(yè)修養(yǎng)。下面具體描述課程思政教學(xué)內(nèi)容的融入。

1)整體教學(xué)內(nèi)容

在整體教學(xué)內(nèi)容的選取上，課程采用項(xiàng)目化教學(xué)，選擇“我的云盤(pán)”項(xiàng)目為載體。云盤(pán)是一個(gè)典型的云應(yīng)用項(xiàng)目，作為云計(jì)算技術(shù)與應(yīng)用專業(yè)的學(xué)生，云盤(pán)是需要了解的項(xiàng)目之一。利用云盤(pán)可以方便地進(jìn)行資料的存儲(chǔ)，減少了計(jì)算機(jī)病毒的攜帶和傳播，同時(shí)可以防止隱私的泄露。在整個(gè)項(xiàng)目完成過(guò)程中，將工匠精神貫穿到底，加強(qiáng)學(xué)生代碼規(guī)范意識(shí)，培養(yǎng)他們精益求精的品質(zhì)。同時(shí)網(wǎng)頁(yè)中各元素色彩的搭配、頁(yè)面的排版、頁(yè)面的布局等都融入了“五育”[6]中的美育，培養(yǎng)學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)中認(rèn)識(shí)美、愛(ài)好美和創(chuàng)造美。除了“我的云盤(pán)”項(xiàng)目外，課程還布置了相關(guān)的拓展項(xiàng)目，培養(yǎng)了學(xué)生的創(chuàng)新意識(shí)。

2)單元教學(xué)內(nèi)容

課程將“我的云盤(pán)”項(xiàng)目按照工作任務(wù)分解，分為登錄注冊(cè)、我的相冊(cè)、我的文檔、我的音樂(lè)、我的視頻、回收站幾個(gè)模塊，每個(gè)模塊都選擇了合適的思政案例，將思政元素融入其中，如圖1所示。

圖1 課程思政元素融入圖

在“登錄注冊(cè)”模塊中，以云盤(pán)登錄注冊(cè)表單驗(yàn)證為例，對(duì)學(xué)生進(jìn)行誠(chéng)信教育，教導(dǎo)學(xué)生要遵守道德規(guī)范，引導(dǎo)學(xué)生樹(shù)立正確的社會(huì)主義核心價(jià)值觀。在“我的相冊(cè)”模塊中，引入最美抗疫瞬間的圖片，鼓勵(lì)同學(xué)們?yōu)榭挂哓暙I(xiàn)自己的力量。在“我的文檔”模塊中，通過(guò)對(duì)大國(guó)工匠事跡的收集，讓學(xué)生了解工匠精神，作為高職的學(xué)生，要在自己的專業(yè)領(lǐng)域踏實(shí)、嚴(yán)謹(jǐn)、精益求精。在“我的音樂(lè)”模塊中，學(xué)生選擇自己最喜歡的愛(ài)國(guó)歌曲，了解歌曲創(chuàng)作的歷史背景，激發(fā)學(xué)生的愛(ài)國(guó)情懷。在“我的視頻”模塊中，學(xué)生圍繞“祝融號(hào)”“玉兔號(hào)”“蛟龍?zhí)枴钡群教焯胶９こ?，感受到中?guó)航天技術(shù)的進(jìn)步，增強(qiáng)學(xué)生的科技自信，提升民族自豪感。在“回收站”模塊中，引入信息安全，提高學(xué)生信息安全與隱私保護(hù)的意識(shí)，采用合理的手段保護(hù)自己的信息處于安全狀態(tài)。

1.3 課程教學(xué)策略

課程采用O2O 混合教學(xué)模式[7]實(shí)施教學(xué)，整個(gè)教學(xué)過(guò)程被分為課前、課中和課后。圖2所示的為課程的教學(xué)策略圖。

圖2 課程教學(xué)策略圖

課前：老師在網(wǎng)絡(luò)教學(xué)平臺(tái)上發(fā)布學(xué)習(xí)資源和學(xué)習(xí)任務(wù)，包括任務(wù)書(shū)、重難點(diǎn)微課、練習(xí)題等，學(xué)生對(duì)各類教學(xué)資源進(jìn)行預(yù)習(xí)并完成課前學(xué)習(xí)任務(wù)，老師通過(guò)學(xué)生課前任務(wù)的完成情況對(duì)學(xué)生學(xué)情進(jìn)行分析，并及時(shí)調(diào)整教學(xué)重難點(diǎn)。

課中：以項(xiàng)目為載體，采用任務(wù)驅(qū)動(dòng)、分組教學(xué)的方式進(jìn)行授課。課堂上以學(xué)生為主體，教師引導(dǎo)學(xué)生完成學(xué)習(xí)任務(wù)，并將思政元素融入其中。學(xué)生以組為單位，成員間相互交流，共同完成學(xué)習(xí)任務(wù)。每個(gè)小組任務(wù)完成后，教師以多元方式對(duì)學(xué)生進(jìn)行評(píng)價(jià)，包括組內(nèi)自評(píng)、小組互評(píng)和教師評(píng)價(jià)。評(píng)價(jià)的內(nèi)容不僅涵蓋學(xué)生的作品，還涵蓋學(xué)生出勤情況、課堂紀(jì)律、團(tuán)隊(duì)合作等方面。

課后：教師布置和上課內(nèi)容相關(guān)的拓展任務(wù)，學(xué)生及時(shí)完成課后拓展，鞏固所學(xué)的知識(shí)，教師通過(guò)查看學(xué)生任務(wù)完成的情況，及時(shí)了解學(xué)生本課的學(xué)習(xí)情況，包括素養(yǎng)目標(biāo)是否達(dá)成、知識(shí)點(diǎn)是否掌握、能力是否達(dá)到要求。

2 教學(xué)實(shí)施實(shí)例——“我的相冊(cè)”單元

“我的相冊(cè)”是“我的云盤(pán)”教學(xué)案例中的一個(gè)教學(xué)單元，本節(jié)以該單元為例，展開(kāi)教學(xué)實(shí)施過(guò)程的描述。“我的相冊(cè)”是“我的云盤(pán)”項(xiàng)目的重要組成部分，是用來(lái)存放用戶保存的各類型圖片。通過(guò)“我的相冊(cè)”單元，要求學(xué)生進(jìn)一步掌握利用DIV+CSS進(jìn)行頁(yè)面布局、掌握CSS3的transform屬性等。

2020年初，一場(chǎng)突如其來(lái)的新冠肺炎疫情打亂了人們的生產(chǎn)生活，疫情暴發(fā)后，全國(guó)各地的醫(yī)護(hù)人員、志愿者馳援疫區(qū)，基層干部、社區(qū)等工作人員不辭辛勞、日夜奮戰(zhàn)，留下了很多感人的照片。“我的相冊(cè)”單元，要求同學(xué)們搜集2020年以來(lái)感動(dòng)自己的抗疫瞬間圖片，這些圖片構(gòu)成“我的相冊(cè)”素材。圖3所示為“我的相冊(cè)”單元教學(xué)過(guò)程，分為課前、課中和課后三個(gè)環(huán)節(jié)，利用O2O混合教學(xué)模式，能夠更好地“以學(xué)生為中心”，提高學(xué)生學(xué)習(xí)的效率。

圖3 “我的相冊(cè)”單元教學(xué)實(shí)施過(guò)程

課前，教師首先發(fā)布學(xué)習(xí)任務(wù)，請(qǐng)學(xué)生利用互聯(lián)網(wǎng)進(jìn)行信息檢索，找到最感動(dòng)你的抗疫瞬間。在素材查找過(guò)程中，一個(gè)個(gè)鮮活的事例讓學(xué)生感受到偉大的抗疫精神，全國(guó)人民在黨中央的正確領(lǐng)導(dǎo)下，上下一心、眾志成城、共克時(shí)艱。其次，教師發(fā)布了HTML5標(biāo)簽、DIV+CSS盒模型、CSS3屬性的相關(guān)學(xué)習(xí)資源，供學(xué)生課前學(xué)習(xí)。最后，教師發(fā)布課前測(cè)試，通過(guò)測(cè)試結(jié)果能夠提前了解學(xué)生對(duì)本課知識(shí)的掌握情況。圖4 所示的為學(xué)生課前搜集到一些圖片實(shí)例。

圖4 學(xué)生收集的圖片實(shí)例

課中，以任務(wù)驅(qū)動(dòng)的方式進(jìn)行教學(xué)。首先，學(xué)生根據(jù)任務(wù)書(shū)的要求，利用前面已經(jīng)學(xué)過(guò)的DIV+CSS盒模型分組實(shí)現(xiàn)頁(yè)面的搭建。其次，講解利用CSS3 技術(shù)實(shí)現(xiàn)圖片縮放、旋轉(zhuǎn)、平移的方法，并根據(jù)學(xué)生課前學(xué)習(xí)的效果對(duì)易錯(cuò)處進(jìn)行分析，學(xué)生根據(jù)任務(wù)書(shū)中的要求，分組對(duì)頁(yè)面中的圖片利用CSS3 技術(shù)實(shí)現(xiàn)相關(guān)效果。圖5所示為學(xué)生作品實(shí)例。最后是評(píng)價(jià)環(huán)節(jié)，課程采用多元評(píng)價(jià)方式。小組成員對(duì)自己的表現(xiàn)進(jìn)行自評(píng)，組長(zhǎng)匯報(bào)作品后，小組之間進(jìn)行互評(píng)，老師根據(jù)小組作品結(jié)合學(xué)生在小組中的表現(xiàn)給出教師評(píng)分，最終按比例形成每個(gè)同學(xué)本單元課堂考核分?jǐn)?shù)。在此過(guò)程中，德技并重，不僅考查學(xué)生掌握的知識(shí)和能力，同時(shí)考查學(xué)生的品質(zhì)和素養(yǎng)。圖6所示為單元考核評(píng)價(jià)過(guò)程。

圖5 學(xué)生作品

圖6 單元教學(xué)評(píng)價(jià)圖

通過(guò)小組同學(xué)對(duì)本組作品的展示，學(xué)生再一次體會(huì)了醫(yī)護(hù)人員等為戰(zhàn)勝疫情付出的艱辛努力。目前我國(guó)進(jìn)入常態(tài)化疫情防控階段，有的學(xué)生防疫意識(shí)已經(jīng)有所淡薄了，然而新冠病毒是一個(gè)非常狡猾的病毒，變異快、防控難度大。醫(yī)護(hù)人員、各級(jí)各類工作人員為了保衛(wèi)我們的健康，舍小家顧大家，同學(xué)們也應(yīng)該為抗疫做出自己的努力，比如要正確佩戴口罩、不聚集、及時(shí)接種疫苗等。

課后，根據(jù)所學(xué)的內(nèi)容進(jìn)行相應(yīng)的拓展。2021年是中國(guó)共產(chǎn)黨成立100 周年，100 年來(lái)黨和人民血肉相連、患難與共，中國(guó)共產(chǎn)黨帶領(lǐng)中國(guó)人民抒寫(xiě)了偉大的歷史篇章。學(xué)生課后圍繞著“黨史展現(xiàn)”的主題，用圖文呈現(xiàn)出100年來(lái)中國(guó)共產(chǎn)黨經(jīng)歷的大事件。通過(guò)課后拓展，學(xué)生一方面靈活應(yīng)用了課堂上所學(xué)的知識(shí)，另一方面學(xué)習(xí)了中國(guó)共產(chǎn)黨的黨史，了解了一大批優(yōu)秀的共產(chǎn)黨人和他們的感人事跡，激發(fā)了學(xué)生的愛(ài)國(guó)情懷。

3 總結(jié)

立德樹(shù)人是教育的根本任務(wù)，HTML5 云應(yīng)用開(kāi)發(fā)課程作為一門(mén)專業(yè)課，堅(jiān)持育人為本，德育為先，如何在專業(yè)課中將專業(yè)知識(shí)和思政元素有效地融合起來(lái)是值得深入研究的問(wèn)題。課程教學(xué)團(tuán)隊(duì)對(duì)HTML5云應(yīng)用開(kāi)發(fā)課程進(jìn)行了基于課程思政的教學(xué)改革，將家國(guó)情懷、使命擔(dān)當(dāng)、工匠精神、創(chuàng)新精神等思政元素融入教學(xué)內(nèi)容，實(shí)現(xiàn)思政教育與知識(shí)技能教育的有機(jī)融合，引導(dǎo)青年學(xué)生樹(shù)立正確的三觀。通過(guò)課程思政改革，專業(yè)課程與思政課程將同向同行、協(xié)同育人，幫助學(xué)生成長(zhǎng)為能夠擔(dān)當(dāng)民族復(fù)興大任的時(shí)代新人。