周香慶，龍江騰

（江西信息應用職業(yè)技術(shù)學院，江西南昌 330013)

0 引言

Web 前端開發(fā)是軟件技術(shù)專業(yè)的職業(yè)核心技能課程，也是步入網(wǎng)站前端開發(fā)的入門課程。本課程依據(jù)高職軟件技術(shù)專業(yè)教學標準，以服務中國制造2025和區(qū)域經(jīng)濟發(fā)展為己任，面向網(wǎng)頁前端開發(fā)領域重點培養(yǎng)互聯(lián)網(wǎng)信息類技術(shù)技能型人才，在軟件技術(shù)專業(yè)課程體系中占有非常重要的基礎作用[1]。課程設計是堅持以就業(yè)為導向，與“校企合作、工學結(jié)合”的辦學模式緊密結(jié)合，在教學中堅持以學生為主體的現(xiàn)代教學理念，以技能學習為核心，以學生獲得職業(yè)能力為目標，提高學生的自主學習能力，為其勝任軟件開發(fā)、網(wǎng)站運維、前端開發(fā)等相關(guān)崗位工作和可持續(xù)發(fā)展打下基礎[2]。

1 學情分析

Web 前端開發(fā)授課對象是計算機和軟件系的大二學生，在經(jīng)過之前課程任務學習，學生已經(jīng)具備了基本的語法知識，包括：教學內(nèi)容涵蓋網(wǎng)頁基礎知識、網(wǎng)頁結(jié)構(gòu)和標簽、CSS 樣式、網(wǎng)頁選擇器、CSS 美化網(wǎng)頁元素、盒子模型六大模塊。盡管大多數(shù)同學對編程具有濃厚興趣，但隨著學習難度的不斷增加，部分學生對編程有畏懼心理，對于HTML語言的應用場景知之甚少，盲目跟從老師的講解，并沒有做到對崗位知識深入理解。大二部分學生由于還未適應專業(yè)課學習模式，造成有些科目基礎薄弱，而其就業(yè)壓力不像大三學生一樣迫在眉睫，對未來缺乏明確的目標和規(guī)劃，對于就業(yè)崗位認識較少。因此導致學習熱情不高，認為及格就好，業(yè)余時間大多用來上網(wǎng)、打游戲、追劇等。

2 “工單制”教學實施策略

“工單制”教學模式是一種基于任務的教學方式，旨在將真實工作情景融入授課內(nèi)容中。該教學模式以“1+X”Web 前端開發(fā)崗位技能標準為依據(jù)，結(jié)合高職學生特點和實踐性課程的教學要求，引入了“理實一體”“翻轉(zhuǎn)課堂”以及“線上線下混合式教學”等教學理念。此外，它還通過使用項目式、任務式、探究式和協(xié)作式等與職業(yè)教育相符合的教學方法，設計出符合職業(yè)能力要求和實際教學需求的網(wǎng)頁實訓項目[3]。與傳統(tǒng)的“教師講，學生學，考試背”教學模式不同，“工單制”教學模式突破了傳統(tǒng)教學模式的限制，并形成了一種基于傳統(tǒng)課堂和線上教學平臺的混合教學模式。在該模式下，教師將以任務為核心，貫穿整個教學內(nèi)容，構(gòu)建課程的脈絡。學生將通過參與工單任務的完成來學習和掌握知識和技能，同時也培養(yǎng)了學生解決問題和團隊協(xié)作的能力。在教學內(nèi)容組織方面，這種教學模式通過整合“工單任務”將各個知識點和技能進行有機結(jié)合，使學生在實踐中進行學習。工單任務作為基本單位，具有一定的綜合性和真實性，能夠讓學生在完成任務的過程中充分運用所學知識和技能，鍛煉實際操作的能力。該教學模式還引入了“理實一體”的教學理念，強調(diào)理論與實踐的結(jié)合。學生不僅僅是被動接受知識的輸入，而是通過實際操作和解決問題的實踐活動來加深對知識的理解和掌握。同時，采用“翻轉(zhuǎn)課堂”和“線上線下混合式教學”等教學方法，可以更好地激發(fā)學生的學習興趣和主動性。

2.1 課程分配

課程安排為80學時，其中教學內(nèi)容分為四個主要模塊：網(wǎng)頁基礎知識、CSS 樣式、CSS 美化網(wǎng)頁元素以及盒子模型[4]。在這些模塊中，學生將學習到關(guān)于html標簽、字體樣式、段落樣式表、CSS濾鏡、超鏈接及偽類、盒子模型、邊距與定位等方面的知識。為了保持理論與實踐教學的平衡，教學過程中的理論和實踐比例被設定為1∶1。

為了更好地支持教學需求，教師們在教學過程中充分利用、豐富和完善線上教學平臺資源，以提供更多線上教學資源。這個舉措使得學生可以在課堂之外進行自主學習，并在完成任務時獲得適當?shù)闹笇Ш椭С?。為確保學生對所學內(nèi)容的掌握程度，采用過程性考核和期末考核相結(jié)合的考核辦法。這樣的方式能夠全面評估學生的學習進展，并促使他們在整個學期內(nèi)保持學習的動力和積極性。同時，這也是對傳統(tǒng)考核方式進行改革和創(chuàng)新的一種嘗試，更符合現(xiàn)代教育的要求。

圍繞Web 前端開發(fā)崗位中的前端頁面設計技能模塊，課程還設計了多個工單任務。這些任務包括但不限于：1)熟悉網(wǎng)頁版式、構(gòu)成要素和設計工具；2)掌握網(wǎng)頁結(jié)構(gòu)標簽的用法；3)掌握CSS 樣式與選擇器，應用定位、浮動、邊距美化網(wǎng)頁內(nèi)容等。通過這些任務，學生將有機會進行實際操作，并在解決問題的過程中提升自己的技能和能力。最終，他們將完成一個主題網(wǎng)頁的效果設計，展現(xiàn)出所學知識的應用能力。

通過以上的課程安排和教學方式，學生將能夠系統(tǒng)性地掌握前端開發(fā)所需的基本知識和技能。他們不僅能夠理解并運用各種網(wǎng)頁技術(shù)，還能夠利用CSS樣式進行網(wǎng)頁美化，同時也了解如何設計具有吸引力和用戶友好性的網(wǎng)頁。這些所學知識和技能將為學生未來在Web 前端開發(fā)領域的就業(yè)和職業(yè)發(fā)展奠定堅實的基礎。

2.2 工單實施

課程采用崗位工單實戰(zhàn)任務為主線，以基于學習通與CSDN 高校教學社區(qū)平臺的混合教學為方法的“工單實施六步驟”教學方法。每個工單任務都有任務目標、任務介紹、任務規(guī)劃、任務資訊、任務實施和任務總結(jié)6個步驟。

1)任務目標：詳細說明本次任務完成后達到的目標，此次教學重點內(nèi)容。

2)任務介紹：情景設置引入崗位工作任務，講解任務要求，明確任務目標。

3)任務規(guī)劃：本次任務設計知識點思維導圖，理清任務涉及的知識點。

4)任務資訊：完成本次任務過程中應知應會的內(nèi)容講解，通常是任務理論講解、知識視頻、技術(shù)文章等教學內(nèi)容。

5)任務實施：提出任務實施要求，確定任務驗收標準、操作規(guī)范、完成時間。

6)任務總結(jié)：學生總結(jié)此次任務得與失，教師對學生任務完成情況進行評價打分。

2.3 課堂策略

課前知識獲取階段采用線上學習通+CSDN 學習社區(qū)開展。課中探究開發(fā)階段采用線下上機實踐模式開展，將任務案例教學、分組討論、情景模擬等多種教學方法有機融合。課后知識鞏固階段采用線上模式開展，通過分組完成工單任務，將知識內(nèi)化為職業(yè)技能。項目結(jié)束時通過答辯對學生的任務完成效果進行評判。將枯燥的理論知識應用到逼真的具體工作場景中，促使學生關(guān)注實際工作問題，激發(fā)將理論應用于實踐的學習熱情，培養(yǎng)學生分析問題和解決問題的能力[5]。

課前知識獲取階段采用線上學習通+CSDN 學習社區(qū)開展，目的是讓學生在課程開始前通過線上平臺自主獲取相關(guān)知識。通過使用學習通和CSDN學習社區(qū)，學生可以瀏覽在線資料、觀看教學視頻，參與討論和交流，以便在課堂上有所準備。

課中探究開發(fā)階段采用線下上機實踐模式開展，這一階段的重點是讓學生通過實踐來深入探究知識。課堂上，教師會結(jié)合任務案例教學、分組討論和情景模擬等多種教學方法，幫助學生將理論應用于實際工作場景中。通過解決實際問題和完成具體任務，學生可以更好地理解知識，并培養(yǎng)他們分析問題和解決問題的能力[6]。

課后知識鞏固階段采用線上模式開展，旨在幫助學生鞏固所學知識并將其內(nèi)化為職業(yè)技能。學生將被分組完成工單任務，通過協(xié)作合作來運用所學知識解決實際問題。線上平臺提供了便捷的工單任務發(fā)布和提交功能，學生可以在組內(nèi)交流討論，并最終將解決方案提交。通過這種方式，學生不僅可以加深對知識的理解，還能培養(yǎng)團隊合作和溝通能力。

在項目結(jié)束時，將通過答辯對學生的任務完成效果進行評判。這個環(huán)節(jié)旨在對學生的學習成果進行總結(jié)和評估，評價他們在實踐中應用理論的能力。通過答辯，學生需要展示他們在解決實際問題中所運用的技能和思維方式，并回答評審人員的問題。

采取以上教學模式的目的是將枯燥的理論知識與逼真的具體工作場景相結(jié)合。通過關(guān)注實際工作問題，激發(fā)學生將理論應用于實踐的學習熱情，并幫助他們培養(yǎng)分析問題和解決問題的能力。這樣的教學方法可以使學生從被動傾聽者轉(zhuǎn)變?yōu)橹鲃訉W習者，更好地準備他們未來的職業(yè)發(fā)展。

2.4 資源建設

課程資源建設圍繞工單任務實施需求展開，分為質(zhì)量監(jiān)控教學平臺、專業(yè)技能學習資源、情景訓練場三類。

第一類是質(zhì)量監(jiān)控教學平臺。這個平臺由學習通班級和CSDN技術(shù)學習社區(qū)組成。為了督促學生完成工單任務，該平臺會根據(jù)任務實施過程中的要求對學生進行定量和定性的評估。教師可以通過學習通班級發(fā)布任務，收集并檢查學生的工單任務完成情況。同時，CSDN 技術(shù)學習社區(qū)提供了一個互動交流的平臺，學生可以在其中分享經(jīng)驗、互相討論問題，以便更好地完成任務。

第二類是專業(yè)技能學習資源。該類資源包括課程微課視頻、操作規(guī)范、紙質(zhì)教材、CSDN 技術(shù)博客以及企業(yè)工程師和教師的專業(yè)指導。通過這些資源，學生可以在不同的學習方式下全方位地獲取專業(yè)知識。微課視頻可以提供簡明扼要的講解，操作規(guī)范則明確了任務執(zhí)行過程中的步驟和規(guī)則。紙質(zhì)教材提供了更系統(tǒng)化和深入的理論知識。此外，訪問CSDN 技術(shù)博客和得到企業(yè)工程師和教師的指導可以幫助學生解決實際工作中遇到的難題，提高實踐能力。

第三類是情景訓練場。為了模擬企業(yè)的工作環(huán)境和實際崗位，課程會部署相應的設備環(huán)境，并考核學生對操作規(guī)范的掌握。在這個訓練場中，學生可以得到真實的實踐鍛煉，提高他們在工作場景下的職業(yè)技能。通過面對真實的情境挑戰(zhàn)，學生能夠更好地理解并應用所學的知識。

以上三類資源的建設旨在為學生提供全方位的學習支持。質(zhì)量監(jiān)控教學平臺幫助教師督查并評估學生的任務完成情況，促使學生積極投入學習。專業(yè)技能學習資源提供多樣化的學習材料和指導，幫助學生獲取專業(yè)知識和實踐技能。情景訓練場則提供真實的環(huán)境和實踐機會，培養(yǎng)學生在實際工作中的應變和解決問題能力。通過這些資源的綜合運用，學生將能夠更好地應用理論到實踐中，提高自己的綜合素質(zhì)和職業(yè)能力。

3 課程特色與創(chuàng)新

3.1 教學內(nèi)容的高階性

本課程將德育內(nèi)容與專業(yè)內(nèi)容充分融合，通過在課程思政中講述“長征精神”“井岡山精神”“愛崗敬業(yè)精神”等內(nèi)容，將思政元素融入本次任務課程中，使學生在學習和實踐中自覺地樹立正確的價值觀，實現(xiàn)思政育人目標。通過講解這些精神，激發(fā)學生對于團結(jié)協(xié)作、勇敢拼搏、服務社會等方面的意識和行動力，培養(yǎng)他們的道德情操和社會責任感。在課程設計中，教師精心挑選相關(guān)案例和實際工作場景，讓學生在掌握技術(shù)知識的同時，也能理解相關(guān)的人文精神和價值取向。通過這樣的方式，課程具有高階性，不僅注重學生的專業(yè)能力培養(yǎng)，也注重他們的綜合素質(zhì)和人文修養(yǎng)的培養(yǎng)。

3.2 教學方式的創(chuàng)新性

為了提高教學效果和學生的學習主動性，本課程采用了崗位工單實戰(zhàn)任務為主線的教學方式，同時結(jié)合了基于學習通和CSDN高校教學社區(qū)平臺的混合教學方法。這種創(chuàng)新的教學方式改變了傳統(tǒng)的“教師講、學生學、考試背”的教學模式，形成了一種基于傳統(tǒng)課堂和線上教學平臺的混合教學模式。通過“工單任務”，學生不僅需要掌握相關(guān)的知識和技能，還需要進行實踐和應用。激發(fā)了學生的探究式學習和反思總結(jié)的能力，在解決實際問題的過程中提高了教學效果。而采用混合教學的方式，可以讓學生靈活地利用線上平臺進行學習和交流，增加了教學的靈活性和互動性，使學生在學習中更加積極主動。

3.3 人才培養(yǎng)的時效性

為了適應時代的需求和社會的發(fā)展，本課程注重人才培養(yǎng)的時效性。通過與“1+X”課證、競賽“課賽”的雙重融通，為校企合作和產(chǎn)學研做好準備，培養(yǎng)技能型人才。課程內(nèi)容采用項目貫穿和任務驅(qū)動的方式進行授課。教學知識點屬于“1+X”證書考核要求的知識點，重視培養(yǎng)學生的知識、技能和能力三個方面。在知識和技能掌握的同時，還注重提高學生的動手能力、分析能力和解決問題的能力。通過實踐任務和競賽活動的引導，學生可以將所學知識應用到具體的實際工作中，并在實踐中不斷提升自己的專業(yè)能力。這種時效性的人才培養(yǎng)模式，有助于學生更好地適應就業(yè)市場和社會的需要，并為他們的職業(yè)發(fā)展奠定堅實的基礎。

4 教學成效

在教學中注重激發(fā)學生的學習主動性，教師通過布置任務、設置情景、設計等環(huán)節(jié)完成學生“發(fā)現(xiàn)問題——解決問題”的實踐體驗。學生在接受新知識、新技術(shù)的過程中，有目標、有體驗、有發(fā)現(xiàn)。利用線下實訓、線上視頻、技術(shù)博客等資源，學生能夠反復看，隨時看，為學生完成目標任務提供了便利性。通過學習通班級數(shù)據(jù)和CSDN 技術(shù)社區(qū)的博客評論，可以發(fā)現(xiàn)實行工單任務式教學，可以讓學生逐步體驗到學習的成就感，逐漸建立起自信心。

課程思政將價值導向與知識傳授相融合，明確課程思政教學目標，在知識傳授和能力培養(yǎng)中，弘揚社會主義核心價值觀，傳播愛黨、愛國、積極向上的正能量，培養(yǎng)科學精神，從而實現(xiàn)將思想價值引領貫穿于教學計劃、課程標準、課程內(nèi)容等主要教學環(huán)節(jié)。