“互聯網+”時代背景下的《H5網頁前端開發》課程教學改革探索

牛蕓，劉婧，祝瑞玲

(山東傳媒職業學院,山東濟南 250200)

1 課程概況

1.1 人才培養狀況

山東傳媒職業學院軟件技術專業隸屬于學院信息工程系，近年來學生招生數量不斷攀升，隨著國家“互聯網+”戰略，需要大量的從事網站開發及移動端應用開發的軟件技術技能人才，人才需求量大，就業前景可觀。學院軟件技術專業人才培養不斷優化，通過調研，確定專業面向崗位群包含網站開發領域崗位，具體包括：網站前端設計師、網站后臺開發與管理、網站運營與維護。該專業的人才培養面向各企事業單位網站、軟件開發公司和網絡公司等，培養能夠在網站策劃與編輯、網站前端開發、網站后臺開發、網站運營與維護及移動端開發等崗位上，具備網站規劃與設計、網站前端與后臺開發、網站運營維護、移動端WEB及APP開發的高素質技術技能人才。

1.2 課程性質

根據專業人才培養目標及人才培養方案，《H5網頁前端開發》課程是軟件技術專業的一門專業核心課程，直接面向的是行業企業中的網站前端開發、移動WEB開發工作崗位，培養的是具有網站前端開發能力的高素質技術技能人才，同時所培養的也是網站開發專業領域必備的核心基礎能力之一。《H5網頁前端開發》這門課程就是培養網站開發技術中最基礎最核心的能力：“網站前端開發”，既包括PC端網站又包括移動端網站。該課程學習直接面向實際網站前端開發工作崗位，學生在掌握專業技能的同時可以考取ACCD、CCWD、CIW等網頁設計師職業資格證書，提高學生的專業競爭力及就業能力，實現與職業崗位的直接對接。

2 課程改革

2.1 課程改革目標

學院《H5網頁前端開發》課程改的總目標是：基于實現對行業需求的H5 WEB前端技能人才的培養，結合學院軟件技術專業的WEB前端課程：《H5網頁前端開發》，實現課程內容、教學過程、教學模式、教學方法及考核方式等方面的課程整體改革。構建包含主流H5技術及移動前端開發的課程內容；采用 “基于工作過程”進行項目化課程整體設計；改革教學模式，構建課程的數字化網絡教學平臺，實現在線課程的開發與應用，并結合翻轉課堂，提高教學質量與學習效果，培養出適應WEB前端崗位需求的高素質技能型人才。

2.2 課程改革內容

2.2.1 基于WEB前端開發崗位職業能力分析，面向HTML5進行課程結構與內容的全面升級

WEB前端課程教學中普遍存在的問題是課程內容落后，缺乏Html5等主流技術的教學，導致無法實現學生培養與WEB前端崗位的對接的問題。在本課題研究過程中，結合學院軟件技術專業的WEB前端課程：《網頁設計與制作》這門課程，充分調研WEB前端開發崗位的職業需求。在原有的課程內容：HTML，CSS，Javascript等基礎上補充 HTML5，CSS3，DOM，JQuery，Ajax及Bootstrap等企業崗位急需掌握的新知識與技能；在網頁布局方式上學習主流的DIV CSS布局；并在傳統PC端網頁布局的基礎上，增加移動WEB頁面的布局，學習響應式網頁布局方法。實現課程內容體系的全面、全新升級，通過添加H5新技術、移動WEB應用、響應式布局技術，使課程內容真正適應現今真實的職業崗位需求。

2.2.2 基于“工作過程”的項目化教學設計，培養學生的職業能力與職業素養

針對WEB前端開發課程中學生缺乏開發經驗及對WEB前端開發的宏觀把握能力的問題。高職高專院校應樹立基于Web前端職業崗位工作過程，培養職業能力和職業素質的課程觀。通過深入WEB應用開發公司進行職業崗位需求調查，在課程設計時按照實際的工作過程進行課程開發。將課程內容設計為五個項目：（1）認識網頁與網站；（2）制作 HTML5 CSS3 網頁；（3）制作DIV CSS布局網頁；（4）制作PC端企業網站；（5）實現移動端WEB應用設計。五個項目分別從WEB開發基本素養、網頁內容制作、網頁布局技術、PC端交互式網站制作、移動端WEB應用與響應式網頁技術等方面對學生進行培養，課程培養體系完整。

2.2.3 基于HTML5的WEB前端課程在線開發與應用，構建“互聯網+”學習模式

依托學院建設的網絡教育平臺，將WEB前端課程《網頁設計與制作》的線下教學資源進行設計整理，整合到線上，實現課程的在線開發與學習者的在線學習。教師按照教學項目構建線上課程體系，并將教學進度、教案、課件、教學視頻、作業任務、測試題等課程資源發布到在線課程平臺，學生在教師的引導下，進行在線自主學習。這種基于“互聯網+”的在線學習模式，方便了網絡教學資源的整合，增強師生之間的學習互動，滿足了學生個性化的學習需求。與傳統課堂教學的以教師為中心，學生被動的學習相比，極大地提高學生的學習積極性與主觀能動性，更適應“互聯網+”時代的學習需求，將有效提高教學效果。

2.2.4 基于翻轉課堂的融合教學模式探索，真正實現“以學生為中心”的教學理念

翻轉課堂是傳統課堂中知識傳授與知識內化的顛倒，是師生互動、激發學習興趣的有力手段。在WEB前端課程《網頁設計與制作》教學中，結合在線教學平臺，采用翻轉課堂教學模式，課下讓學生利用在線教學平臺按照學習任務單進行自主學習，并完成任務；課上由教師對學生的任務完成情況進行評價、指導，并實現學生間作業的互評及改進，使學生在課堂上對知識技能的學習進一步升華。翻轉課堂的教學應用，提高了課堂的效率與效果，真正實現了“以學生為中心”，有效地培養學生職業技能及自主學習能力。

2.2.5 優化評價反饋機制，構建“全過程、全方位、綜合性”的考核評價體系

在傳統教學模式下，對該課程考核與評價一般是按照期末考試占50%、平時表現占20%和平時作業占30%來計算，借助“互聯網+”在線教學平臺，課程考核評價可以實現全程跟蹤、全面綜合考核，包括：(1)平時與期末考核相結合；(2)課程考核與綜合實訓相結合；(3)筆試與作品制作相結合；(4)教師與學生評價相結合。這樣，既能對學生在課程知識掌握程度和衡量編程能力程度方面進行客觀、公平、全面地評價，又能把學生學習的積極性調動起來，把其對編程的趣味性激發出來。

3 課改創新

3.1 課程內容與WEB前端行業技術需求的一致性

在大部分高校WEB前端技術課程教學遠遠落后于行業需求的狀況下，本課題將根據實際的崗位需求調研，調整課程內容、能力培養與行業需求的高度一致，增加H5技術、交互式網站技術、移動WEB開發技術、響應式網頁布局技術等行業需求的新技能，真正實現基于職業崗位需求的人才培養。

3.2 以“開發過程”為主線的項目化教學改革

從職業需求出發，按照“工學結合”的課程理念設計由易到難，由單一到綜合的教學項目。每個項目由一系列按照開發過程設計的有序任務組成，比如開發環境搭建、網頁內容制作、網頁布局設計、網頁交互設計等，學生按照實際的開發步驟，通過完成設定的任務實現項目。“教學過程”按照“開發過程”展開，培養學生的前端開發能力與職業素養。

3.3 在線課程資源與翻轉課堂的融合應用

完成課程的網絡教育平臺建設，實現豐富的教學資源的線上應用，并結合線下的“翻轉課堂”實現教學模式改革，“以學生為主體”，讓學生作為學習的主人，課堂的主人，培養學生的自學能力，職業能力和可持續發展能力。

3.4 面向編程教學的WEB前端課程理念，培養學生的WEB開發根本之道

改變教學中普遍存在的“重軟件，輕開發”的教學理念，將WEB前端技術課程作為編程開發課程來教學， 使學生真正掌握 HTML5、CSS3、DOM、Javascript、JQuery及Bootstrap等實質技術，培養學生根本的WEB開發能力，增強學生職業生涯的可持續發展能力。

綜上所述，在大數據時代與“互聯網+”背景下，高職院校應該抓住機遇，積極探索基于HTML5的WEB前端開發課程的建設，培養真正適合市場需求及WEB行業需求的高素質WEB前端技能人才。