1+X證書制度與Web前端課程教學(xué)融合創(chuàng)新探索

張莉

摘要：Web前端開發(fā)崗位需求近年來得到快速增長，1+X 證書制度與 Web 前端開發(fā)技術(shù)專業(yè)的融合勢在必行。然而傳統(tǒng)教學(xué)方法并不符合現(xiàn)代企業(yè)對Web開發(fā)人才的要求，因此，Web前端開發(fā)相關(guān)課程教學(xué)應(yīng)與時(shí)俱進(jìn)，通過多種課程教學(xué)創(chuàng)新手段，推進(jìn)“1”與“X”的融合，真正做到“課證融通”，全面提升職業(yè)教育質(zhì)量和學(xué)生就業(yè)競爭力。

關(guān)鍵詞：1+X證書制度;Web前端開發(fā);課程教學(xué)創(chuàng)新;教學(xué)模式

中圖分類號：G642? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號：1009-3044（2021）11-0090-03

Research on Teaching Innovation of Web Front-end Course Based on 1+X Certificate

ZHANG Li

（Department of Application design，Guangdong Womens Polytechnic College，Guangzhou 511450， China）

Abstract： The job demand of Web front-end development has been growing rapidly in recent years， so the integration of 1+X certificate system and Web front-end development technology is imperative. However， traditional teaching methods do not meet the requirements of modern enterprises for Web front-end development talents. Therefore， the teaching of Web front-end development related courses should keep abreast of the times， promoting the integration of "1" and "X" through various innovative teaching methods， truly achieving the integration of course and certificate， and comprehensively improving the quality of vocational education and students' employment competitiveness.

Key words： 1+X certificate system;Web front-end development;Innovation of course's teaching;teaching mode

隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展，尤其是在一些大中型互聯(lián)網(wǎng)公司，網(wǎng)站開發(fā)的相關(guān)崗位越來越走向細(xì)分，產(chǎn)品、UI/UE設(shè)計(jì)、前端開發(fā)、后端開發(fā)、測試等崗位，既分工明確而且還需要緊密配合。在2010年左右，前端開發(fā)工程師已經(jīng)成為一個(gè)獨(dú)立存在的崗位，并具有大規(guī)模招聘需求。從百度、京東、智聯(lián)招聘要求分析，企業(yè)并不偏愛只會(huì)JS、HTML5、CSS的技能單一型求職者，而是熱衷聘用一人多技的復(fù)合型人才。

我院計(jì)算機(jī)應(yīng)用、數(shù)字媒體應(yīng)用技術(shù)專業(yè)開設(shè)了Web前端開發(fā)相關(guān)課程，根據(jù)近幾年畢業(yè)生跟蹤調(diào)查數(shù)據(jù)分析結(jié)果來看，學(xué)生在進(jìn)入企業(yè)工作時(shí)還存在一些問題，需要對課程內(nèi)容進(jìn)行調(diào)整優(yōu)化。

“1+X”證書制度的推廣旨在鼓勵(lì)學(xué)生獲得學(xué)歷證書的同時(shí)，積極取得多類職業(yè)技能等級證書，拓展就業(yè)創(chuàng)業(yè)本領(lǐng)，緩解結(jié)構(gòu)性就業(yè)矛盾。我院以此為契機(jī)，將Web前端開發(fā)職業(yè)技能等級證書（以下簡稱“技能證書”）的技能要求融入相關(guān)專業(yè)人才培養(yǎng)規(guī)格，開展書證融通的人才培養(yǎng)模式探索 [1]。

1 Web前端開發(fā)課程教學(xué)現(xiàn)狀

1.1 課程內(nèi)容不符合企業(yè)實(shí)際需求

Web前端開發(fā)涉及的知識(shí)面較廣，學(xué)生及時(shí)了解和運(yùn)用較新的前端開發(fā)技術(shù)，才能適應(yīng)崗位需求。在課程設(shè)置方面，目前主要以HTML+CSS+JavaScript為基礎(chǔ)課程，沒有對HTML5、CSS3、jQuery等主流技術(shù)進(jìn)行深入講解。對行業(yè)內(nèi)廣泛應(yīng)用的各種前端框架，在課程教學(xué)過程中只是簡單介紹，學(xué)生沒有掌握使用方法，進(jìn)入工作崗位后需要重新學(xué)習(xí)，使學(xué)生的開發(fā)能力大打折扣，不能滿足企業(yè)需求[2]。

1.2課程體系結(jié)構(gòu)不夠清晰

Web前端開發(fā)技術(shù)的學(xué)習(xí)是一個(gè)由淺入深、循序漸進(jìn)的過程，在課程體系設(shè)置方面也要進(jìn)行分析和梳理，學(xué)生只有掌握了基礎(chǔ)知識(shí)才能進(jìn)入下一階段的學(xué)習(xí)。目前不同課程之間存在著部分內(nèi)容重復(fù)的情況，學(xué)生感覺知識(shí)結(jié)構(gòu)重復(fù)，學(xué)習(xí)興趣不高，需要根據(jù)人才培養(yǎng)方案系統(tǒng)調(diào)整本專業(yè)的課程設(shè)置，理清課程前后銜接關(guān)系，明確每門課的教學(xué)目標(biāo)與內(nèi)容，建立完整、合理的課程體系[3]。

1.3 學(xué)生缺少項(xiàng)目實(shí)踐機(jī)會(huì)

課程在教學(xué)過程中受課堂練習(xí)時(shí)間限制只能安排一些比較小的實(shí)踐內(nèi)容，內(nèi)容的實(shí)用性不高，由于學(xué)生很少有機(jī)會(huì)參與到真實(shí)項(xiàng)目開發(fā)的實(shí)踐過程，學(xué)生在課堂上表現(xiàn)積極性不高。如果能引入真實(shí)項(xiàng)目的實(shí)踐，在項(xiàng)目開發(fā)過程中讓學(xué)生自主發(fā)現(xiàn)問題、解決問題，不斷積累開發(fā)經(jīng)能，提高動(dòng)手能力，既能增強(qiáng)學(xué)習(xí)內(nèi)容的實(shí)用性，也能提高學(xué)生學(xué)習(xí)的積極性。

1.4 課程內(nèi)容與考證培訓(xùn)脫節(jié)

現(xiàn)階段開設(shè)的課程內(nèi)容是根據(jù)本專業(yè)人才培養(yǎng)方案中的職業(yè)崗位能力確定的，與技能證書考試大綱中要求的知識(shí)范圍有較大差異，學(xué)生在考證前需要重新組織培訓(xùn)，梳理課程內(nèi)容，查漏補(bǔ)缺，比較浪費(fèi)時(shí)間。根據(jù)Web前端職業(yè)技能等級標(biāo)準(zhǔn)和專業(yè)教學(xué)標(biāo)準(zhǔn)要求，將證書培訓(xùn)內(nèi)容有機(jī)融入專業(yè)人才培養(yǎng)方案，分布在不同的教學(xué)課程內(nèi)容中，通過平時(shí)的教學(xué)與項(xiàng)目實(shí)施，推進(jìn)“1”和“X”的有機(jī)銜接，提升職業(yè)教育質(zhì)量和學(xué)生就業(yè)能力。

2 Web前端開發(fā)教學(xué)創(chuàng)新措施

為了保障人才培養(yǎng)質(zhì)量，提高學(xué)生考證通過率與就業(yè)率，對本專業(yè)人才培養(yǎng)方案進(jìn)行優(yōu)化調(diào)整，對Web前端開發(fā)相關(guān)的課程教學(xué)進(jìn)行創(chuàng)新，主要采取措施如下：

2.1 明確課程體系建設(shè)目標(biāo)

課程體系建設(shè)是專業(yè)建設(shè)的一個(gè)重要方面，是加強(qiáng)學(xué)院內(nèi)涵建設(shè)、提高教學(xué)質(zhì)量的核心環(huán)節(jié)。掌握Web前端開發(fā)的相關(guān)技能不是通過開設(shè)某1門課或短期培訓(xùn)可以解決的問題，而是涉及整個(gè)專業(yè)的課程體系設(shè)置，除了通識(shí)教育課程模塊以外，職業(yè)平臺(tái)課程、職業(yè)能力課程、職業(yè)能力拓展課程、自主學(xué)習(xí)課程等模塊都分布Web前端知識(shí)的相關(guān)課程，內(nèi)容由淺入深，以增強(qiáng)學(xué)生職業(yè)技術(shù)技能水平和綜合職業(yè)素質(zhì)人才培養(yǎng)為目標(biāo)，夯實(shí)學(xué)生可持續(xù)發(fā)展基礎(chǔ)，創(chuàng)建適合復(fù)合型技術(shù)技能人才成長的專業(yè)核心課程體系。

2.2 教學(xué)模式創(chuàng)新

強(qiáng)力推進(jìn)新課程的實(shí)施，促進(jìn)以項(xiàng)目課程開發(fā)為中心的校本研究深入開展，探索與新的課程體系相適應(yīng)的教學(xué)模式[4]。教學(xué)內(nèi)容的改變對教師提出了更高要求，要從職業(yè)技能、教學(xué)方法、課程考核評價(jià)等多方面提高教師實(shí)施新課程的能力，加大教師培訓(xùn)力度，改變傳統(tǒng)教學(xué)模式，促進(jìn)學(xué)生多樣化發(fā)展。

2.2.1 以學(xué)生為中心的教學(xué)模式

在學(xué)習(xí)過程中運(yùn)用以學(xué)生為中心的教學(xué)模式，學(xué)生自主地去構(gòu)建知識(shí)，并實(shí)現(xiàn)知識(shí)的遷移。案例教學(xué)的優(yōu)勢在于引導(dǎo)學(xué)生從注重知識(shí)變?yōu)樽⒅啬芰ΑW(xué)生拿到案例后，先要進(jìn)行主動(dòng)分析，還要經(jīng)過小組討論，提出解決問題的方案，發(fā)揮學(xué)生的主導(dǎo)作用，體現(xiàn)學(xué)生的主體地位。教師根據(jù)不同學(xué)生的不同理解補(bǔ)充新的教學(xué)內(nèi)容，通過案例分析與演示，讓學(xué)生掌握 Web 前端開發(fā)相關(guān)技術(shù)。

2.2.2 教學(xué)做一體化的實(shí)踐過程

課程實(shí)踐內(nèi)容由兩部分組成：實(shí)驗(yàn)（課內(nèi)實(shí)驗(yàn)）和實(shí)踐 （課程設(shè)計(jì)）。實(shí)驗(yàn)由 HTML5、CSS3、JavaScript、jQuery、Bootstrap等知識(shí)模塊部分組成，主要用來突破難點(diǎn)。實(shí)踐部分采用項(xiàng)目驅(qū)動(dòng)教學(xué)法，學(xué)生分組完成一個(gè)真實(shí)Web前端開發(fā)項(xiàng)目，主要用來整合課堂知識(shí)內(nèi)容，提升學(xué)生Web前端開發(fā)技術(shù)技能運(yùn)用能力，實(shí)現(xiàn)教學(xué)做一體化過程。

2.2.3 以小組為單位進(jìn)行過程管理

教師根據(jù)班級總?cè)藬?shù)進(jìn)行隨機(jī)分組，每組3～5人，組長由各組自己推選。在項(xiàng)目實(shí)踐過程中，組長主要負(fù)責(zé)管理小組內(nèi)各類學(xué)習(xí)事務(wù)安排、學(xué)習(xí)檢查、實(shí)驗(yàn)考核、組織評價(jià)等工作。組長也是項(xiàng)目經(jīng)理，負(fù)責(zé)項(xiàng)目分工及進(jìn)度跟蹤匯報(bào)等工作。

2.2.4 定期開展代碼展示與心得交流

教師采用啟發(fā)式、引導(dǎo)式教學(xué)方法對項(xiàng)目進(jìn)行分析和引入，提出最基本的解決方案，然后由學(xué)生自主練習(xí)和小組內(nèi)討論，提出最佳解決方案。在項(xiàng)目實(shí)踐過程中，定期開展小組交流活動(dòng)，將代碼編寫規(guī)范、運(yùn)行效果良好的小組進(jìn)行展示與交流，小組成員展示自己的編程思路與源代碼，為學(xué)生創(chuàng)造相互學(xué)習(xí)、交流的機(jī)會(huì)。

2.2.5 網(wǎng)站展示項(xiàng)目成果提升成就感

課程結(jié)束時(shí)，將各組完成項(xiàng)目放在校內(nèi)網(wǎng)站服務(wù)器上運(yùn)行，做成項(xiàng)目成果展示網(wǎng)站，方便學(xué)生瀏覽與相互評價(jià)，提升學(xué)生的成就感。組長組織小組成員根據(jù)網(wǎng)站的設(shè)計(jì)效果和項(xiàng)目完成情況進(jìn)行相互打分，最后由教師進(jìn)行集體綜合評分，公平合理，學(xué)生對評價(jià)結(jié)果認(rèn)可度較高。

2.2.6 慕課平臺(tái)輔助完成作業(yè)練習(xí)

學(xué)院使用的超星學(xué)習(xí)通慕課平臺(tái)可開展無紙化作業(yè)與課程練習(xí)，學(xué)生登錄網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)行在線作業(yè)和課程練習(xí)。實(shí)踐內(nèi)容可提交源代碼或截圖發(fā)布在慕課平臺(tái)，方便教師查看和批改。理論知識(shí)部分可以設(shè)置自動(dòng)批改，學(xué)生完成答題后即可查看分?jǐn)?shù)和答案，方便學(xué)生了解理論知識(shí)掌握情況。

2.2.7 多途徑開展學(xué)習(xí)討論與答疑

慕課平臺(tái)也可以開展學(xué)習(xí)討論、資源分享等功能。課堂討論比較浪費(fèi)時(shí)間，可以開設(shè)一些有助提高學(xué)生技能的話題，在網(wǎng)絡(luò)上組織討論，利用課后時(shí)間完成。學(xué)生遇到的問題可以在慕課平臺(tái)上提出討論，教師和學(xué)生都可以參與解答，還可以通過QQ、微信等即時(shí)通信工具進(jìn)行交流和答疑。

2.2.8 過程考核與終結(jié)性考核相結(jié)合

課程考核方式采取過程考核（50%）和終結(jié)性考核（50%）相結(jié)合的方式。過程考核采用多元化考核方式，分別為線上自學(xué)（30%）+ 任務(wù)表現(xiàn)（20%）+ 討論交流（8%）+ 課堂出勤（7%）+ 課堂互動(dòng)（5%）+ 單元測試（10%）+ 平時(shí)作業(yè)（20%）;終結(jié)性考核主要針對各組實(shí)踐項(xiàng)目的完成情況進(jìn)行考核，分別為組間互評（30%）+教師總評（70%）。

2.3 課程內(nèi)容要與時(shí)俱進(jìn)

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，網(wǎng)頁設(shè)計(jì)崗位相關(guān)的分工越來越細(xì)致，Web前端開發(fā)人員在市場上處于供不應(yīng)求的狀態(tài)。現(xiàn)在很多企業(yè)需要的是HTML5+Web跨平臺(tái)混合開發(fā)人才，所以我們在培養(yǎng)Web前端開發(fā)人才時(shí)要注意跨平臺(tái)混合開發(fā)能力的培養(yǎng)。僅僅掌握傳統(tǒng)內(nèi)容已經(jīng)不能滿足企業(yè)需求，課程內(nèi)容要與時(shí)俱進(jìn)，將主流Web前端開發(fā)技術(shù)引入課堂，要求學(xué)生至少掌握兩種前端框架的使用方法，重點(diǎn)培養(yǎng)學(xué)生的實(shí)踐應(yīng)用、規(guī)范代碼編寫等能力。根據(jù)工業(yè)和信息化部教育與考試中心提供的“Web 前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)”分析，主要開設(shè)課程如表1所示。

2.4 明確職業(yè)技能導(dǎo)向

企業(yè)需要什么樣的Web前端開發(fā)人才呢？根據(jù)各大招聘網(wǎng)站對Web前端開發(fā)人才的技能需求進(jìn)行分析，我們總結(jié)出一個(gè)Web前端開的人員至少需要具備以下條件：熟悉Ajax、DOM、JSON等相關(guān)技術(shù)，熟練使用原生JS編程，具有良好的規(guī)范開發(fā)習(xí)慣;熟悉W3C規(guī)范、HTML5、CSS3、ES5/ES6/ES7等前端開發(fā)技術(shù);掌握CSS預(yù)處理器任意一種如Sass，能寫出高效、可讀的代碼，有使用ElementUI、Bootstrap、SemanticUI主流前端開發(fā)框架經(jīng)驗(yàn)，具備獨(dú)立完成項(xiàng)目開發(fā)能力;至少熟練掌握一門（Hybrid React、Angular、Vue等）及相關(guān)框架和技術(shù);具有良好的理解能力、高度的責(zé)任心、優(yōu)秀的學(xué)習(xí)能力等。

Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)與就業(yè)方向如圖1所示。只有真正了解企業(yè)對 Web 前端開發(fā)人才的實(shí)際需求，明確 1+X 中的職業(yè)技能導(dǎo)向，才能設(shè)計(jì)相應(yīng)的教材與課程內(nèi)容，堅(jiān)持以項(xiàng)目為導(dǎo)向的課程設(shè)計(jì)模式，轉(zhuǎn)變學(xué)生學(xué)習(xí)觀念，注重積累職業(yè)技能。

2.5 專兼結(jié)合的教師團(tuán)隊(duì)

高職院校的教學(xué)團(tuán)隊(duì)強(qiáng)調(diào)“專兼結(jié)合”實(shí)際上是根據(jù)高職院校“以服務(wù)為宗旨、以就業(yè)為導(dǎo)向”的辦學(xué)指導(dǎo)思想以及人才培養(yǎng)目標(biāo)要求，將行業(yè)、企業(yè)的技術(shù)骨干和專家納入教學(xué)團(tuán)隊(duì)，實(shí)現(xiàn)深度的校企合作。兼職教師隊(duì)伍是專業(yè)教學(xué)團(tuán)隊(duì)的重要組成部分，聘用兼職教師的根本目的在于承擔(dān)專業(yè)課或?qū)嵺`教學(xué)任務(wù)，強(qiáng)化專業(yè)實(shí)踐能力培養(yǎng)，這有利于保證教學(xué)內(nèi)容的針對性和實(shí)效性。學(xué)院也有相關(guān)政策支持從企業(yè)聘用專業(yè)技術(shù)人員承擔(dān)專業(yè)課程教學(xué)任務(wù)，保障兼職教師隊(duì)伍的規(guī)劃與管理，促進(jìn)“專兼結(jié)合”教學(xué)團(tuán)隊(duì)的良好發(fā)展。

3 結(jié)語

廣東女子職業(yè)技術(shù)學(xué)院非常重視1+X證書制度的落地與實(shí)施，作為第一批Web前端開發(fā)技能證書的試點(diǎn)單位，多次組織教師參加Web前端開發(fā)技術(shù)相關(guān)的培訓(xùn)與研討會(huì)議，對相關(guān)專業(yè)人才培養(yǎng)模式進(jìn)行了一些實(shí)際有效的探索，把學(xué)歷證書與職業(yè)技能等級證書結(jié)合起來，探索實(shí)施1+X證書制度，是職教20條的重要改革部署，也是重大創(chuàng)新[5]。

參考文獻(xiàn)：

[1] 鄭根讓，史志強(qiáng)，何成，于曉霞.1+X 證書制度下以書證融通重構(gòu)專業(yè)核心課程體系——以WEB前端開發(fā)證書與軟件技術(shù)專業(yè)為例[J].職業(yè)教育研究，2020（1）：12-17.

[2] 黃承明.移動(dòng)互聯(lián)時(shí)代Web前端崗位課程群建設(shè)探討[J].清遠(yuǎn)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2020（1）：55-62.

[3] 李增福.基于1+X證書制度的Web前端課程標(biāo)準(zhǔn)建設(shè)研究[J].科技創(chuàng)新導(dǎo)報(bào)，2020（8）：193-195.

[4] 李鵬飛.1+X 證書制度與 Web 前端開發(fā)專業(yè)融合的探索[J]. 信息與電腦（理論版），2020（4）：219-222.

[5] 中華人民共和國中央人民政府.職業(yè)教育“1+X”證書制度來了[EB/OL].[2019-04-17].http：//www.gov.cn/fuwu/2019-04/17/content_5383660.htm.

【通聯(lián)編輯：王力】