Web前端開發(fā)課程建設(shè)的探索與實踐

龍軍，王家寧

摘要：本文介紹Web前端發(fā)展史及相關(guān)技術(shù)，闡述Web前端開發(fā)職業(yè)技能等級證書知識體系、考綱和考點，研究Web前端開發(fā)課程體系構(gòu)建，開展教材及課程內(nèi)容的教學(xué)改革實踐，進行計算機相關(guān)專業(yè)1+X證書教育教學(xué)的探索總結(jié)。

關(guān)鍵詞：1+X;職業(yè)證書;前端開發(fā);Web全棧開發(fā)

中圖分類號：TN91 1-34? ? 文獻標識碼：A

文章編號：1009-3044（2021）19-0196-03

前端開發(fā)指用HTML、CSS、JavaScript及衍生的技術(shù)、框架、解決方案創(chuàng)建Web/App前端界面的過程。隨著用戶體驗和交互重要性提升，界面設(shè)計更加精美、人性化和個性化，Web前端開發(fā)人才需求大，大學(xué)生就業(yè)前景廣闊。

2019年3月，工信部發(fā)布《Web前端開發(fā)職業(yè)技能等級標準》（簡稱該標準），明確初、中、高三個等級的具體內(nèi)容和要求。4月教育部、發(fā)改委等部門印發(fā)《關(guān)于在院校實施“學(xué)歷證書+若干職業(yè)技能等級證書”制度試點方案》，開啟“1+X證書”試點，進行復(fù)合型人才培養(yǎng)的改革，拓展技術(shù)技能人才就業(yè)創(chuàng)業(yè)本領(lǐng)。之后教育部發(fā)布《關(guān)于做好首批1+X證書制度試點工作》，將Web前端開發(fā)職業(yè)技能等級證書納入首批啟動試點證書。

1 Web前端開發(fā)的發(fā)展歷史

Web前端開發(fā)從網(wǎng)頁制作開始，伴隨互聯(lián)網(wǎng)發(fā)展逐步壯大。Web1.0時，初期是以圖片和文字為主的靜態(tài)網(wǎng)站，隨著ASP、JSP、PHP等交互型技術(shù)出現(xiàn)，動態(tài)網(wǎng)站開始普及。2005年Web2.0時，類似桌面軟件的Web應(yīng)用涌現(xiàn)，網(wǎng)頁更加生動、交互更加友好，用戶從瀏覽者發(fā)展為參與者和創(chuàng)造者。目前是Web3.0初期，特點是分布式，以網(wǎng)絡(luò)化和個性化提供更多人工智能服務(wù)，完全基于Web，用瀏覽器即可實現(xiàn)復(fù)雜軟件的功能。同時移動互聯(lián)網(wǎng)帶來大量高性能的移動終端和無線網(wǎng)絡(luò)，移動端開發(fā)成為趨勢。

2 Web前端開發(fā)核心技術(shù)

Web前端開發(fā)由美工、瀏覽器兼容、CSS、HTML、交互式設(shè)計和視覺設(shè)計等組成。

HTML超文本標記語言是Web頁面的主體，用于描述文本結(jié)構(gòu)。HTML5是HTML最新版本，引入多項新技術(shù)，增強了對應(yīng)用的支持，使Web技術(shù)接近原生技術(shù)。

CSS層疊樣式表用一系列規(guī)則美化網(wǎng)頁元素，把網(wǎng)頁內(nèi)容結(jié)構(gòu)代碼和格式風格代碼分離。

JavaScript是基于ECMAScript規(guī)范的直譯式腳本語言。ES6規(guī)范泛指2015年發(fā)布的JavaScript標準及新增特性。

Apache是開源網(wǎng)頁服務(wù)器，能在多數(shù)操作系統(tǒng)中運行，可通過API進行擴充。

Node.js是運行在服務(wù)端的JavaScript，使用事件驅(qū)動、非阻塞式I/O模型。

jQuery是一快速JavaScript庫，簡化HTML文檔節(jié)點查找、Ajax互動、事件處理和動畫。

jQueryMobile是移動Web應(yīng)用框架，用HTML5、CSS3和少量腳本對頁面進行布局。

Bootstrap是推特公司基于HTML、CSS、JavaScript的前端開發(fā)框架。

Vue.js是構(gòu)建交互式的Web界面庫，采用MVVM框架模式，通過API實現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。

Laravel是開源PHP框架，采用MVC框架模式，重用不同框架的現(xiàn)有組件，設(shè)計的Web應(yīng)用程序更加結(jié)構(gòu)化和實用。

Django是用Python寫的開源Web開發(fā)框架，采用MTV框架模式，有眾多第三方插件，具有較強的可擴展性。

3 該標準的考綱

該標準依據(jù)專業(yè)活動、圍繞專業(yè)技能，充分考慮從業(yè)人員的職業(yè)發(fā)展，以職業(yè)素養(yǎng)、職業(yè)技能、知識水平為主要框架，有HTML、CSS、JavaScript、ES6標準、數(shù)據(jù)庫應(yīng)用、項目模塊化開發(fā)、復(fù)雜交互與優(yōu)化等知識和能力模塊，能根據(jù)技術(shù)發(fā)展進行靈活調(diào)整。標準密切貼合國家、產(chǎn)業(yè)、市場和學(xué)生就業(yè)需要。

主要崗位：Web/App網(wǎng)頁設(shè)計與制作，構(gòu)建響應(yīng)式頁面，搭建、規(guī)劃、設(shè)計網(wǎng)站。

職業(yè)技能特征：較強邏輯思維能力，良好代碼編寫習(xí)慣，溝通能力強，運用色彩搭配、點線面布局來設(shè)計較好用戶體驗網(wǎng)站頁面的能力。

考核方式：采用上機形式的閉卷考試，包括理論和實操，兩項成績均合格才能獲得相應(yīng)級別的職業(yè)技能等級證書。

4 該標準的知識體系

該標準分為初、中、高三級，依次具有靜態(tài)網(wǎng)頁開發(fā)能力、動態(tài)網(wǎng)頁設(shè)計開發(fā)能力、復(fù)雜網(wǎng)頁設(shè)計開發(fā)和網(wǎng)站架構(gòu)設(shè)計規(guī)劃能力。

初級證書考查100%初級知識模塊，中級證書考查20%初級和80%中級知識模塊，高級證書考查17%初級、29%中級和54%高級知識模塊。

5 該標準的考點

該標準涵蓋靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、移動端靜態(tài)網(wǎng)站、移動端動態(tài)網(wǎng)站4個工作領(lǐng)域，各級知識能力模塊逐級深化。

6 Web前端開發(fā)的課程體系

Web前端開發(fā)有HTML5+CSS3、JavaScript+Ajax、PHP+MySQL、RESTful、jQuery/jQuery Mobile、開發(fā)框架、移動App、軟件工程等多門課程，由不同教師跨多個學(xué)期組織教學(xué)，知識點不連貫或重復(fù)，學(xué)生對課程銜接理解不深。

通過對就業(yè)崗位研究，以需求和應(yīng)用為導(dǎo)向，結(jié)合考證，打破課程間的隔閡，用模塊化教學(xué)模式，打通Web前端開發(fā)人才崗位鏈、能力鏈、技術(shù)鏈和知識鏈，將不同課程優(yōu)化融合成一門課程，建立起循序漸進、螺旋上升的模塊化課程體系。

課程基于分布式應(yīng)用系統(tǒng)，以Restful為紐帶，將各類應(yīng)用連接起來，實現(xiàn)不同系統(tǒng)的數(shù)據(jù)共享，進行Web應(yīng)用全棧開發(fā)。著力培養(yǎng)學(xué)生的Web編程技能、工程實踐能力、創(chuàng)新創(chuàng)業(yè)素質(zhì)和職業(yè)道德素養(yǎng)，將課程的教育教學(xué)與考證結(jié)合，加入軟件工程和測試模塊，為培養(yǎng)Web應(yīng)用全棧工程師奠定基礎(chǔ)。