龍軍,王家寧



摘要:本文介紹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ǔ)。