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

龍軍，王家寧

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

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

中圖分類(lèi)號(hào)：TN91 1-34? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）19-0196-03

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

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

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

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

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

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

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

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

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

Apache是開(kāi)源網(wǎng)頁(yè)服務(wù)器，能在多數(shù)操作系統(tǒng)中運(yùn)行，可通過(guò)API進(jìn)行擴(kuò)充。

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

jQuery是一快速JavaScript庫(kù)，簡(jiǎn)化HTML文檔節(jié)點(diǎn)查找、Ajax互動(dòng)、事件處理和動(dòng)畫(huà)。

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

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

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

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

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

3 該標(biāo)準(zhǔn)的考綱

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

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

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

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

4 該標(biāo)準(zhǔn)的知識(shí)體系

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

初級(jí)證書(shū)考查100%初級(jí)知識(shí)模塊，中級(jí)證書(shū)考查20%初級(jí)和80%中級(jí)知識(shí)模塊，高級(jí)證書(shū)考查17%初級(jí)、29%中級(jí)和54%高級(jí)知識(shí)模塊。

5 該標(biāo)準(zhǔn)的考點(diǎn)

該標(biāo)準(zhǔn)涵蓋靜態(tài)網(wǎng)站、動(dòng)態(tài)網(wǎng)站、移動(dòng)端靜態(tài)網(wǎng)站、移動(dòng)端動(dòng)態(tài)網(wǎng)站4個(gè)工作領(lǐng)域，各級(jí)知識(shí)能力模塊逐級(jí)深化。

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

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

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

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