“工單制”教學模式在Web前端開發課程中的應用研究

周香慶，龍江騰

（江西信息應用職業技術學院，江西南昌 330013)

0 引言

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

1 學情分析

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

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

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

2.1 課程分配

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

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

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

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

2.2 工單實施

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

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

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

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

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

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

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

2.3 課堂策略

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

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

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

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

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

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

2.4 資源建設

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

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

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

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

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

3 課程特色與創新

3.1 教學內容的高階性

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

3.2 教學方式的創新性

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

3.3 人才培養的時效性

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

4 教學成效

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

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