趙美花

（延邊職業(yè)技術(shù)學(xué)院 信息技術(shù)與藝術(shù)設(shè)計(jì)系，吉林 延吉 133000）

0 引言

2019年3 月出臺(tái)的《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》是工業(yè)和信息化部教育與考試中心發(fā)布的。交互式Web前端開發(fā)技術(shù)廣泛應(yīng)用于Web前端開發(fā)，可以實(shí)現(xiàn)網(wǎng)頁的交互，為用戶提供流暢美觀的瀏覽效果[1]。近年來，互聯(lián)網(wǎng)用戶對(duì)瀏覽網(wǎng)頁時(shí)的用戶體驗(yàn)要求越來越高，因此前端開發(fā)技術(shù)越來越受到網(wǎng)站開發(fā)者的重視。JavaScript和jQuery為Web前端開發(fā)領(lǐng)域中舉足輕重的兩門語言?？焖?、全面、系統(tǒng)地理解并掌握這兩門語言的應(yīng)用[2]，成為Web開發(fā)人員的迫切需求。目前，市面上JavaScript和jQuery技術(shù)相關(guān)書籍和資料非常多，但是針對(duì)“1+X證書”中的交互式Web前端開發(fā)技術(shù)的資料寥寥無幾[3]。在這樣背景下，分析JavaScript和jQuery現(xiàn)有的資料，制定適用于“1+X證書”標(biāo)準(zhǔn)的交互式Web前端開發(fā)課程標(biāo)準(zhǔn)，有利于推進(jìn)國家倡導(dǎo)的培養(yǎng)專業(yè)知識(shí)技能過硬、職業(yè)素養(yǎng)高、綜合職業(yè)能力更強(qiáng)的技術(shù)技能型計(jì)算機(jī)人才[4]。

1 交互式Web前端開發(fā)課程標(biāo)準(zhǔn)制定理論依據(jù)

課程標(biāo)準(zhǔn)是國家課程的基本綱領(lǐng)性文件，是國家管理和評(píng)價(jià)課程的基礎(chǔ)，是國家對(duì)基礎(chǔ)教育課程的基本規(guī)范和質(zhì)量要求，也是教材編寫、教學(xué)、評(píng)估和考試命題的依據(jù)。它體現(xiàn)國家對(duì)不同階段的學(xué)生在知識(shí)與技能、過程與方法、態(tài)度與價(jià)值觀等方面的基本要求，規(guī)定各門課程的性質(zhì)、目標(biāo)、內(nèi)容框架，提出教學(xué)和評(píng)價(jià)建議[5]。

課程標(biāo)準(zhǔn)的制定以認(rèn)真貫徹落實(shí)《國家職業(yè)教育改革實(shí)施方案》為根本，在仔細(xì)認(rèn)真解讀《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》的基礎(chǔ)上，深入研究課程本身的特點(diǎn)和高職學(xué)生自身的素質(zhì)，最終制定滿足企業(yè)崗位需求的課程標(biāo)準(zhǔn)[6]。學(xué)校認(rèn)真貫徹“職教20條”“管好兩端、規(guī)范中間、書證融通、辦學(xué)多元”的原則，結(jié)合計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)特點(diǎn)，剖析計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)人才培養(yǎng)方案，對(duì)照“1+X證書”制度尋找差距和不足，不斷完善人才培養(yǎng)方案，培養(yǎng)出專業(yè)知識(shí)技能過硬、職業(yè)素養(yǎng)高、綜合職業(yè)能力更強(qiáng)的技術(shù)技能型計(jì)算機(jī)人才[7]。

《Web前端開發(fā)職業(yè)技能登級(jí)標(biāo)準(zhǔn)》對(duì)交互式Web前端開發(fā)課程的要求是能使用JavaScript開發(fā)交互效果頁面；能正確選擇數(shù)據(jù)類型、設(shè)置變量；能使用運(yùn)算等基礎(chǔ)語言和內(nèi)置函數(shù)實(shí)現(xiàn)數(shù)據(jù)交互；能正確使用JavaScript對(duì)象和DOM編程實(shí)現(xiàn)交互效果頁面；能使用jQuery選擇器，jQuery中的DOM操作、滾動(dòng)、圖標(biāo)、布局、文字處理及UI等插件，以及jQuery時(shí)間和動(dòng)畫等功能開發(fā)交互效果頁面[8]。

2 原有JavaScript和jQuery課程標(biāo)準(zhǔn)分析

在目前高職計(jì)算機(jī)類課程當(dāng)中，JavaScript和jQuery分為兩門課，是計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的核心專業(yè)課，主要任務(wù)是培養(yǎng)學(xué)生的網(wǎng)站前端開發(fā)中JavaScript和jQuery編程能力；培養(yǎng)學(xué)生運(yùn)用JavaScript和jQuery語言進(jìn)行前端開發(fā)的能力并使用JavaScript和jQuery語言解決實(shí)際問題的能力。JavaScript和jQuery作為前端開發(fā)的重要腳本語言，市面上有不少相關(guān)書籍與資料。這些資料都趨向于講解語言的基本語法、功能、使用案例等內(nèi)容，缺乏對(duì)Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)的針對(duì)性的資料。教師指導(dǎo)學(xué)生順利拿到Web前端開發(fā)等級(jí)證書同時(shí)掌握相應(yīng)的技術(shù)技能，有必要對(duì)原有的課程標(biāo)準(zhǔn)進(jìn)行修改，重新定制更符合職業(yè)技能等級(jí)標(biāo)準(zhǔn)的課程標(biāo)準(zhǔn)[9]。

3 基于職業(yè)技能等級(jí)標(biāo)準(zhǔn)的交互式Web前端開發(fā)課程標(biāo)準(zhǔn)

3.1 課程定位

交互式Web前端開發(fā)課程是專注于Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)的初級(jí)課程，內(nèi)容涉及JavaScript基礎(chǔ)知識(shí)和進(jìn)階知識(shí)兩部分，是圍繞“互聯(lián)網(wǎng)+”、新型技術(shù)行業(yè)帶來的Web前端開發(fā)技術(shù)技能人才需求，培養(yǎng)具有良好職業(yè)道德和人文素養(yǎng)，掌握Web前端開發(fā)基礎(chǔ)知識(shí)，具備靜態(tài)網(wǎng)頁設(shè)計(jì)、開發(fā)、調(diào)試、維護(hù)等能力，能從事Web前端軟件編碼等工作的技術(shù)技能人才。

課程開設(shè)的主要目的是培養(yǎng)學(xué)生的腳本編程素質(zhì)，提高學(xué)生的交互式Web前端程序開發(fā)能力。通過“教、學(xué)、做”一體化教學(xué)，教師使學(xué)生掌握程序設(shè)計(jì)的基本方法并逐步形成正確的程序設(shè)計(jì)思想，熟練使用JavaScript和jQuery語言進(jìn)行Web前端開發(fā)程序設(shè)計(jì)并具備初步調(diào)試程序的能力，讓學(xué)生具備相關(guān)職業(yè)應(yīng)用型人才所必需的程序編制及創(chuàng)新設(shè)計(jì)等基本知識(shí)與技能，為后繼課程及其他程序設(shè)計(jì)課程的學(xué)習(xí)和應(yīng)用打下基礎(chǔ)。

與前續(xù)課程的關(guān)系：“HTML5+CSS3網(wǎng)頁設(shè)計(jì)與制作”使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的基本語言，培養(yǎng)學(xué)生靜態(tài)網(wǎng)站設(shè)計(jì)與制作技能。

與后繼課程的關(guān)系：為“BootStrap響應(yīng)式Web開發(fā)”“Web前端模塊化開發(fā)”“PHP+MySQL動(dòng)態(tài)網(wǎng)站開發(fā)”“Laravel框架開發(fā)”等課程的學(xué)習(xí)，提供程序開發(fā)能力的基礎(chǔ)。

3.2 課程目標(biāo)3.2.1 知識(shí)目標(biāo)

（1）能使用JavaScript開發(fā)交互效果頁面。（2）能正確選擇數(shù)據(jù)類型、設(shè)置變量，能使用運(yùn)算等基礎(chǔ)語言和內(nèi)置函數(shù)實(shí)現(xiàn)數(shù)據(jù)交互。（3）能正確使用JavaScript對(duì)象和DOM編程實(shí)現(xiàn)交互效果頁面。（4）能使用JavaScript OOP、原型鏈、常用設(shè)計(jì)模式等原生的方式開發(fā)網(wǎng)頁。（5）能使用jQuery選擇器，jQuery中DOM操作、滾動(dòng)、圖表、布局、文字處理及UI等插件，jQuery時(shí)間和動(dòng)畫等功能開發(fā)交互效果頁面。

3.2.2 職業(yè)能力目標(biāo)

（1）逐步形成結(jié)構(gòu)化程序設(shè)計(jì)的思想。（2）能借助資料順利閱讀他人編寫的應(yīng)用程序。（3）具有較強(qiáng)的動(dòng)手實(shí)踐、獨(dú)立和合作編寫程序解決實(shí)際問題的能力。（4）能夠較熟練地對(duì)程序進(jìn)行調(diào)試和測試。

3.2.3 職業(yè)素質(zhì)養(yǎng)成目標(biāo)

（1）養(yǎng)成善于思考、深入研究的良好自主學(xué)習(xí)的習(xí)慣和創(chuàng)新精神。（2）具有結(jié)構(gòu)化程序設(shè)計(jì)思想和良好的編碼規(guī)范。（3）具有團(tuán)隊(duì)協(xié)作精神、溝通交流能力和書面表達(dá)能力。（4）具有愛崗敬業(yè)、遵守職業(yè)道德規(guī)范、誠實(shí)、守信的高尚品格。

3.2.4 職業(yè)技能證書參考目標(biāo)

學(xué)生可以達(dá)到“1+X證書”職業(yè)技能等級(jí)標(biāo)準(zhǔn)規(guī)定的Web前端開發(fā)職業(yè)技能等級(jí)證書的要求。

3.3 課程內(nèi)容與要求

本課程內(nèi)容主要由4個(gè)部分組成，分別是JavaScript語言、DOM概念、BOM概念和jQuery語言。課程采用“知識(shí)講解+案例實(shí)踐”的方式來安排所有技術(shù)技能，及時(shí)有效地引導(dǎo)學(xué)生將學(xué)過的內(nèi)容串聯(lián)起來，培養(yǎng)學(xué)生分析問題和解決問題的綜合運(yùn)用能力。將抽象的概念具體化，學(xué)到的知識(shí)實(shí)踐化，學(xué)生不僅能理解和掌握基本知識(shí)，還能根據(jù)實(shí)際需求進(jìn)行擴(kuò)展和提高。具體內(nèi)容包括JavaScript概述、JavaScript基礎(chǔ)知識(shí)、JavaScript函數(shù)、JavaScript對(duì)象、DOM概念、BOM概念、JavaScript網(wǎng)頁特效、jQuery概念、JavaScript面向?qū)ο蟆⒄齽t表達(dá)式等內(nèi)容。

3.4 教學(xué)資源要求

（1）教材選取原則：以《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》中的職業(yè)素養(yǎng)和崗位技術(shù)技能為重點(diǎn)培養(yǎng)目標(biāo)，選取能夠使學(xué)生對(duì)Web前端開發(fā)的技術(shù)體系有更系統(tǒng)、更清晰認(rèn)識(shí)的教材。

（2）教學(xué)環(huán)境資源要求：第一，教師要熟練掌握Web前端開發(fā)技術(shù)中靜態(tài)網(wǎng)頁開發(fā)技術(shù)，具備靈活運(yùn)用JavaScript和jQuery語言開發(fā)網(wǎng)站交互效果頁面的能力，同時(shí)應(yīng)具備較豐富的教學(xué)經(jīng)驗(yàn)和組織教學(xué)能力。第二，教學(xué)設(shè)施包括操作系統(tǒng)（Windows 7/8/10）、開發(fā)工具（Chrome瀏覽器）和VS Code編輯器。

3.5 課程考核方案

本課程為考試課程，期末考試采用百分制的閉卷考試模式。學(xué)生的考試成績由平時(shí)成績（30%）和期末考試（70%）組成。其中，平時(shí)成績包括出勤（5%）、作業(yè)（5%）和上機(jī)成績（20%）。同時(shí)，Web前端開發(fā)職業(yè)技能等級(jí)考試也可以作為課程考核的方案。

3.6 教學(xué)實(shí)施建議

在教學(xué)過程中，教師應(yīng)培養(yǎng)學(xué)生的實(shí)際操作能力，采用“教、學(xué)、做”的教學(xué)方式，用實(shí)例來引導(dǎo)學(xué)生學(xué)習(xí)技能，并通過動(dòng)手實(shí)訓(xùn)，讓學(xué)生自己理解、歸納并掌握基本的編程知識(shí)。教師結(jié)合線上線下實(shí)訓(xùn)、與項(xiàng)目實(shí)例相結(jié)合的教學(xué)方式，以面向門戶網(wǎng)站、交易類網(wǎng)站、企事業(yè)網(wǎng)站、娛樂性質(zhì)網(wǎng)站的規(guī)劃與建設(shè)、開發(fā)與維護(hù)，關(guān)系型數(shù)據(jù)庫開發(fā)與管理為實(shí)訓(xùn)項(xiàng)目內(nèi)容。

4 結(jié)語

在“1+X證書”制度下，要使高職計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的學(xué)生在學(xué)習(xí)交互式Web前端開發(fā)課程的過程中掌握職業(yè)能力，教師有必要對(duì)原有教學(xué)標(biāo)準(zhǔn)進(jìn)行改革?；诼殬I(yè)技能等級(jí)標(biāo)準(zhǔn)的交互式Web前端開發(fā)課程標(biāo)準(zhǔn)有利于高職院校推進(jìn)“1+X證書”制度，同時(shí)對(duì)其他Web前端開發(fā)課程有借鑒意義。