趙美花

摘? 要：在“1+X證書”背景下，交互式Web前端開發(fā)作為職業(yè)技能等級(jí)標(biāo)準(zhǔn)中的重要技術(shù)其地位不言而喻。本文依據(jù)Web前端開發(fā)職業(yè)等級(jí)標(biāo)準(zhǔn)的內(nèi)容，通過對(duì)原有課程標(biāo)準(zhǔn)分析，從課程定位、課程目標(biāo)、課程內(nèi)容、課程考核、教學(xué)實(shí)施建議等方面內(nèi)容的研究，制定適合1+X證書標(biāo)準(zhǔn)和崗位需求的交互式Web前端開發(fā)課程標(biāo)準(zhǔn)，從而為同類高職院校交互式Web前端開發(fā)課程標(biāo)準(zhǔn)的設(shè)置提供一定的借鑒。

關(guān)鍵詞：1+X證書? 職業(yè)等級(jí)標(biāo)準(zhǔn)? 高職院校? 交互式Web前端開發(fā)? 課程標(biāo)準(zhǔn)

中圖分類號(hào)：TP312-4;G712? ? ? ? ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A? ? ? ? ? ? ? ? ?文章編號(hào)：1674-098X（2020）09（b）-0152-03

Abstract：Under the background of "1 + X certificate"， interactive web front-end development plays an important role as a main technical ability in vocational skill level standard. This paper formulates the interactive web front-end development curriculum standard suitable for the 1 + X certificate standard and job requirements，based on the content of the web front-end development vocational level standard， through the analysis of the original curriculum standard， from the aspects of curriculum positioning， curriculum objectives， curriculum content， curriculum assessment， teaching implementation suggestions， etc.， so as to provide some reference for similar vocational colleges.

Key Words：1 + X certificate; Occupational grade standard; Higher vocational colleges; Interactive web front-end development; Curriculum standard

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)頁的交互，為用戶提供流暢美觀的瀏覽效果。近年來，互聯(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)用，成為Web開發(fā)人員的迫切需求。目前，市面上JavaScript和jQuery技術(shù)相關(guān)書籍和資料非常多，但是針對(duì)“1+X證書”中的交互式Web前端開發(fā)技術(shù)的資料寥寥無幾，在這樣背景下分析JavaScript和jQuery現(xiàn)有的資料，制定適用于“1+X證書”標(biāo)準(zhǔn)的交互式Web前端開發(fā)課程標(biāo)準(zhǔn)有利于推進(jìn)國(guó)家倡導(dǎo)的培養(yǎng)專業(yè)知識(shí)技能過硬、職業(yè)素養(yǎng)高、綜合職業(yè)能力更強(qiáng)的技術(shù)技能型計(jì)算機(jī)人才。

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

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

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

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)。

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)

- 能使用JavaScript開發(fā)交互效果頁面。

- 能正確選擇數(shù)據(jù)類型、設(shè)置變量，能使用運(yùn)算等基礎(chǔ)語言和內(nèi)置函數(shù)實(shí)現(xiàn)數(shù)據(jù)交互。

- 能正確使用JavaScript對(duì)象和DOM編程實(shí)現(xiàn)交互效果頁面。

- 能使用JavaScript OOP、原型鏈、常用設(shè)計(jì)模式等原生的方式開發(fā)網(wǎng)頁。

- 能使用jQuery選擇器、jQuery中DOM操作、滾動(dòng)、圖表、布局、文字處理及UI等插件、jQuery時(shí)間和動(dòng)畫等功能開發(fā)交互效果頁面。

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

- 逐步形成結(jié)構(gòu)化程序設(shè)計(jì)的思想。

- 能借助資料順利閱讀他人編寫的應(yīng)用程序。

- 具有較強(qiáng)的動(dòng)手實(shí)踐、獨(dú)立和合作編寫程序解決實(shí)際問題的能力。

- 能夠較熟練的對(duì)程序進(jìn)行調(diào)試和測(cè)試。

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

- 養(yǎng)成善于思考、深入研究的良好自主學(xué)習(xí)的習(xí)慣和創(chuàng)新精神。

- 具有結(jié)構(gòu)化程序設(shè)計(jì)思想和良好的編碼規(guī)范。

- 具有團(tuán)隊(duì)協(xié)作精神、溝通交流能力和書面表達(dá)能力。

- 具有愛崗敬業(yè)、遵守職業(yè)道德規(guī)范、誠(chéng)實(shí)、守信的高尚品格。

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

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

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

本課程內(nèi)容主要由四個(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ū)ο?、正則表達(dá)式等內(nèi)容組成。

3.4 教學(xué)資源要求

- 教材選取原則：以《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í)的教材。

- 教學(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é)習(xí)場(chǎng)地、設(shè)施要求：操作系統(tǒng) -Windows 7/8/10;開發(fā)工具 -Chrome瀏覽器、VS Code編輯器。

3.5 課程考核方案

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

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

在教學(xué)過程中，應(yīng)立足于加強(qiáng)學(xué)生實(shí)際操作能力的培養(yǎng)，采用“教、學(xué)、做”教學(xué)，用實(shí)例來引導(dǎo)學(xué)生學(xué)習(xí)技能，并通過動(dòng)手實(shí)訓(xùn)，讓學(xué)生自己理解并歸納、掌握基本的編程知識(shí)與常識(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)目?jī)?nèi)容。

4? 結(jié)語

在“1+X證書”制度下，要使高職計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的學(xué)生在學(xué)習(xí)交互式Web前端開發(fā)課程的過程中更能滿足目前信息化產(chǎn)業(yè)對(duì)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ā)課程有借鑒意義。

參考文獻(xiàn)

[1] 李冬睿，楊穎，邱尚明，等.1+X證書制度下的高職PHP應(yīng)用開發(fā)課程標(biāo)準(zhǔn)制定[J].計(jì)算機(jī)教育，2019（9）：3-6.

[2] 葛懷雨.1+X證書制度下高職院校軟件技術(shù)專業(yè)《JavaScript程序設(shè)計(jì)》課程標(biāo)準(zhǔn)的制定[J].電腦知識(shí)與技術(shù)，2020（10）：94-95.

[3] 顏晶晶.基于工作過程的高職《JavaWeb應(yīng)用開發(fā)》課程標(biāo)準(zhǔn)探討[J].湖北函授大學(xué)學(xué)報(bào)，2012（6）：109-110.

[4] 郝靜靜，馮維娜.基于1+X證書制度的Web前端開發(fā)課程教學(xué)模式研究[J].辦公自動(dòng)化，2020（8）：37-39.

[5] 焦新偉.HTML5在WEB前端開發(fā)中的應(yīng)用研究[J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用，2020（4）：73-75.

[6] 于營(yíng)，劉小飛，楊婷婷，等.《Web前端技術(shù)》課程教學(xué)改革與實(shí)踐[J].農(nóng)家參謀，2020（15）：130-131.

[7] 郭小琛.1+X證書Web前端開發(fā)試點(diǎn)探索與實(shí)踐[J].福建電腦，2020（5）：32-34.

[8] 余彬.“大職教觀”視域下職業(yè)教育1+X證書制度的實(shí)施[J].教育與職業(yè)，2020（11）：20-27.

[9] 黃洋，劉義國(guó).職業(yè)教育國(guó)家教學(xué)標(biāo)準(zhǔn)實(shí)施情況調(diào)研與啟示[J].中國(guó)職業(yè)技術(shù)教育，2020（14）：83-86.