淺析基于Web前端開發的1+X證書的人才培養方案

周 健

（武漢職業技術學院計算機技術與軟件工程學院，湖北武漢 430074）

引言：

隨著互聯網行業的發展，尤其是在一些大中型互聯網公司，網站開發的相關崗位越來越走向細分，網站美工，UI/UE設計，前端開發，后端開發(服務器開發)等崗位，既分工明確，而且還需要緊密配合，在2010年左右，前端開發工程師已成為一個獨立存在，并具有大規模招聘需求的崗位。

Web前端開發崗位群主要包括網頁設計，網頁制作，響應式頁面搭建，移動網頁制作與設計，UI設計,HTML5開發，前端開發,網站搭建，網站規劃與設計，2017年，僅智聯招聘網站就提供了web前端開發招聘崗位136,848人/年。

Web前端用人數量已經遠遠超過主流編程語言如Java、ASP的開發人員的數量。從百度、京東、智聯2017年招聘要求顯示，企業并不偏愛只會JS、HTML5、CSS的技能單一型求職者，而是熱衷聘用一人多技的復合型人才。因此，Web前端開發技術技能人才的培養是互聯網應用行業持續發展，對人才隊伍建設的客觀需要。

1 Web前端開發人才培養方案中1+X證書的等級劃分及技能點剖析

2019年4月，教育部職業教育與成人教育司發布《關于在院校實施“學歷證書+若干職業技能等級證書”制度試點方案》，有6個專業的6種職業技能等級證書啟動試點，包括汽車運用與維修、智能新能源汽車、Web前端開發、建筑信息模型（BIM）、物流管理、老年照護等。試點院校一般為省級及以上示范（骨干、優質）高等職業學校。

Web前端開發職業技能分為初、中、高三個等級。

1.1 初級證書技能點剖析

圍繞互聯網+、新興技術行業帶來的人才需求，培養具有良好職業道德和人文素養，掌握Web前端開發基礎知識，具備靜態網頁開發的設計、調試、維護等能力，能從事Web前端軟件編碼、軟件測試、軟件技術服務等工作的初級技術技能人才。其主要職業能力：1)具有前端開發新知識、新技能的學習能力和創新創業能力；2)具備網站設計與制作能力；3)具備網頁動畫交互與數據交互能力。

在靜態網頁開發和美化中，能使用HTML文本標簽、頭部標記、頁面創建超鏈接、創建表格表單功能搭建靜態網頁；能使用CSS開發網頁樣式，能正確使用CSS選擇器、單位、字體樣式、文本樣式、顏色、背景、區塊、網頁布局屬性等功能，能正確運用Hack原理；能使用JavaScript開發網頁交互效果，能正確選擇數據類型、設置變量，能正確使用運算等基礎語言和內置函數，能正確使用JavaScript對象和DOM編程；能使用jQuery選擇器、jQuery中的DOM操作、滾動、圖表、布局、文字處理及UI等插件、jQuery事件和動畫等功能開發交互效果頁面；能使用CSS3的新增選擇器、邊框新特性、新增顏色、字體、盒陰影、背景特性、盒模型、漸變、過渡、多列布局、彈性布局等功能修飾網頁；能使用HTML文本標簽、圖像、頭部標記、頁面創建超鏈接、創建表格表單及iframe框架等功能美化網頁，理解并掌握HTML文本標簽、頭部標記、頁面創建。

關于動態網站搭建，要求能使用CSS3的選擇器、邊框、顏色、文本效果、字體、盒陰影、背景、盒模型、漸變、過渡、動畫、多列布局、彈性布局開發動態網頁。

1.2 中級證書技能點剖析

圍繞互聯網+、新興技術行業帶來的Web前端開發、移動端開發技術技能人才需求，以企業用人為導向，以崗位技能和綜合素質為核心，培養具有良好職業道德和人文素養，掌握Web前后端數據交互、響應式開發等知識，具備動態網頁開發的設計、調試、維護等能力，能從事Web前端軟件編程、軟件測試、軟件技術服務、智能終端界面開發等工作的中級技術技能人才。主要職業能力：1)具有前端新知識、新技能的學習能力和創新創業能力；2)具備網站規劃與建設能力；3)具備MySQL數據庫設計與管理能力；4)具備網站響應式開發能力；5)具備數據交互能力。

在靜態網站搭建中，關于靜態網頁的開發，要求能熟練使用HTML編寫靜態網頁，使用CSS開發網站頁面樣式，能使用JavaScript開發網站頁面交互效果，能運用jQuery進行網站頁面交互效果的開發，能使用Bootstrap進行響應式頁面開發，能使用CSS3新特性改變網站頁面樣式和結構，能運用HTML各種標簽美化原有靜態網頁。

對于動態網站搭建，要求能運用CSS3新特性改變網站頁面樣式和結構，能使用MySQL數據庫進行基本的數據管理工作，能使用PHP制作動態網頁，能使用基本的API設計方法設計可用的API，能使用Ajax創建快速動態網頁，能使用Laravel框架構建動態網站。

1.3 高級證書技能點剖析

圍繞互聯網+、新興技術行業帶來的Web前端開發、移動端開發技術技能人才需求，以企業用人為導向，以崗位技能和綜合素質為核心，培養具有良好職業道德和人文素養，掌握Web前端框架應用、性能優化與自動化技術等知識，具備前端架構、移動智能終端開發、組件化開發等能力，能從事Web前端架構設計、技術選型、組件化等工作的高級技術技能人才。主要職業能力：1）具有前端新知識、新技能的學習能力和創新創業能力；2）具備前端架構設計能力；3）具備移動端開發能力；4）具備前端組件化能力；5）具備網站性能優化能力。

高級證書專業能力在靜態網頁開發，靜態網頁美化，動態網頁開發上，要求能更熟練應用與維護，在架構設計上，要求能使用ES6新規范構建前端程序，能使用nodejs構建高性能服務器端環境，能掌握Vue前端框架并可以完成組建封裝網站性能優化，能熟練使用HTML、CSS代碼結構優化，能進行圖片資源優化，能進行前端資源加載優化，能熟練使用Webpack分析項目結構，并將JavaScript模塊及其他瀏覽器不能直接運行的拓展語言打包為合適的格式以供瀏覽器使用。

2 Web前端開發人才就業前景分析

具有初級證書的Web前端開發人才，其就業方向主要面向各企事業單位、政府部門等的信息化數字化部門，從事靜態網頁制作、響應式頁面搭建等工作，根據視覺和交互原型要求實現網站頁面和交互效果。

具有中級證書的Web前端開發人才，其就業方向主要面向IT互聯網企業、互聯網轉型的傳統型企事業單位、政府部門等的軟件研發、軟件測試、系統運維部門，從事網站規劃與建設、網站開發與維護、關系型數據庫開發管理等工作，根據網站開發需求，編制并實施解決方案。

具有高級證書的Web前端開發人才，其就業方向主要面向IT互聯網企業、互聯網轉型的傳統型企事業單位、政府部門等的軟件研發、軟件測試、系統運維部門，從事前端架構設計、移動端項目開發、智能設備前端開發、組件和類庫編寫等工作，根據網站開發需求，進行架構設計并管理實施解決方案。

3 結束語

前端開發技術主要用于前后端分離、構建應用、微前端架構等方面。在傳統Web開發時代，前端頁面模板是由后端生成的，導致在頁面需要頻繁修改，效率極低。前后端分離指的是后端只提供接口，前端對頁面有完整控制，同時通過中間層將前后端隔開，在這里對數據進行抽取、聚合、分發等操作。微前端是一種類似于微服務的架構，它將微服務的理念應用于瀏覽器端，即將Web應用由單一的單體應用轉變為多個小型前端應用聚合為一的應用。各個前端應用還可以獨立運行、獨立開發、獨立部署。

Web前端技術應用領域廣泛，不僅需要充分了解用戶的需求，還要運用有效的設計思想和設計手段，遵循嚴謹的設計步驟，與時俱進，才能達到預期的目標。