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

黃金晶，吳閱帆

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

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

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

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

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

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

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

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

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

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

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

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

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

圖1 課程思政元素融入圖

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

1.3 課程教學(xué)策略

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

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

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

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

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

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

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

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

圖3 “我的相冊”單元教學(xué)實施過程

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

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

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

圖5 學(xué)生作品

圖6 單元教學(xué)評價圖

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

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

3 總結(jié)

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