文 | 貴陽職業(yè)技術(shù)學(xué)院 譚麗君
隨著互聯(lián)網(wǎng)與移動技術(shù)的飛速發(fā)展,Web前端開發(fā)技術(shù)在網(wǎng)站、智能終端、移動APP、物聯(lián)網(wǎng)、響應(yīng)式開發(fā)等領(lǐng)域廣泛應(yīng)用,Web前端開發(fā)就業(yè)前景廣闊,企業(yè)對人才的需求量大,但目前高職院校開設(shè)的《Web前端開發(fā)》課程教學(xué)內(nèi)容比較陳舊,與行業(yè)脫節(jié),跟不上行業(yè)發(fā)展,學(xué)生畢業(yè)時達(dá)不到從事Web前端開發(fā)的職業(yè)能力,供需矛盾突出。亟需對《Web前端開發(fā)》課程進(jìn)行改革研究。
隨著Web前端技術(shù)的高速發(fā)展,Web前端開發(fā)工作早已不是編寫幾個簡單的靜態(tài)頁面就可以完成的,需要實(shí)現(xiàn)復(fù)雜的用戶界面和的業(yè)務(wù)邏輯,學(xué)生只掌握HTML+CSS+JavaScript,是無法滿足崗位需求,必須要掌握前端框架技術(shù)Vue。但是大部分高職院校把HTML+CSS+JavaScript和前端框架技術(shù)Vue,分成兩門課程,兩門課程嚴(yán)重脫節(jié),大部分老師不講如何使用Vue框架技術(shù)應(yīng)用到Web前端開發(fā)項(xiàng)目中,導(dǎo)致學(xué)生所學(xué)技能,不能滿足目前Web前端開發(fā)的業(yè)務(wù)邏輯以及高效率,達(dá)不到企業(yè)崗位要求。
目前,高職《Web前端開發(fā)》課程,在教學(xué)內(nèi)容設(shè)計(jì)上,大部分仍然采用傳統(tǒng)的知識點(diǎn)類型劃分章節(jié)的模式,教學(xué)內(nèi)容局限于各個命令、語法的基礎(chǔ)使用,沒有對接Web前端開發(fā)項(xiàng)目工作流程,缺少項(xiàng)目化的教學(xué)內(nèi)容,學(xué)生不知道在真實(shí)項(xiàng)目中如何運(yùn)用HTML+CSS+JavaScript和Vue技術(shù)。
傳統(tǒng)授課中教學(xué)模式單一,信息化教學(xué)手段匱乏,教師在講解案例時,直接講代碼,沒有將復(fù)雜的代碼進(jìn)行分解和形象化,沒有讓學(xué)習(xí)的知識通俗易懂,學(xué)生學(xué)習(xí)有難度,導(dǎo)致學(xué)生學(xué)習(xí)積極性不高、課堂互動性不足、學(xué)生缺乏學(xué)習(xí)興趣。
目前,很多學(xué)校的《Web前端開發(fā)》課程考核方案中,仍然是平時成績占40%+期末考核占60%的模式,其中平時成績只包括學(xué)生上課考勤和完成課后作業(yè)情況,期末考核占比較大,缺乏有效的過程性評價(jià)。這種考核機(jī)制偏重期末考核,忽視整個學(xué)習(xí)過程,就會忽略對學(xué)生學(xué)習(xí)態(tài)度、課堂表現(xiàn)、職業(yè)技能、創(chuàng)新思維能力的考核,從而不利于對學(xué)生綜合水平的考察。
對接崗位需求是高職課程開發(fā)的基礎(chǔ),所以,必須要對企業(yè)崗位的需求進(jìn)行調(diào)查研究,否則開發(fā)出來的課程會與企業(yè)需求脫節(jié)。在BOSS直聘網(wǎng)站上,搜索“Web前端開發(fā)”關(guān)鍵詞,學(xué)歷要求為大專,從大量的搜索到的結(jié)果中發(fā)現(xiàn),大部分企業(yè)都要求熟練掌握HTML、CSS、JavaScript前端開發(fā)技術(shù),熟悉前端主流技術(shù)框架Vue,有相關(guān)項(xiàng)目經(jīng)驗(yàn)者優(yōu)先。
《Web 前端開發(fā)》課程內(nèi)容要對接Web前端開發(fā)崗位需求,就必須重組教學(xué)內(nèi)容,在原有的HTML+CSS+JavaScript技術(shù)之上,加上主流框架技術(shù)Vue。并且,教學(xué)內(nèi)容結(jié)構(gòu)應(yīng)打破傳統(tǒng)的知識點(diǎn)類型劃分章節(jié)的模式,將課程內(nèi)容按項(xiàng)目式重構(gòu),每個項(xiàng)目分解到各個任務(wù)中,以實(shí)現(xiàn)“崗課融通”。
“Web 前端開發(fā)”證書成為首批啟動的“1+X”5個職業(yè)技能等級證書之一,已在全國試點(diǎn)院校中全面推廣。Web 前端開發(fā)職業(yè)技能分為初、中、高3 個等級,初級和中級適合職業(yè)院校,高級適合應(yīng)用型本科。其中初級證書要求具有靜態(tài)網(wǎng)頁開發(fā)能力,中級證書要求具有動態(tài)網(wǎng)頁設(shè)計(jì)開發(fā)能力,高級證書要求具有復(fù)雜網(wǎng)頁設(shè)計(jì)開發(fā)能力和網(wǎng)站架構(gòu)設(shè)計(jì)規(guī)劃能力。本課程所涉及的考證內(nèi)容包括:靜態(tài)網(wǎng)頁制作、網(wǎng)頁編程,從事響應(yīng)式網(wǎng)頁開發(fā)、Web前后端數(shù)據(jù)交互。因此,在《Web前端開發(fā)》課程中應(yīng)在教學(xué)內(nèi)容上融入“1+X”證書考試的內(nèi)容,學(xué)生學(xué)習(xí)本課程后,可以直接報(bào)名參加考證,實(shí)現(xiàn)“課證融通”。
《Web前端開發(fā)》課程對應(yīng)貴州省技能大賽賽項(xiàng)是“移動應(yīng)用開發(fā)”,本賽項(xiàng)面向產(chǎn)業(yè)主流技術(shù),通過完成一個完整的工作過程,使參賽選手熟悉并掌握世界技能大賽的技術(shù)規(guī)范和技術(shù)標(biāo)準(zhǔn)。因此,在《Web前端開發(fā)》課程中應(yīng)融入技能大賽的相關(guān)知識點(diǎn),比如:主流框架Vue,使用axios進(jìn)行網(wǎng)絡(luò)請求,通過后臺提供的接口快速接入數(shù)據(jù)。將技能大賽內(nèi)容融入課程,讓技能大賽不再僅僅是小部分學(xué)生的提升拔高,實(shí)現(xiàn)“課賽融通”。
教學(xué)時盡量避免使用深奧的專業(yè)術(shù)語,而是采用簡潔易懂的表達(dá)方式,將復(fù)雜的問題簡單化,多用表格、圖解、思維導(dǎo)圖框架分析的方式,將抽象問題形象化。講解案例時,不是直接講代碼,而是用框架分析法,將復(fù)雜的代碼進(jìn)行分解和形象化,以便學(xué)生能又快又好地學(xué)懂弄懂、輕松上手,并能實(shí)踐操作,提高學(xué)生學(xué)習(xí)興趣。
3.1.1 課程性質(zhì)與任務(wù)
本課程是軟件專業(yè)的專業(yè)核心課程,開課時間為高職第二學(xué)期,每周6學(xué)時,共 102 學(xué)時,前導(dǎo)課程為《高級程序設(shè)計(jì)語言(C語言)》,后續(xù)課程為《MySql數(shù)據(jù)庫》、《PHP程序設(shè)計(jì)》。在專業(yè)課程體系中起到承前啟后的作用。
本課程內(nèi)容面向Web 前端開發(fā)崗位,依托產(chǎn)教深度融合新模式,引入新技術(shù),融入職業(yè)技能等級證書要求,對接技能大賽要求,實(shí)現(xiàn)“崗課賽證”綜合育人模式,以立德樹人為引領(lǐng),培養(yǎng)學(xué)生掌握Web前端開發(fā)的流程,使用框架技術(shù)快速高效實(shí)現(xiàn)Web前端開發(fā)。
3.1.2 課程要求與目標(biāo)
《Web前端開發(fā)》課程的目標(biāo)是全面貫徹黨的教育方針,培育和踐行社會主義核心價(jià)值觀,落實(shí)立德樹人根本任務(wù),培養(yǎng)德技并修、服務(wù)區(qū)域產(chǎn)業(yè)發(fā)展的高素質(zhì)復(fù)合型技術(shù)技能人才。
(一)素質(zhì)目標(biāo)
1.培養(yǎng)學(xué)生終身學(xué)習(xí)態(tài)度,具備將知識與技能遷移應(yīng)用的能力;具有自我管理能力、職業(yè)生涯規(guī)劃能力;
2.具備團(tuán)隊(duì)協(xié)作、誠實(shí)守信等優(yōu)良品質(zhì),能合理地協(xié)調(diào)社會關(guān)系、人際關(guān)系;
3.培養(yǎng)勞動光榮、技能寶貴的勞動意識;
4.具備明規(guī)守則、嚴(yán)謹(jǐn)細(xì)致的職業(yè)素養(yǎng)和敢闖會創(chuàng)、務(wù)實(shí)擔(dān)當(dāng)?shù)穆殬I(yè)精神;
5.培養(yǎng)吃苦耐勞、樂于奉獻(xiàn)、精益求精的新時代工匠精神,樹立科技報(bào)國信念。
(二)知識目標(biāo)
1.熟悉HTML中常用標(biāo)簽及屬性;
2.熟悉CSS中常用樣式設(shè)置、彈性布局、自定義動畫;
3.熟悉JavaScript中變量、數(shù)組、對象、方法、事件;
4.熟悉Vue前端框架基礎(chǔ)知識、本地應(yīng)用、網(wǎng)絡(luò)應(yīng)用、綜合應(yīng)用。
(三)能力目標(biāo)
1.熟練使用HTML標(biāo)簽進(jìn)行頁面架構(gòu);
2.熟練使用CSS實(shí)現(xiàn)美化頁面的效果;
3.熟練JavaScript使用實(shí)現(xiàn)交互式效果。
4.熟練使用Vue前端框架技術(shù)實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)驅(qū)動;
5.熟練使用axios進(jìn)行網(wǎng)絡(luò)請求;
6.熟練使用后臺提供的接口快速接入數(shù)據(jù)的能力;
《Web 前端開發(fā)》課程是軟件技術(shù)專業(yè)學(xué)生必修內(nèi)容,旨在培養(yǎng)學(xué)生能具備Web 前端開發(fā)工作崗位的能力。本課程的開發(fā)依托產(chǎn)教深度融合模式,落實(shí)立德樹人的根本任務(wù),結(jié)合崗位和專業(yè)特點(diǎn),以市場需求為出發(fā)點(diǎn),以培養(yǎng)職業(yè)能力為核心,以工作過程為導(dǎo)向、工作任務(wù)為載體,將課程重構(gòu)為制作古詩詞欣賞頁面、制作黃果樹瀑布圖文宣傳頁、制作志愿者信息登記表、制作貴州美食頁面、制作紅色電影展播頁面、制作貴州美景頁面、制作購物計(jì)數(shù)器、制作圖片切換、制作貴州村超賽項(xiàng)記事本、制作貴州避暑景點(diǎn)頁面數(shù)據(jù)加載十個項(xiàng)目。
廢棄傳統(tǒng)的單一評價(jià)模式,采用過程性評價(jià)占比70%+綜合性評價(jià)占比30%的模式,其中過程性評價(jià),評價(jià)學(xué)生在整個課程學(xué)習(xí)中,對主要核心技能的掌握情況,突出學(xué)生自身的學(xué)習(xí)活動,學(xué)生通過過程性評價(jià),完成了學(xué)習(xí)目標(biāo)并獲得滿足感。有助于激勵和引導(dǎo)學(xué)生的學(xué)習(xí)。并且,教師可以通過過程性評價(jià),發(fā)現(xiàn)學(xué)生容易出錯和學(xué)生沒有掌握的知識技能,找到學(xué)生學(xué)習(xí)的困難所在,有助于教師修改教學(xué)方法,幫助學(xué)生解決問題,不斷提高教學(xué)效果。同時,也會發(fā)現(xiàn)很多同學(xué)的創(chuàng)新想法,教師給予表揚(yáng)和支持。
首先整理出《Web 前端開發(fā)》課程的核心內(nèi)容,包括核心知識點(diǎn)和核心技能項(xiàng)目,然后根據(jù)核心內(nèi)容制定課程考核方案,包括過程性評價(jià)和綜合性評價(jià),其中,過程性評價(jià)包括平時考核(考勤和作業(yè))和4次過程考核。通過評價(jià)實(shí)現(xiàn)對學(xué)生學(xué)習(xí)態(tài)度、課堂表現(xiàn)、職業(yè)技能、創(chuàng)新思維能力的考核,達(dá)到對學(xué)生綜合水平考察的目的。
基于“崗課賽證”融通的《Web前端開發(fā)》課程教改,在我校從2022年開始實(shí)施,已有3個學(xué)期,學(xué)生在學(xué)校能直接學(xué)到最新行業(yè)技術(shù),增強(qiáng)了學(xué)生對Web前端開發(fā)項(xiàng)目的實(shí)踐操作,學(xué)習(xí)效率顯著提高,有效提升學(xué)生編碼能力與職業(yè)素養(yǎng),提高Web前端開發(fā)人才培養(yǎng)質(zhì)量,提升畢業(yè)生就業(yè)質(zhì)量。