HTML5云應用開發課程思政教學改革探索

黃金晶，吳閱帆

(蘇州工業職業技術學院軟件與服務外包學院，江蘇蘇州215104)

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

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

1 基于課程思政的教學改革方案

1.1 課程教學目標

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

表1 課程主要教學目標

1.2 融入課程思政的教學內容

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

1)整體教學內容

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

2)單元教學內容

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

圖1 課程思政元素融入圖

在“登錄注冊”模塊中，以云盤登錄注冊表單驗證為例，對學生進行誠信教育，教導學生要遵守道德規范，引導學生樹立正確的社會主義核心價值觀。在“我的相冊”模塊中，引入最美抗疫瞬間的圖片，鼓勵同學們為抗疫貢獻自己的力量。在“我的文檔”模塊中，通過對大國工匠事跡的收集，讓學生了解工匠精神，作為高職的學生，要在自己的專業領域踏實、嚴謹、精益求精。在“我的音樂”模塊中，學生選擇自己最喜歡的愛國歌曲，了解歌曲創作的歷史背景，激發學生的愛國情懷。在“我的視頻”模塊中，學生圍繞“祝融號”“玉兔號”“蛟龍號”等航天探海工程，感受到中國航天技術的進步，增強學生的科技自信，提升民族自豪感。在“回收站”模塊中，引入信息安全，提高學生信息安全與隱私保護的意識，采用合理的手段保護自己的信息處于安全狀態。

1.3 課程教學策略

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

圖2 課程教學策略圖

課前：老師在網絡教學平臺上發布學習資源和學習任務，包括任務書、重難點微課、練習題等，學生對各類教學資源進行預習并完成課前學習任務，老師通過學生課前任務的完成情況對學生學情進行分析，并及時調整教學重難點。

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

課后：教師布置和上課內容相關的拓展任務，學生及時完成課后拓展，鞏固所學的知識，教師通過查看學生任務完成的情況，及時了解學生本課的學習情況，包括素養目標是否達成、知識點是否掌握、能力是否達到要求。

2 教學實施實例——“我的相冊”單元

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

2020年初，一場突如其來的新冠肺炎疫情打亂了人們的生產生活，疫情暴發后，全國各地的醫護人員、志愿者馳援疫區，基層干部、社區等工作人員不辭辛勞、日夜奮戰，留下了很多感人的照片。“我的相冊”單元，要求同學們搜集2020年以來感動自己的抗疫瞬間圖片，這些圖片構成“我的相冊”素材。圖3所示為“我的相冊”單元教學過程，分為課前、課中和課后三個環節，利用O2O混合教學模式，能夠更好地“以學生為中心”，提高學生學習的效率。

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

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

圖4 學生收集的圖片實例

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

圖5 學生作品

圖6 單元教學評價圖

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

課后，根據所學的內容進行相應的拓展。2021年是中國共產黨成立100 周年，100 年來黨和人民血肉相連、患難與共，中國共產黨帶領中國人民抒寫了偉大的歷史篇章。學生課后圍繞著“黨史展現”的主題，用圖文呈現出100年來中國共產黨經歷的大事件。通過課后拓展，學生一方面靈活應用了課堂上所學的知識，另一方面學習了中國共產黨的黨史，了解了一大批優秀的共產黨人和他們的感人事跡，激發了學生的愛國情懷。

3 總結

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