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

趙美花

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

關鍵詞：1+X證書? 職業等級標準? 高職院校? 交互式Web前端開發? 課程標準

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

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

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

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

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

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

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 知識目標

- 能使用JavaScript開發交互效果頁面。

- 能正確選擇數據類型、設置變量，能使用運算等基礎語言和內置函數實現數據交互。

- 能正確使用JavaScript對象和DOM編程實現交互效果頁面。

- 能使用JavaScript OOP、原型鏈、常用設計模式等原生的方式開發網頁。

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

3.2.2 職業能力目標

- 逐步形成結構化程序設計的思想。

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

- 具有較強的動手實踐、獨立和合作編寫程序解決實際問題的能力。

- 能夠較熟練的對程序進行調試和測試。

3.2.3 職業素質養成目標

- 養成善于思考、深入研究的良好自主學習的習慣和創新精神。

- 具有結構化程序設計思想和良好的編碼規范。

- 具有團隊協作精神、溝通交流能力和書面表達能力。

- 具有愛崗敬業、遵守職業道德規范、誠實、守信的高尚品格。

3.2.4 職業技能證書參考目標

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

3.3 課程內容與要求

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

3.4 教學資源要求

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

- 教學環境資源要求

- 教師要求：熟練掌握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前端開發的職業能力要求，有必要對原有教學標準進行改革。基于職業技能等級標準的交互式Web前端開發課程標準的制定，有利于高職院校推進“1+X證書”制度，同時對其他Web前端開發課程有借鑒意義。

參考文獻

[1] 李冬睿，楊穎，邱尚明，等.1+X證書制度下的高職PHP應用開發課程標準制定[J].計算機教育，2019（9）：3-6.

[2] 葛懷雨.1+X證書制度下高職院校軟件技術專業《JavaScript程序設計》課程標準的制定[J].電腦知識與技術，2020（10）：94-95.

[3] 顏晶晶.基于工作過程的高職《JavaWeb應用開發》課程標準探討[J].湖北函授大學學報，2012（6）：109-110.

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

[5] 焦新偉.HTML5在WEB前端開發中的應用研究[J].網絡安全技術與應用，2020（4）：73-75.

[6] 于營，劉小飛，楊婷婷，等.《Web前端技術》課程教學改革與實踐[J].農家參謀，2020（15）：130-131.

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

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

[9] 黃洋，劉義國.職業教育國家教學標準實施情況調研與啟示[J].中國職業技術教育，2020（14）：83-86.