基于1+x證書制度的Web前端開發基礎課程教學研究

李麗娜

摘? 要：為了適應現代化的市場需求，培養適合企業需要的人才，實現畢業生高質量的就業，國務院職業教育改革方案中強調要推動職業教育的發展。基于證書培訓內容與專業人才培養方案相結合的背景，從2019年起，各職業院校開始實施職業教育“1+X職業技能等級證書制度”。那么，在“1+X”背景下，專業人才培養方案中和“1+x”相關的課程的教學如何開展則值得一線授課團隊研究。

關鍵詞：混合式教學? 1+x? ?Web前端? ?研究

中圖分類號：G642? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻標識碼：A文章編號：1672-3791（2021）04（b）-0146-03

Teaching Research on Web Front End Development Basic Course Based on 1+X Certificate System

LI Lina

（Information Technology School of Changchun Finance College， Changchun， Jilin Province， 130028 China）

Abstract： In order to meet the needs of the modern market， cultivate talents suitable for the needs of enterprises， and realize high-quality employment of graduates， the vocational education reform plan of the State Council emphasizes the promotion of the development of vocational education. Based on the premise of the combination of certificate training content and professional talent training program. From 2019， "1+X vocational skill level certificate system" will be implemented in vocational education. Then， under the background of "1+X"， how to carry out the teaching of "1+X" related courses in the professional talent training program is worth studying by the front-line teaching team.

Key Words： Mixed Teaching; 1+X; Web front end; Research

1? 課程整體規劃

為配合國家的職業教育改革方案，作為吉林省Web前端開發“1+X”試點院校，學院將“1+X”職業技能等級證書考試與專業人才培養方案相融合，開設有多門與Web前端“1+X”職業技能考試相關的課程。該文以與Web前端“1+X”職業技能等級證書考試的一門相關課程《Web前端開發基礎》為例，分析探討如何將教學過程與職業技能證書考試相融合。高質量地完成教學任務的同時，提升學生的職業技能考試通過率。

基于證書培訓內容與專業人才培養方案相結合的前提，《Web前端開發基礎》這門課程的教學內容對應的是Web前端開發職業技能初級證書考試知識點的HTML模塊和CSS模塊。Web前端的“1+X”初級考試，從工作領域出發，以工作任務為基礎，考核學生的職業技能，進而考驗學生的操作技能，最終考查學生的知識點掌握情況。如何在一個授課周期內讓學生既有知識上的收獲，又在實踐操作能力上有所提升，并且在職業素養上有一定的進步，則是教師為了學生能夠達到職業技能等級考試的考核要求設置的教學任務目標，授課前將圍繞此目標對該門課程做整體教學規劃。

參考“1+x”Web前端開發職業技能初級考試對職業技能、操作技能及知識目標的要求，梳理該門課程需要了解、掌握的知識點，依據知識點在項目開發過程中的作用與彼此間的關聯性，建立知識結構。學生走出校門快速融入企業，適應市場需求，能夠為現代化社會建設貢獻自己的一份力量，是職業教育人的期待。企業當之無愧是最了解市場需求的，開啟校企合作，讓企業充分發揮其優勢，憑借其豐富的項目實戰經驗并結合當前市場需求，能為學校該專業知識結構的建立提供有效指導。企業和一線教學團隊的合作可以使教學內容的選取不僅符合職業技能考試的需求，也貼近企業項目開發實際需要，且能按照學生認知的特點安排知識點出現的先后順序，使學生更加容易對知識理解接收。經過多次協商優化，最終建立了該門課程的知識結構。

從課程名稱出發，將章作為1級知識點，將整門課程內容從HTML、CSS、動畫等方面分為幾個大的模塊。每章分為若干節，每個小節為一個2級知識點。小節下劃分3級知識點，對該節知識進行詳細介紹。知識點間關系明確后，知識結構清晰的情況下，可以有針對性地建立教學資源。教學資源準備充分后，再根據已擁有的教學資源設計教學活動。

2? 教學資源建設

2020年，教學環境比較特殊，在全國各地疫情擴散的背景下，2020年上半年，教師對教學過程有了全新的體驗。在未發生新型冠狀病毒肺炎疫情之前，教學授課環節主要是開展線下教學模式，這也是我們比較熟悉的傳統授課方式。雖然當前網絡比較發達，我們也會在線上為學生準備學習資源，不過利用的程度不是很高。環境使然，2020年，教師的授課地點完全呈現在網絡之上，這就使得大部分的教師會或多或少地感到緊張、害怕、興奮、新奇。然而教師對網絡授課平臺不熟悉，并不適應面對鏡頭進行直播，即便采用錄播的方式，在語言、表情的表達上、熟練度上也是有所欠缺的。網絡授課的同時，也讓全國的學生們對線上學習有了全新的感受。疫情讓全民的網絡操作能力上升了一個新臺階，各種網絡教學平臺的服務能力也有所改善，網絡卡頓現象減少。經過一學期的線上教學，以筆者所處環境為例，教師在網絡環境下的教學能力以及學生在網絡環境下的軟件操作能力、在線學習能力均有所改變。通過實踐可以看出，教師和學生都具備線上授課以及線上學習的基本能力，這為開展線上、線下混合式教學奠定了一定的基礎。

網絡平臺是線上教學的基礎，受疫情的影響和推動，目前全網有多種在線平臺可供高校師生選擇使用。2020年上學期，為了不影響學生學習的進度，課程組通過超星學習通建立了《Web前端開發基礎》線上課程。課程組教師按照“1+x”職業技能考試知識點要求，參考課程知識結構設置，合作開發了一部分微課視頻資源，并引入了一些在線優質視頻教學資源，提供給學生進行知識點的學習掌握。知識點學習的最終目的是后續能夠熟練地完成項目開發，為鍛煉提升學生的操作技能，課程組教師在線上為學生準備了充足的實踐項目以及相關素材，供學生操作練習使用。為加強學生對知識點的熟悉程度，課程組成員為學生準備了在線客觀題練習題庫。經過一個教學周期，該門課程不僅擁有了一定量的線上教學資源，同時最為重要的是，教師具備了線上教學的基本能力，例如：錄制微課時，表情更加自然，語言表達更加流暢，即便是在脫稿的狀態下也可以表述得更加精煉專業，而不會出現錄播初期時脫稿就卡頓、出現很多口頭語的情況;線上組織教學更加熟練，能更高效地發揮線上平臺的作用。

在當前軟硬件各方面綜合環境背景下，雖然該門課程的線上資源還有待進一步充實完善，但目前已具備開設線上教學的基本條件。可以在開設線下教學的同時，輔助線上資源的應用，從而提升教學質量。

另外，在線下授課過程中，學生還可以使用與該門課程相匹配的實訓平臺。經過課程組的講解和指導，學生在實訓平臺中，通過項目實踐的方式不斷提升自己的動手能力、思考能力和解決問題的能力。

3? 設計教學活動

充足的教學資源要匹配適當的教學活動，才能發揮出教學資源應有的作用。教學活動應以提高學生參與度為前提，課程組結合現有的教學資源經過綜合設計全面開展。參考教學進度計劃，為每一次教學任務設計教學活動，并根據實際教學效果進行適當的調整，教學活動主要包括以下幾個環節。

3.1 課前預習

發揮線上平臺的優勢，每次課前為學生在線預留預習任務，讓學生通過微課視頻對下次課程的教學內容有所了解，并清楚自己對知識點理解的難點在哪里，方便線下教室上課時著重學習。線上平臺也給教師和學生的隨時溝通搭建了平臺，學生可以把自己的預習難點通過在線留言的方式發給老師，讓老師對學生的預習情況有所了解和掌握，方便教師根據實際情況安排調整線下教學內容。

3.2 任務導入

隨著網絡技術的飛速發展，網絡應用的全面普及，Web前端崗位角色的劃分越來越細化。在2010年左右，Web前端開發工程師已經成為一個獨立的崗位。為了適應Web前端職業發展需要，在平時的授課過程中，該門課程采用任務驅動的“教、學、做”的教學方式。線下授課時，每一節課的知識點均對應著若干任務。上課伊始，授課教師要讓學生清楚此次課程的具體任務目標是什么？激發學生們完成任務目標的熱情，帶著任務進行學習，可以更加深入地了解知識點的應用場景，以及知識點的功能。

3.3 任務分析

明確任務目標的前提下，授課教師采取以小組討論的方式引領學生進行任務分析。此環節可以實現的功能目標有以下幾點：首先，可以帶領學生復習已經學習過的知識;其次，回憶課前復習，引導學生認識了解此次課程的新知識點;最后，著重培養職業素養，鍛煉學生們的溝通協作能力，為將來其走入企業能夠與客戶進行良好的溝通奠定基礎。

3.4 任務實施

教師對學生們的任務分析結果加以總結，結合此次課程的任務目標確定最終實施方案。教師通過對任務實施過程進行講解，為學生介紹新知識點，重點講解學生們在預習過程中理解起來比較困難的知識點。在任務實施過程，將課程思政滲透其中，讓學生們在學習技能的同時，具有良好的思想品格，為社會的正能量發展貢獻力量。

3.5 課堂實踐

實踐出真知這個道理，在Web前端開發基礎的學習過程中也是適用的。即便理論知識掌握得很好，不代表操作技能也會很出色，實踐才是檢驗真理的唯一標準。只有不斷地動手完成實踐任務，才能提升操作能力。考慮鞏固動手能力，為“1+X”考試打牢基礎的需要，教師可以為學生們安排課堂實踐任務。比如：采取進行小組競賽的方式，讓學生們小組內合作完成任務，師生共同打分，評比出每個小組的成績，以此促進學生們的參與熱情。

3.6 課后作業

根據每次課程知識點及學生掌握情況，為學生們布置課后作業。作業主要內容為在線題庫中的練習題。通過在線題庫的不斷練習，加強學生對知識點的理解，使學生逐漸對課程中的每個知識點有一個精確的認識，為實踐環節知識點的正確應用，為任務效果的實現打下夯實的理論基礎。

授課教師可以把教學評價納入到課后作業環節。通過調查問卷或測試等方式向學生了解知識掌握情況。學生也可以在線與教師溝通，表述自己的學習情況。通過了解，分析教學評價信息，適當調整教學進度與內容。教師可以與學生約定時間，在線上群里，統一進行答疑，師生一起交流解決問題，在解決問題的同時，也可以調動學生的學習熱情，提升學習動力，增強學習效果。

3.7 拓展練習

學生對每個單元的知識掌握情況和應用能力會有所不同。授課教師可以根據學生的實際學習情況，分梯度的布置擴展學習任務。知識點掌握情況較好的學生，可以安排難度高一些的擴展練習項目;知識點掌握情況一般的學生，則安排難度系數低一些的擴展任務。授課教師隨時跟進，給予指導，鼓勵學生完成任務。通過擴展任務的完成，進一步增強學生對知識點的熟悉度，進而提升動手操作技能。

4? 結語

合理的教學安排是教師進行教學的前提，是學生取得良好成績的基礎，是學生順利走向工作崗位的前提。希望在師生的共同努力下，學生們能在學習過程中儲備豐富、精準的理論知識，還能夠精良地符合職業需求的操作技能，培養良好的職業素養，順利通過“1+X”職業技能考試，在不久的將來能夠為社會的發展建設貢獻自己的一份力量。

參考文獻

[1] 孫靜懿.1+X證書制度背景下的高職教學改革研究——以長春金融高等專科學校為例[J].產業與科技論壇，2020（5）：125-126.

[2] 王帥.金融高等職業院校人才培養模式探討——以長春金融高等專科學校為例[J].長春金融高等專科學校學報，2016（3）：31-35.

[3] 王瑞.基于能力本位的高職會計實踐教學課程改革研究[J].科技風，2020（30）：29-30.

[4] 謝紅艷.高職院校開展“1+X”證書制度的思考[J].現代職業教育，2020（43）：166-167.

[5] 王明敏.“1+X”證書制度試點背景下中職學前教育專業課程教學改革研究[D].湖南師范大學，2020.

[6] 顧睿.基于MVVM的虛擬DOM輕型Web前端框架的設計與實現[D].西安電子科技大學，2019.