“1+X證書”背景下高職交互式Web前端開發課程標準制定設計研究

趙美花

（延邊職業技術學院 信息技術與藝術設計系，吉林 延吉 133000）

0 引言

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

1 交互式Web前端開發課程標準制定理論依據

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

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

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

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

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

3 基于職業技能等級標準的交互式Web前端開發課程標準

3.1 課程定位

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

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

與前續課程的關系：“HTML5+CSS3網頁設計與制作”使學生掌握網頁設計與制作的基本語言，培養學生靜態網站設計與制作技能。

與后繼課程的關系：為“BootStrap響應式Web開發”“Web前端模塊化開發”“PHP+MySQL動態網站開發”“Laravel框架開發”等課程的學習，提供程序開發能力的基礎。

3.2 課程目標3.2.1 知識目標

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

3.2.2 職業能力目標

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

3.2.3 職業素質養成目標

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

3.2.4 職業技能證書參考目標

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

3.3 課程內容與要求

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

3.4 教學資源要求

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

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

3.5 課程考核方案

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

3.6 教學實施建議

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

4 結語

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