基于1+X證書制度的Web前端課程標準建設研究

李增福

摘? ?要：受移動互聯應用技術的快速發展和廣泛應用的影響，Web前端開發崗位需求近年來得到快速增長，而隨著5G移動互聯技術的發展和升級換代，未來很長一段時間內將會有更多的基于“端”的應用需求，帶來更多的Web前端職位需求，2019年，教育部將Web前端開發職業技能等級證書納入了首批1+X證書制度試點。本文對1+X證書制度進行了初步的解讀，分析了Web前端開發的技術特點和課程設置與課程標準的建設狀況，提出了Web前端開發課程群課程標準的建設要點。

關鍵詞：1+X證書制度? Web前端? 課程標準

中圖分類號：G712? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻標識碼：A? ? ? ? ? ? ? ? ? ? ? ?文章編號：1674-098X（2020）03（b）-0193-03

2019年1月，國務院印發了《國家職業教育改革實施方案》（國發〔2019〕4號），從制度體系、國家標準、產教融合、多元辦學、政策保障、質量督評和實施七個方面提出了職業教育改革的二十條舉措（以下簡稱“職教20條”）。在“職教20條”中，明確了職業教育為類型教育而非層次教育，并要求從2019年開始，在各級各類職業院校、應用型本科高校啟動“學歷證書+若干職業技能等級證書”制度試點工作。這一重大舉措是我國職業教育領域最具全局性重大意義的制度創新之一，對職業教育的導向和國家級戰略層面的產業升級影響將十分深遠。

很快，教育部、國家發展改革委、財政部、市場監管總局在4月份聯合印發了《關于在院校實施“學歷證書+若干職業技能等級證書”制度試點方案》（教職成〔2019〕6號），部署啟動“學歷證書+若干職業技能等級證書”制度試點工作。4月17日教育部職業教育與成人教育司即發布了《關于做好首批1+X證書制度試點工作的通知》（教職成司函〔2019〕36號）。

Web前端崗位是最近五年需求才開始旺盛起來的一個新興崗位，是目前以及未來很長一段時間人才需求較高的崗位之一。2019年3月，教育部職業技術教育中心研究所在《關于參與1+X證書制度試點的首批職業教育培訓評價組織及職業技能等級證書公示公告》中將工業和信息化部教育與考試中心和“Web前端開發職業技能等級證書”納入了“首批職業教育培訓評價組織及職業技能等級證書名單”。與此同時公布的還有工業和信息化部教育與考試中心提交的“Web前端開發職業技能等級標準”，職業技能等級證書共設置了初級、中級、高級三個等級。

但是，由于Web前端崗位該職業崗位形成較晚，加上Web前端崗位技術生態日益龐雜，知識更新十分頻繁，而各級院校在Web前端方面的課程建設積淀嚴重不足。近年來社會上Web前端的崗前培訓十分火爆，其主要的原因就是學校教育與社會需求的脫節，形成結構性就業矛盾所致，但因為缺乏職業技能認證和等級標準，導致培訓機構稂莠不齊，嚴重影響了行業的健康發展和學生的利益。

因此，以1+X證書制度作為導向和契機，以產教融合、校企合作為基礎，梳理技術生態、重建課程體系、重構課程標準以適應社會對Web前端開發人才的需要，將成為亟須解決的問題。

1? 1+X證書制度解讀

1.1 什么是1+X證書制度

1+X證書制度中的“1”是指學歷證書，“X”是指一個或者若干個職業技等級證書。1與X中間的“+”則表明要將兩種證書體系相互對接，即具有“書證融通”的特定含義[1]。

制度的基本目的主要是鼓勵在校學生在獲得學歷證書的同時，積極參與校內或校外認證培訓機構的職業技能培訓，取得多類職業技能等級證書，實現一專多能，拓展就業或創業能力，緩解結構性的就業矛盾。

1.2 什么是1+X證書制度試點

1+X證書制度是職業教育領域改革進程中的重大舉措和制度設計，涉及到國家戰略、經濟、制度、社會的諸多方面，需要通過試點穩步推進。職教20條提出：自2019年開始，重點圍繞服務國家需要、市場需求、學生就業能力提升，從10個左右職業技能領域做起，穩步推進1+X證書制度試點工作。

在教育部、發改委、財政部、市場監管總局下發 《關于在院校實施“學歷證書+若干職業技能等級證書”制度試點方案》（教職成〔2019〕6號）的通知中明確了“堅持政府引導、社會參與，育訓結合、保障質量，管好兩端、規范中間，試點先行、穩步推進”的實施原則。

本次試點的目標任務主要有以下幾個方面：（1）首先在小范圍內（10個左右的職業領域）進行試點工作。（2）面向急需產業領域、社會服務領域以人才緊缺的其他領域招募和培育職業教育培訓評價組織，并開發各自領域中職業技能相應的等級標準和證書。（3）推進“1”個學歷證書和“X”個職業技等級證書的有機銜接，融入專業人才培養方案。（4）深化“三教”（教師、教材、教法）改革，探索建設職業教育國家“學分銀行”，以促進書證融通，構建國家資歷框架。

2? Web前端特點及課程建設現況

2.1 Web前端崗位概述

前端（front-end）和后端（back-end）是軟件架構和程序設計領域中的術語。前端是用于采集輸入信息，呈現輸出信息，直接同用戶交互的部分，程序的界面樣式，視覺呈現屬于前端;后端是進行各種內部處理，并控制著軟件的輸出內容的部分[2]。Web應用程序是計算機程序類型中的一種，其典型的特點是基于瀏覽器或Web View容器，主要形態有B/S多層結構應用程序（簡稱Web應用）、Web App、Hybrid App、小程序、輕應用[3]等，Web應用程序的前端則稱為Web前端。Web前端崗位在目前的職場中出現的歷史不長，崗位需求進入旺盛期也是最近5～6年的事情，相應的職位通常稱為前端工程師、前端設計師或Web前端工程師等。

2.2 Web前端的技術特點

特點1：基于移動互聯網的多形態多端應用。

Web前端開發崗位需求的是伴隨著基于移動互聯網應用的不斷普及而增加的。由于移動互聯網泛在特點，使得應用軟件的結構發生了很大的變化，從傳統的單機應用到基于網絡的C/S結構和B/S結構，逐步演變為基于“云+端”的應用結構體系，“云”主要負責提供資源和服務，而“端”則是面向用戶，而Web方式是實現“端”應用的基本的、主要的技術手段，因此，Web前端應用需要用于更多的互聯設備，比如：PC、手機、平板、TV、VR等各種智能終端設備，同時也會呈現更多的應用形態，如WebApp、小程序、輕應用等。

特點2：技術生態復雜多樣。

前端技術的知識體系是以Web頁面為載體，圍繞HTML、CSS、JavaScript基礎技術進行展開的技術生態體系[4]，其中，HTML標記語言用于描述結構和表達內容，CSS樣式語言用于內容的展示效果的渲染和呈現，JavaScript腳本語言則用于實現頁面動效、界面邏輯和各種交互處理。這是現代前端開發中典型的分工協作模式，如微信小程序、Android、JavaFx、Flex、Silverlight/WPF等。

JavaScript是前端技術的核心，前端的強大功能都必須要通過JavaScript來實現，例如CSS的預處理技術、模塊化技術以及CSS框架的實現。

目前，前端技術領域相當活躍，開發模式、設計理念、開發庫、框架、工具層出不窮，導致了前端技術生態體系十分繁雜，難以簡單分類。結合業界的行業約定，對前端的技術元素進行了初略的分類：（1）基礎語言，即HTML/CSS/JavaScript;（2）相關技術和思想理念，如HTTP網絡通訊協議、JSON/XML數據交換格式、MV*架構模式等;（3）規范、庫、框架，如jQuery、VUE;（4）涵蓋前端項目生命周期的各項工具，如CLI、WebPack等;（5）其他，如服務端、跨平臺技術等。

特點3：技術更新下沉快、應用迭代周期短。

首先，在應用層面，需求變更頻繁，開發迭代周期短，Web前端所構建的系統幾乎都是面向各類消費人群，都需要快速響應用戶需求，特別是一些快銷相關的應用以及促銷推廣類的網站，一個前端產品的生命周期也就是一個月甚至是幾天。

其次是技術層面，為了更好地滿足市場需求、提高軟件生產力，前端相關的開源組織一直處于高度活躍狀態，不斷地有開發庫、框架、工具等的新版本和新產品發布。在全球最大的開源項目及私有軟件托管平臺GitHub上JavaScript項目總數量和活躍項目都是最多的[4]，在GitHub上編程語言的開源項目貢獻排名中JavaScript一直處于第一位。

2.3 Web前端開發課程建設現況

（1）觀念陳舊，認識錯誤。較為普遍的認知錯誤是：前端就是網頁、前端就是UI，這一錯誤觀念直接導致了課程開設的不合理，基本上就是開設關于HTML和CSS的網頁設計課程。同時采用的設計工具還是Dreamweaver、FrontPage 等可視化開發工具[5]。整個學習過程變成了一個類似Word排版的過程，學生無法理解和掌握Web頁面的運行機制。單一的課程無法覆蓋前端崗位的知識體系的主干內容。

（2）課程松散、缺乏系統化。由于缺乏對Web前端技術的知識與技能需求的分析和梳理，造成課程體系的設置毫無系統性，課程設置比較隨意或者是滅火式的課程設置模式，結果是：一方面課程之間內容重復率高，另一方面課程之間銜接能力差，缺乏技術鋪墊。

（3）沒有觸及核心，難以滿足企業要求。慣養式的“因材施教”思想使得教師在教學上避重就輕、避難就易，因而在課程內容的組織上，主要是以HTML+CSS基本的知識為主，很少或沒有講述前端的核心技術JavaScript語言[6]。更談不上企業廣泛使用的各種主流框架，這樣培養出來的學生很難滿足企業要求。

（4）缺乏與企業銜接的課程。由于沒有充分及時的調研或企業參與，加上Web前端技術更迭快、選型多，難以及時了解當前行業企業的主流的技術應用方案和趨勢，缺少崗前銜接課程，因而，所培養的畢業學生難以達到企業用人標準。

以上說明，現有的Web前端開發課程或課程體系既不能滿足學校內現有的教學要求，更不符合Web前端開發職業技能認證培訓的要求。

3? Web前端課程標準建設方案

3.1 建設方式

課程群的提出最早來自20世紀90年代初的“課群”概念，是為完善同一施教對象的認知結構，而將本專業或跨專業培養方案中若干門在知識、方法、問題等方面有邏輯聯系的課程加以整合而成的課程體系[7]。多年來，關于課程群的建設理論及實踐一直在不斷地完善和發展。通俗地講，課程群是以一門以上的單門課程為基礎，由三門以上的性質相關或相近的單門課程組成的一個結構合理、層次清晰、課程間相互連接、相互配合、相互照應的連環式的課程集合[6]。

由于Web前端經過近幾年的快速發展，已經形成了較為龐大的、技術更替頻繁的技術生態體系，對于Web前端及相關專業方向人才培養來說已經不是一兩門課所能實現的了，必須要從全局出發、貼合行業需求，建設以JavaScript為核心的、模塊化的、可重構的、具有隨需應變機制的Web前端課程群。

課程群建設的主要意義在于提高教學質量和效率[8]，而建設Web前端課程群，則還具有快速響應社會需求實際意義。

3.2 建設依據

作為1+X證書制度下Web前端開發職業崗位對應的課程標準，其建設必須體現1+X證書的內涵，要做到一方面跟校內課程體系的銜接，另一方面需要覆蓋Web前端開發職業技能的等級標準所要求的內容。

Web前端開發課程群課程標準的建設依據主要有以下幾個方面：

（1）周期性的社會調研。周期性的社會調研是確保教學內的適時性的基本手段，主要是及時獲取行業中Web前端技術的變化、變化趨勢與選型偏向，逐步完善起Web前端知識體系與技術（技能）清單，并建立技術變更變化表。

（2）Web前端開發職業技能等級標準。工業和信息化部教育與考試中心是發布的“Web前端開發職業技能等級標準”即為“Web前端開發職業技能等級證書”的評判標準。課程標準的建設需要參考“Web前端開發職業技能等級標準”實現初級、中級、高級進行分級設計。

（3）行業標準。Web前端開發中涉及到的多個領域中的行業技術標準也是課程標準建設的重要依據，必須加強校企合作和產教融合，實現基于工作過程的內容組織建設。

3.3 動態性

Web前端開發課程群課程標準的建設中需要建立一個動態更迭的機制，其原因有兩點：（1）Web前端技術生態體系的技術更新頻率高，主要表現為框架/開發庫新舊更替快、技術升級與技術演進周期短。（2）技術的下沉引起的變更，比如前端開發中的Ajax技術、RESTfull API規范，以前要求高級Web前端開發工程師需要掌握和應用，現在已經成為初中級Web前端開發工程師的基本技能要求了。

建立動態更迭機制的基礎是技術生態的梳理與知識技能清單的建立，只有這樣才能更好的實現1+X證書制度中的“四化”之“教學內容更新及時化”。

3.4 模塊化、顆粒化

Web前端技術生態體系的一個典型的特征就是技術繁雜多樣、平行技術多。所謂技術繁雜多樣是指涉及的知識領域/知識點多、細節多，比如結構化描述語言、樣式語言、腳本語言、ECMAScript標準、TCP/IP協議通訊、路由技術、MVVM模式、RESTfull接口規范等等;而平行技術是指可以相互替代或進行選型的同類技術，每一個技術領域都有多種選擇方案，如：主流框架就有React、Vue、Angular等，CSS預處理技術則有Sass、Less、Stylus等可以選擇。

因此，知識技能的內容組織上，建議知識領域性的內容實現模塊化，而知識點內容則可以實現顆粒化，既便于教學實施中課程內容的重組，更便于課程內容升級更新，進而實現1+X證書制度中的“四化”之“課群（證書培訓）資源要豐富化”。

3.5 全局觀、整體觀

要以全局的視野和整體的規劃來實現Web前端開發課程群課程標準的建設。首先要打破專業和傳統課程所形成門戶壁壘，以崗位的職業技能需求為向導來組織和規劃課程，其次，要結合課程內容建設、師資隊伍建設、教學環境建設和學生學情進行綜合考慮。實現課程結構的開放化、課程內容的現代化、課程形式的多樣化和課程目標的社會化[9]。

4? 結語

Web前端開發課程群課程標準的建設只是1+X證書制度下課程建設的基礎，課程建設的實施最終要落實到雙師型師資隊伍的建設和深度的校企合作與產教融合機制上來。同時，還要深化教師、教材、教法“三教”改革，以資源庫建設為發力點，進而實現教學內容更新及時化、課堂教育個性化、教育培訓過程情境化、課群（證書培訓）資源要豐富化之“四化”。

參考文獻

[1] 季欣.基于資歷框架與學分銀行理念的1+X證書制度建設探究[J].創新創業理論研究與實踐，2019（13）：24-27.

[2] 維基百科.前端和后端[EB/OL].https：//zh.wikipedia.org/wiki/前端和后端，2018-8-8.

[3] 王巧莉.我國移動互聯網輕應用發展研究[D].暨南大學，2016.

[4] github.The State of the Octoverse[EB/OL]. https：//octoverse.github.com/projects，2018/2018-12-10.

[5] 儲久良.Web前端開發技術課程教學改革與實踐[J].計算機教育，2014（14）.

[6] 黃江寧.基于Webcomponents標準的前端工程組件化的改進研究[J].電子技術與軟件工程，2016（22）.

[7] 李慧仙.論高校課程群建設[J].江蘇高教，2006（6）：73.

[8] 李佛關，張尚民.崗位群、崗位能力與課程群聯動實踐研究[J].經濟研究導刊，2016（10）：146.

[9] 陳正東.計算機多媒體技術專業課程群建設的思考[J].電腦開發與應用，2008（5）：82-83.淺談開發模式及架構發展http：//www.cnblogs.com/Erik_Xu/p/6241359.html.

[10]李英梅，夏偉寧，丁金鳳.Java程序設計語言課程群建設[J].計算機教育，2012（7）：86-89.