趙美花

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

0 引言

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

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

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

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

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

2 原有JavaScript和jQuery課程標準分析

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

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

3.1 課程定位

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

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

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

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

3.2 課程目標3.2.1 知識目標

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

3.2.2 職業(yè)能力目標

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

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

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

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

學生可以達到“1+X證書”職業(yè)技能等級標準規(guī)定的Web前端開發(fā)職業(yè)技能等級證書的要求。

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

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

3.4 教學資源要求

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

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

3.5 課程考核方案

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

3.6 教學實施建議

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

4 結(jié)語

在“1+X證書”制度下，要使高職計算機應用技術(shù)專業(yè)的學生在學習交互式Web前端開發(fā)課程的過程中掌握職業(yè)能力，教師有必要對原有教學標準進行改革。基于職業(yè)技能等級標準的交互式Web前端開發(fā)課程標準有利于高職院校推進“1+X證書”制度，同時對其他Web前端開發(fā)課程有借鑒意義。