李小蘭　陳員義

關(guān)鍵詞：職場(chǎng)；Web 前端；工程師；職業(yè)技能

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

文章編號(hào)：1009-3044（2023）10-0145-03

0 引言

隨著互聯(lián)網(wǎng)的快速發(fā)展，傳統(tǒng)的網(wǎng)頁(yè)制作、網(wǎng)頁(yè)設(shè)計(jì)崗位已經(jīng)被邊緣化，甚至被淘汰了。而另一個(gè)新型的職業(yè)崗位：Web前端工程師，在近幾年占據(jù)市場(chǎng)主導(dǎo)地位，幾乎每個(gè)互聯(lián)網(wǎng)企業(yè)都會(huì)招聘一個(gè)經(jīng)驗(yàn)豐富的Web前端工程師，Web2.0甚至3.0的發(fā)展也對(duì)當(dāng)前的Web前端開發(fā)提出了更高的要求。在現(xiàn)階段，一位好的Web前端開發(fā)工程師在知識(shí)體系上既要有廣度，又要有深度。很多大公司即使開出高薪也很難招聘到理想的前端開發(fā)工程師[1]。然而殘酷的現(xiàn)實(shí)是不少高職高專院校的師資水平及Web前端開發(fā)課程的設(shè)置與定位、教學(xué)實(shí)踐等問(wèn)題都還定格在Web 1.0時(shí)代。直接造成職場(chǎng)上的崗位需求與高職高專計(jì)算機(jī)專業(yè)畢業(yè)生的就業(yè)需求嚴(yán)重脫節(jié)，中間造成巨大的真空地帶。

上述的真空地帶被市場(chǎng)上各大計(jì)算機(jī)培訓(xùn)機(jī)構(gòu)所吞噬，稍微有點(diǎn)名氣的培訓(xùn)機(jī)構(gòu)都把Web前端開發(fā)課程的崗位直接對(duì)接市場(chǎng)上的Web前端工程師，并作為重點(diǎn)培訓(xùn)項(xiàng)目。其中緣故是：這門課程的入門學(xué)習(xí)曲線平滑，比較適合高職高專學(xué)生的學(xué)知水平，同時(shí)容易出教學(xué)成果，學(xué)員經(jīng)過(guò)一段時(shí)間的學(xué)習(xí)及實(shí)踐，可以比較順利地把Web前端設(shè)計(jì)效果圖轉(zhuǎn)換成比較炫及且實(shí)用的Web頁(yè)面，從而提高學(xué)員的成就感，增強(qiáng)學(xué)員的自信心。這樣就自然有利于把學(xué)員打造成合格的Web前端工程師，并且讓學(xué)員迅速地在職場(chǎng)應(yīng)聘到自己比較滿意的崗位，可以快速地形成品牌效應(yīng)。

培訓(xùn)機(jī)構(gòu)與高職院校教學(xué)模式不同的關(guān)鍵點(diǎn)在于培訓(xùn)機(jī)構(gòu)能夠做到與時(shí)俱進(jìn)，隨著Web前端開發(fā)技術(shù)的不斷更新及Web前端工程師的崗位職責(zé)變遷，可以迅速地調(diào)整項(xiàng)目的培訓(xùn)目標(biāo)、計(jì)劃等內(nèi)容，始終做到與職場(chǎng)需求無(wú)縫對(duì)接。

為了讓高職高專的學(xué)生少走彎路，不需要先流入培訓(xùn)市場(chǎng)，再到人才市場(chǎng)。為學(xué)生節(jié)省時(shí)間、資金等成本，讓學(xué)生能夠在校期間通過(guò)系統(tǒng)地學(xué)習(xí)直接掌握Web前端開發(fā)的技能；讓高職高專院校的培養(yǎng)目標(biāo)及定位能夠直接與職場(chǎng)需求銜接，提高學(xué)生畢業(yè)生專業(yè)對(duì)口率及就業(yè)率。為此Web前端開發(fā)課程構(gòu)建及教學(xué)模式重構(gòu)就顯得迫切需要。

1 依據(jù)職場(chǎng)需求，歸納初、中級(jí)Web 前端工程師能力及分析就業(yè)前景

在互聯(lián)網(wǎng)行業(yè)，人才和企業(yè)供給是失衡的，人才的需求量遠(yuǎn)遠(yuǎn)大于其供給量。特別是隨著“互聯(lián)網(wǎng)+”的提出以及未來(lái)十幾年的發(fā)展趨勢(shì)，這種供需矛盾將日益加劇。通過(guò)查閱拉勾網(wǎng)、智聯(lián)招聘、前程無(wú)憂、獵聘網(wǎng)等大型專業(yè)招聘網(wǎng)站，發(fā)現(xiàn)每天都發(fā)布眾多的Web前端工程師崗位。并且根據(jù)拉勾網(wǎng)的調(diào)查研究Web前端工程師的供求關(guān)系達(dá)到1：4，同時(shí)，Web前端工程師將作為未來(lái)最容易就業(yè)、薪資較高的熱門職業(yè)。在眾多Web前端工程師的相關(guān)招聘信息里，Web 前端工程師被分為四級(jí)：初級(jí)、中級(jí)、高級(jí)、資深，最簡(jiǎn)單的區(qū)分方法主要體現(xiàn)在工作經(jīng)驗(yàn)上及掌握的職業(yè)技能、職業(yè)素養(yǎng)、職業(yè)行為等方方面面。

本文主要以職業(yè)技能作為切入點(diǎn)。崗位職業(yè)技能要求也是高職高專院校重構(gòu)Web前端開發(fā)課程教學(xué)內(nèi)容和實(shí)踐環(huán)節(jié)的重要依據(jù)。同時(shí)，由于高職高專院校的培養(yǎng)目標(biāo)定位是初、中級(jí)Web前端工程師，通過(guò)詳細(xì)分析、梳理企業(yè)發(fā)布的招聘信息，可以清晰地歸納初、中、高、資深級(jí)Web前端工程師的職位描述（崗位職責(zé)）、職位要求（或任職資格）、薪資情況。其中初、中級(jí)具體層次劃分如表1。

2 基于職場(chǎng)需求的課程理念與目標(biāo)

2.1 基于職場(chǎng)需求的課程理念

Web前端開發(fā)課程是一個(gè)大課程，它的理念更新快，涉及技術(shù)比較多。為了符合職場(chǎng)需求的發(fā)展趨勢(shì)。必須做到以下兩點(diǎn)：首先課程理念要做到與時(shí)俱進(jìn)，持續(xù)更新教學(xué)內(nèi)容，做到讓學(xué)生深刻體會(huì)到“學(xué)有所用，學(xué)有所思”，多次反復(fù)在現(xiàn)場(chǎng)展示各招聘網(wǎng)對(duì)Web前端人才的需求及對(duì)職業(yè)技能的要求。同時(shí)，強(qiáng)調(diào)它的學(xué)習(xí)曲線比較平，容易出效果，可以有效地提高學(xué)生的學(xué)習(xí)興趣，激發(fā)學(xué)習(xí)的熱情。其次要多寫代碼，通過(guò)不斷模仿網(wǎng)站加強(qiáng)職業(yè)技能，學(xué)習(xí)編程，特別作為就業(yè)時(shí)成為一名碼農(nóng)的學(xué)生，在校期間沒有寫代碼并且到達(dá)一定數(shù)量是無(wú)法符合任職資格的。需要達(dá)到“熟能生巧”的目標(biāo)，“熟”指定的是學(xué)生的職業(yè)技能的熟練程度，“巧”表示學(xué)生的創(chuàng)新能力。歸根到底通過(guò)各種途徑要做到三多：“多寫代碼、多仿站、多創(chuàng)新”，融會(huì)貫通所學(xué)課程的知識(shí)和技能，著力培養(yǎng)學(xué)生完成實(shí)際應(yīng)用開發(fā)的能力[2]，讓學(xué)生在競(jìng)聘過(guò)程中有作品自己的展示，提高競(jìng)爭(zhēng)力。

2.2 基于職場(chǎng)需求的課程目標(biāo)

Web前端開發(fā)課程目標(biāo)是培養(yǎng)優(yōu)秀的Web前端開發(fā)專業(yè)技術(shù)人才，使職業(yè)素質(zhì)、職業(yè)技能、行為素質(zhì)達(dá)到初、中級(jí)Web前端工程師的職場(chǎng)需求，即符合任職要求（或任職資格）。一般說(shuō)來(lái)，學(xué)生能否順利就業(yè)并取得成就，在很大程度上取決于其的職業(yè)素質(zhì)、職業(yè)技能、行為素質(zhì)，素質(zhì)及技能越高的人，獲得成功的機(jī)會(huì)就越多。所以只有把職業(yè)素質(zhì)、職業(yè)技能、行為素質(zhì)三者在基于職場(chǎng)需求教學(xué)模式中加以協(xié)調(diào)發(fā)展，才能有效地促進(jìn)Web前端開發(fā)技術(shù)課程教學(xué)目標(biāo)向技能化、專業(yè)化、職場(chǎng)化方向發(fā)展，讓學(xué)生成為優(yōu)秀的Web前端開發(fā)工程師。

3 基于職場(chǎng)需求的教學(xué)核心——課程體系設(shè)置

Web前端開發(fā)課程是一個(gè)大課程，它涉及的技術(shù)比較多，如此眾多內(nèi)容中需要在有限課時(shí)中講授完，同時(shí)保持各個(gè)Web技術(shù)教學(xué)的連續(xù)性，就必須科學(xué)地甄選。甄選的主要依據(jù)是學(xué)生的學(xué)識(shí)能力及現(xiàn)實(shí)中職場(chǎng)需求，所以合理地安排課程內(nèi)容、課時(shí)就顯得尤其重要。

Web前端開發(fā)課程的基礎(chǔ)核心技術(shù)的內(nèi)容是HT?ML5、CSS3、JavaScript。它們涉及Web前端的結(jié)構(gòu)、表現(xiàn)層、行為層。首先Html5、CSS3的學(xué)習(xí)門檻低，只要學(xué)生能熟練書寫代碼及認(rèn)識(shí)一些英文單詞即可，關(guān)鍵是多加練習(xí)，所以Web前端開發(fā)技術(shù)中的HTML5與CSS3這部分要強(qiáng)調(diào)它們的語(yǔ)義性及書寫代碼的規(guī)范性以達(dá)到職場(chǎng)需求。其次通過(guò)分析主流各類網(wǎng)站，讓學(xué)生全方位地了解、學(xué)習(xí)書寫代碼的規(guī)范化及通用技巧。增設(shè)CSS3的編程語(yǔ)言Sass，提高CSS代碼的可重用性、可維護(hù)性，同時(shí)可提高書寫CSS代碼的效率。最后為了適應(yīng)職場(chǎng)需求，有效地提高工作效率，增設(shè)HTML與CSS的主流框架內(nèi)容，如：傳統(tǒng)的面向PC端的960Grid、網(wǎng)易NEC等框架，以及興起的面向移動(dòng)端的Bootstrap、AmazeUI、Vue等框架。

Web前端開發(fā)課程中另一個(gè)重要的核心技術(shù)是JavaScript，它是Web前端的行為層。這部分內(nèi)容由于學(xué)生的學(xué)識(shí)問(wèn)題只講授基本編程知識(shí)，以便降低學(xué)生的受挫折感。以中小網(wǎng)站所需要解決的問(wèn)題為目標(biāo)，如簡(jiǎn)單的動(dòng)畫及交互效果，在JavaScript、CSS3的基礎(chǔ)上以JavaScript 的框架jQuery 為切入點(diǎn)，主要講授jQuery基礎(chǔ)編程，其中最主要的內(nèi)容是各種插件在網(wǎng)站的應(yīng)用，使學(xué)生能做出完整的中小型Web頁(yè)面。

上述主要涉及Web前端開發(fā)課程的講授的內(nèi)容部分。但在課程設(shè)置中實(shí)踐部分更為重要，不斷地實(shí)踐，在實(shí)踐不斷犯錯(cuò)誤、遇到新問(wèn)題，鍛煉學(xué)生自我解決問(wèn)題的能力。在此過(guò)程中再不斷深化Web前端開發(fā)技術(shù)，提高學(xué)生Web前端開發(fā)技能。實(shí)踐課程內(nèi)容分為兩部分：仿站和分析開源項(xiàng)目的源代碼，讓學(xué)生尋找自己感興趣的網(wǎng)站，然后要求學(xué)生自己做Web前端部分?；蛲ㄟ^(guò)威客、項(xiàng)目外包網(wǎng)站等途徑，讓學(xué)生分析客戶給定項(xiàng)目的需求，做出Web前端頁(yè)面。要求學(xué)生至少要完成20 個(gè)各種類型網(wǎng)站的Web 前端部分，積累技能及知識(shí)，強(qiáng)調(diào)Web前端的結(jié)構(gòu)、表現(xiàn)和行為的獨(dú)立性及相關(guān)性；介紹一些主流JavaScript的框架，如Node.js、Vue.js、Ext JS等知識(shí)，拓寬學(xué)生的視野，為學(xué)生今后提供一個(gè)明確學(xué)習(xí)內(nèi)容、就業(yè)方向。

4 基于職場(chǎng)需求的教學(xué)新思路、新方法

4.1 基于職場(chǎng)需求的教學(xué)新思路

CDIO 分別代表構(gòu)思（Conceive）、設(shè)計(jì)（Design）、實(shí)現(xiàn)（Implement）和運(yùn)作（Operate），它以產(chǎn)品研發(fā)到產(chǎn)品運(yùn)行的生命周期為載體，讓學(xué)生以主動(dòng)的、實(shí)踐的、課程之間有機(jī)聯(lián)系的方式學(xué)習(xí)工程。CDIO 工程教育理念倡導(dǎo)以綜合的培養(yǎng)方式使學(xué)生具備工程基礎(chǔ)知識(shí)、個(gè)人能力、人際團(tuán)隊(duì)能力和工程系統(tǒng)能力。近年來(lái)，基于CDIO 理念的項(xiàng)目驅(qū)動(dòng)教學(xué)模式已成為工程教育領(lǐng)域公認(rèn)的發(fā)展方向，得到了廣泛的應(yīng)用[3-6]。

在Web前端開發(fā)課程的教學(xué)思路有別于傳統(tǒng)的思路，不再是重理論輕實(shí)踐，具體表現(xiàn)為：大部分教學(xué)都是講授一遍，讓學(xué)生書寫代碼量少，實(shí)踐內(nèi)容更少，這樣學(xué)生自然獲得的職業(yè)技能就少，解決問(wèn)題能力不足。為解決傳統(tǒng)教學(xué)模式產(chǎn)生的弊端，應(yīng)使用開源項(xiàng)目或?qū)W生感興趣的網(wǎng)站作為教學(xué)案例，進(jìn)行項(xiàng)目驅(qū)動(dòng)教學(xué)。

基于職場(chǎng)需求的教學(xué)新思路主要體現(xiàn)在“少講多練”的循環(huán)過(guò)程。重要的特點(diǎn)是依據(jù)學(xué)生的學(xué)識(shí)水平，通過(guò)每次講解少量的Web前端開發(fā)技術(shù)，然后進(jìn)行項(xiàng)目分析，完美詮釋這些技術(shù)在產(chǎn)品中的應(yīng)用。通過(guò)反復(fù)優(yōu)化案例的代碼來(lái)加深理解相關(guān)的知識(shí)點(diǎn)，逐步掌握Web前端開發(fā)技術(shù)。特別注意的是高職高專學(xué)生的學(xué)識(shí)層次原因，不可能通過(guò)講授一遍就讓學(xué)生理解、掌握相關(guān)的職場(chǎng)技能，上述過(guò)程是一個(gè)循環(huán)過(guò)程，直到學(xué)生掌握Web前端開發(fā)相關(guān)技術(shù)為止。

4.2 基于職場(chǎng)需求的教學(xué)新方法

Web前端開發(fā)課程的教學(xué)方法主要采用微視頻Demo法及翻轉(zhuǎn)課堂法。通過(guò)事先錄制好微視頻再上傳到網(wǎng)絡(luò)教學(xué)平臺(tái)，同時(shí)配套的相關(guān)資料及資源也上傳。在每次上課前兩周要求同學(xué)們自主學(xué)習(xí)本周微視頻并動(dòng)手完成視頻的所有Web前端代碼，同時(shí)記錄無(wú)法完成的代碼及遇到的問(wèn)題，通過(guò)在課堂上進(jìn)行講授，重點(diǎn)解決遇到的問(wèn)題及不懂的知識(shí)點(diǎn)。引導(dǎo)學(xué)生使用Markdown語(yǔ)言或通過(guò)博客園網(wǎng)站書寫有關(guān)技術(shù)類文章，記錄自己的學(xué)習(xí)歷程。每天進(jìn)步一點(diǎn)，不斷提高自己的自學(xué)能力及技能。

同時(shí)根據(jù)生產(chǎn)環(huán)境的需求，模擬Web前端開發(fā)場(chǎng)景，如：在威客網(wǎng)站或者外包網(wǎng)站的查詢相關(guān)的項(xiàng)目，將學(xué)生分成若干個(gè)開發(fā)小組并成立工作室，通過(guò)互相學(xué)習(xí)，團(tuán)體合作，快速學(xué)習(xí)Web前端開發(fā)技能并完成所要求的Web頁(yè)面。最后橫向比較各個(gè)開發(fā)小組開發(fā)出的Web前端頁(yè)面的優(yōu)劣，讓學(xué)生可以做到熟練地運(yùn)用Web開發(fā)技術(shù)在相應(yīng)的場(chǎng)景中，并學(xué)會(huì)與自己的上游和下游團(tuán)隊(duì)的合作。在此過(guò)程中，需要學(xué)生花費(fèi)大量的時(shí)間來(lái)訓(xùn)練、學(xué)習(xí)代碼規(guī)范并書寫代碼。

5 基于職場(chǎng)需求培養(yǎng)職業(yè)規(guī)劃能力

職業(yè)規(guī)劃能力需要全面的、長(zhǎng)期的關(guān)注及培養(yǎng)。本課程中的職業(yè)規(guī)劃涉及的主要內(nèi)容：在培養(yǎng)學(xué)生Web前端開發(fā)技能中滲透行業(yè)的發(fā)展趨勢(shì)及職場(chǎng)崗位的需求變化，隨著學(xué)生學(xué)識(shí)水平的提高及職業(yè)技能成熟化，學(xué)生渴望在職場(chǎng)希望進(jìn)一步提升或者職場(chǎng)角色的轉(zhuǎn)變，則需要提前了解相關(guān)職位及所需的職業(yè)技能。教師可在授課過(guò)程中給學(xué)生提供必要的指導(dǎo)，明確崗位轉(zhuǎn)換方向：若繼續(xù)技術(shù)類工作，則可晉級(jí)或轉(zhuǎn)變的崗位有：JS工程師、Web全棧工程師、AI工程師（Python方向）等崗位；若轉(zhuǎn)變成技術(shù)管理類工作，則可轉(zhuǎn)變的崗位有：項(xiàng)目經(jīng)理、項(xiàng)目架構(gòu)師、項(xiàng)目分析師，可讓學(xué)生通過(guò)國(guó)家軟考了解相關(guān)知識(shí)。最終讓學(xué)生對(duì)自己的將來(lái)職業(yè)有一個(gè)比較清晰的認(rèn)知，具備一定的職業(yè)規(guī)劃能力。

6 結(jié)束語(yǔ)

通過(guò)重構(gòu)Web前端開發(fā)技術(shù)課程，已取得初步成效，2021、2022屆畢業(yè)生不少同學(xué)都應(yīng)聘到了Web前端開發(fā)崗位，成為合格的Web前端工程師。Web前端開發(fā)崗位要求將隨著技術(shù)進(jìn)步和市場(chǎng)的需求不斷變化，因此，在今后的Web前端開發(fā)技術(shù)課程教學(xué)中必須緊跟技術(shù)發(fā)展前沿和市場(chǎng)需求，不斷重構(gòu)、完善、優(yōu)化課程教學(xué)內(nèi)容，探索與實(shí)踐新的教學(xué)方法。