以《Web 前端開發(fā)》課程為例的高職院校專業(yè)課的思政探索與實踐

楊勇

（陜西職業(yè)技術(shù)學(xué)院，陜西 西安 710038）

一、引言

為了更好地解決“培養(yǎng)什么樣的人，如何培養(yǎng)人以及為誰培養(yǎng)人”的這個問題，堅持把立德樹人作為中心環(huán)節(jié)，把思想政治工作貫穿教育教學(xué)全過程，實現(xiàn)全程育人，全方位育人。專業(yè)課程是課程思政建設(shè)的基本載體，專業(yè)課以及專業(yè)課的教師對大學(xué)生的影響很深，因此，全面推進(jìn)專業(yè)課的課程思政建設(shè)尤為重要。

二、Web 前端開發(fā)課程概況

Web 前端開發(fā)課程是高等職業(yè)教育軟件技術(shù)專業(yè)的一門必修的專業(yè)核心課程，旨在培養(yǎng)具備企業(yè)用人要求的Web 前端開發(fā)工程師崗位人才。課程內(nèi)容主要涵蓋HTML、CSS、JavaScript 知識域，開發(fā)工具HBuilderX 的使用。本課程采用項目化教學(xué)的方式，理論結(jié)合實踐，以任務(wù)驅(qū)動的方式快速引導(dǎo)學(xué)生賦予實操，掌握技術(shù)，積累開發(fā)經(jīng)驗。注重培養(yǎng)學(xué)生對Web 前端開發(fā)崗位的認(rèn)知度，頁面設(shè)計能力，自主學(xué)習(xí)能力和職業(yè)道德素養(yǎng)。

三、課程思政教學(xué)設(shè)計思路

（一）教學(xué)內(nèi)容規(guī)劃與開發(fā)項目的設(shè)置

以立德樹人為出發(fā)點，堅持正確的政治方向，以學(xué)生為中心，把對學(xué)生職業(yè)素養(yǎng)的培育，世界觀，人生觀，價值觀培育和塑造通過“基因式”融入課程中，把思政教育貫穿于教學(xué)全過程，潛移默化，潤物細(xì)無聲地引導(dǎo)學(xué)生?；谏鲜隹紤]，通過企業(yè)調(diào)研和利用網(wǎng)絡(luò)資源獲取Web 前端開發(fā)崗位技術(shù)技能要求，形成Web 開發(fā)崗位技能棧，以及人力素質(zhì)模型，結(jié)合課程內(nèi)容梳理本課程的教學(xué)內(nèi)容，按照教學(xué)計劃及教學(xué)內(nèi)容結(jié)合企業(yè)項目，設(shè)計課堂中開發(fā)的項目。整體思路是按知識領(lǐng)域劃分，項目設(shè)計結(jié)合知識域由局部到整體，開發(fā)技術(shù)難度逐步提升。

1.第一模塊，web 前端開發(fā)課程概述

本模塊介紹Web 前端開發(fā)在行業(yè)的發(fā)展情況，課程涉及的核心技術(shù)，及知識組成，向?qū)W生解惑這門課程要學(xué)什么，怎么學(xué)，可從事的工作方向等問題，引導(dǎo)學(xué)生入門Web 開發(fā)這門課，提升學(xué)生對本門課程的興趣。

2.第二模塊，HTML 知識點

本模塊設(shè)計成項目，知識點涵蓋在項目開發(fā)過程中。知識點主要涉及HBuilderX工具的使用，HTML 各標(biāo)簽，頁面結(jié)構(gòu)組成，項目以展示班級信息為主體，本項目主要提升學(xué)生對HTML 各標(biāo)簽的認(rèn)識，理解HTML 頁面組成，積累HTML 標(biāo)簽應(yīng)用的經(jīng)驗。

3.第三模塊，CSS 知識點

本模塊設(shè)計成項目，主要知識點涉及CSS 基本屬性和應(yīng)用方法。項目為開發(fā)一個展示人物介紹為主體的靜態(tài)頁面，本項目結(jié)合HTML 各標(biāo)簽知識點，應(yīng)用CSS 相關(guān)知識實現(xiàn)頁面的布局，多彩的展示方法呈現(xiàn)出賞心悅目的靜態(tài)Web 頁面。

4.第四模塊，JavaScript 知識點

本模塊設(shè)計成項目，主要知識點涉及JavaScript 的應(yīng)用。項目為開發(fā)一個可局部刷新的動態(tài)頁面，本項目以HTML、CSS 為基礎(chǔ)，結(jié)合JavaScript 技術(shù)實現(xiàn)動態(tài)頁面開發(fā)，提升學(xué)生對動態(tài)頁面的理解，著重掌握J(rèn)avaScript 技術(shù)的應(yīng)用。

5.第五模塊，整體網(wǎng)站頁面開發(fā)

本模塊以項目的方式，綜合運用Web 前端核心技術(shù)，開發(fā)展示學(xué)院教學(xué)相關(guān)信息為主體的網(wǎng)站頁面。加強學(xué)生對Web 基礎(chǔ)知識的理解，提升學(xué)生對頁面的設(shè)計能力，開發(fā)過程中解決問題的能力，以及綜合應(yīng)用Web 前端技術(shù)的能力。

（二）教學(xué)實施方法

本門課程教學(xué)主要采用項目化的方式，老師主導(dǎo)講解知識點，學(xué)生為開發(fā)項目的主體。整體實施借助網(wǎng)絡(luò)平臺資源“職教云”系統(tǒng)，設(shè)置課前任務(wù)導(dǎo)入，學(xué)生課前登錄系統(tǒng)完成相關(guān)任務(wù)，采用在線學(xué)習(xí)老師提供的資料或通過網(wǎng)絡(luò)查閱的方式掌握課前要具備的知識。老師結(jié)合教學(xué)進(jìn)度和項目進(jìn)度進(jìn)行課中任務(wù)設(shè)置，學(xué)生按照技能互補的方式組建3 到4 人的小組，以小組的方式完成項目開發(fā)任務(wù)。課中老師以引導(dǎo)的方式講解知識點，并指導(dǎo)學(xué)生開發(fā)項目。完成任務(wù)后，每個小組內(nèi)部自評，并由1 名代表總結(jié)分享，老師點評，起到正向激勵負(fù)向改進(jìn)的作用。老師結(jié)合學(xué)生開發(fā)任務(wù)實際情況設(shè)置課后任務(wù)，包括任務(wù)的持續(xù)完成或知識拓展等，學(xué)生利用課后時間持續(xù)儲備本門課程專業(yè)知識。

（三）思政元素設(shè)計

專業(yè)課的課程思政強調(diào)的“思政”主要是育人元素，非思想政治課中的“思政”，只要是對學(xué)生人生成長有積極引導(dǎo)，有助于激發(fā)學(xué)生的愛國，正義，道德，理想等正能量的都屬于課程思政的范疇。教師能夠在教學(xué)的過程中多談思想，談歷史，能夠告訴學(xué)生自己是如何讀書的，如何進(jìn)入該專業(yè)領(lǐng)域的，如何成長起來的，過程中遇到的困難是如何解決的等對學(xué)生引導(dǎo)。

基于上述原則結(jié)合企業(yè)調(diào)研對人才的要求，以及自身的工作經(jīng)驗挖掘本門課程的思政元素，主要從三個方面進(jìn)行，如圖1 所示。一是通用的育人元素，例如愛國精神，奮斗精神，紅色文化，歷史文化，科學(xué)精神，優(yōu)秀的傳統(tǒng)文化，最美逆行者精神，價值引領(lǐng)等。二是特色的育人文化，例如艱苦創(chuàng)業(yè)精神，創(chuàng)新精神，精益求精的工匠精神等。三是良好的職業(yè)素養(yǎng)，例如團隊合作精神，良好的溝通能力，工作責(zé)任心，自我驅(qū)動學(xué)習(xí)能力，質(zhì)量意識，信息安全意識等。

四、思政元素融入方法

《Web 前端開發(fā)》是一門專業(yè)課，本著先講好專業(yè)知識，再有效融入育人元素的原則，本門課程思政元素融入設(shè)計如下。

（一）思政元素融入點，愛國精神，奮斗精神，科學(xué)精神

結(jié)合教學(xué)設(shè)計第一模塊，講述Web 技術(shù)發(fā)展史，再到移動端APP 的廣泛應(yīng)用，網(wǎng)絡(luò)速度直接影響用戶的體驗，引入華為5G 技術(shù)的發(fā)展受到他國的制裁，華為通過自身強大的內(nèi)驅(qū)力，與時間賽跑，工程師踐行天道酬勤的奮斗精神研究5G 技術(shù)，才有了中國5G 處于世界領(lǐng)先的地位。激勵學(xué)生愛國主義情懷，奮斗，勇于科學(xué)研究的精神。

（二）思政元素融入點，團隊合作精神，良好溝通能力，工作責(zé)任心，自我驅(qū)動學(xué)習(xí)能力，質(zhì)量意識

結(jié)合教學(xué)設(shè)計第二模塊到第五模塊，學(xué)生以開發(fā)項目的形式完成學(xué)習(xí)任務(wù)，積累開發(fā)經(jīng)驗。學(xué)生分組合作完成任務(wù)，相互點評，促進(jìn)學(xué)生提升團隊合作精神，溝通能力，工作責(zé)任心以及自我驅(qū)動學(xué)習(xí)的意識，老師點評小組完成任務(wù)的優(yōu)缺點，潛移默化加強學(xué)生對項目開發(fā)質(zhì)量意識的重視。

（三）思政元素融入點，艱苦創(chuàng)業(yè)精神，紅色文化，歷史文化，最美逆行者精神

結(jié)合教學(xué)設(shè)計第三模塊，課前教師給學(xué)生下發(fā)任務(wù)，學(xué)生通過自學(xué)和查詢資料的方式，每人研究整理2 名紅色人物簡介和2 名新冠疫情期間抗疫英雄簡介，用于項目開發(fā)展示“人物介紹”的靜態(tài)頁面。學(xué)生通過研究紅色人物和抗疫英雄學(xué)習(xí)紅色文化，了解紅色歷史，體會老一輩的艱苦創(chuàng)業(yè)精神和最美逆行者的精神。

（四）思政元素融入點，傳統(tǒng)文化，價值引領(lǐng)

結(jié)合教學(xué)設(shè)計第四模塊，課前教師給學(xué)生下發(fā)任務(wù)，學(xué)生通過自學(xué)和查詢資料的方式研究“仁，義，禮，智，信”各自的內(nèi)涵，整理素材用于開發(fā)動態(tài)頁面。學(xué)生通過研究“仁，義，禮，智，信”體會中華傳統(tǒng)美德，增強文化自信，引導(dǎo)學(xué)生樹立正確的世界觀，價值觀，人生觀。

（五）思政元素融入點，創(chuàng)新精神，工匠精神，信息安全意識

結(jié)合教學(xué)設(shè)計第五模塊開發(fā)學(xué)院教學(xué)信息展示的網(wǎng)站頁面，各小組討論設(shè)計展示模塊，分工完成頁面的開發(fā)，通過不斷的打磨設(shè)計出最理想的頁面展示效果提升學(xué)生勇于創(chuàng)新的精神和精益求精的工匠精神。通過二級院系架構(gòu)設(shè)計出網(wǎng)站不同的訪問權(quán)限，增強信息的隱私性以加強學(xué)生的信息安全意識。

結(jié)束語

課程思政建設(shè)是“三全育人”整體格局下的一項系統(tǒng)工程，教師隊伍是育人的“主力軍”，課程建設(shè)是育人的“主戰(zhàn)場”，課堂教學(xué)是育人的“主渠道”。堅持育人與育才相統(tǒng)一，落實立德樹人根本任務(wù)，全面提高人才培養(yǎng)質(zhì)量，在專業(yè)課程加入“育人”元素，是教師對于“傳道受業(yè)解惑”師道古訓(xùn)的一種踐行。高職院校的課程除了教授學(xué)生技術(shù)技能，更應(yīng)該為學(xué)生樹立正確的價值觀，塑造良好的職業(yè)素養(yǎng)和優(yōu)秀的思想品質(zhì)。Web 前端開發(fā)課程的教學(xué)設(shè)計中融入思政元素，通過項目化教學(xué)方式實施，潛移默化的引導(dǎo)學(xué)生樹立正確的價值觀，良好的職業(yè)素養(yǎng)，積累開發(fā)經(jīng)驗，為學(xué)生后期的成長奠定基礎(chǔ)。后期需要在此基礎(chǔ)之上從教學(xué)設(shè)計上，思政元素挖掘上，思政元素融入上改進(jìn)創(chuàng)新，以更好地推進(jìn)專業(yè)課的課程思政建設(shè)。