新時代Web前端開發課程新型教學手段的探究

摘要：本文對新時代Web前端開發課程新型教學手段進行了探討，文中首先對Web前端開發課程進行分析，其后對新型教學手段進行分析，主要為微課及微課制作，再其后對新型教學手段在Web前端開發課程中的主要應用方法進行展示，以期為現代Web前端開發課程發展提供借鑒。

關鍵詞：Web前端開發課程 ?新型教學手段 ?微課

隨著現代教學的理念的發展，對于教學手段的要求也在不斷提升，這主要是由于目前部分教學課程的內容十分復雜，有較強的抽象性，由此使教學的難度直線上升。Web前端開發課程就是教學中教學效果不理想、教學內容難念及重點多的課程，這也使得學生在Web前端開發課程中的學習效果差，無法實現向社會輸出需求人才的要求。

一、Web前端開發課程概述

該課程為信息系統與信息管理系統專業中一門主干課程，是實踐類課程，擁有較強的實用性，課程的教學目標是滿足企業前端開發工程師的知識技能需要。該課程核心為CSS、HTML、JavaScript語言和前端框架相應的知識，具有較大的市場需求，就業前景也較為樂觀。課程的主要內容主要含有前端開發技術關鍵技術與發展歷程;主流前端開發工具功能及使用操作，頁面運行方式及調試方式;前端頁面樣式及內容的制作方法和技巧;前端腳本語言應用及原理;主流前端開元框架應用;前端頁面綜合的設計方法。這一課程中的主要教學途徑為實際案例，以此使學生能夠掌握Web網頁前端制作技術和相關軟件運用，能夠全面了解網頁前端制作方法，掌握相應技巧，培養學生網頁前端頁面的設計和實現能力，同時能夠根據實際要求進行一定規模靜態網站開發能力。這門課程教學對于動態網站開發課程學習有奠定基礎的作用，同時也為學生從業于前端開發相應工作提供理論和應用基礎。

二、新型教學手段

本文探討的新型教學手段主要為微課教學模式，微課是現代較為新穎的教學手段，能夠符合Web前端開發課程教學的實際需要。

（1）微課概念

微課就是其字面意義，即簡潔、短小的課程，主要由某一具體的知識點、主題、案例、教學活動等各類形式的微型教學內容構成，這制作方式也較為靈活，比如拍攝、錄制等方式，后期再對視頻進行完善，最終形成課件、視頻、PPT等。微課課程課時一般在5到10分鐘。我國重視微課教學模式的推廣，在各大高校中得到了相應的重視程度。

（2）微課制作

微課制作的過程中，先進行學習內容的確定，并劃分教學重難點，選取典型案例，了解學生知識掌握程度，以此實現理想教學效果。在進行微課內容的設計過程中，要盡量微型化，通過將學習內容碎片化，使教學內容成為實用性強的精小信息模塊，通過微媒體方式進行呈現，比如小文本、小動畫等。對于知識內容的選定要保證精小，教學的主線清晰，能夠突出重點，與學生學習邏輯相符。微課核心是課程教學視頻，同時含有相關教學目標、教學課件、課程計劃以及測試等教學資源。在進行微課設計中，根據內容不同，也要積極應用不同的表現形式，使學生一目了然。微課視頻在制作過程中，可以選擇錄屏軟件、攝像等方式，在教學中靈活應用。

三、Web前端開發課程新型教學手段實踐應用

Web前端開發課程在開展教學的過程過程中，存在內容復雜的問題。課程內容包含了CSS、HTML、JavaScript語言和以其為核心的大量技術框架及解決方案。教學中，學生對于主流瀏覽器兼容性也要有所了解，通過工具的構建進行大量框架的管理，還需要規范編寫代碼，保證程序可讀性。所以針對該課程中存在的難點及重點進行微課開發，以此補充傳統課堂教學中存在的不足。

（1）課程設計和實施

以課程中Web前端設計表格的微課制作為例，微課中對前端頁面表格知識點進行講解，通過對知識點的應用教學，使學生了解表格應用的方法，理解表格基本結構，能夠完全掌握表格的制作技巧和方法。微課制作中涉及較多教學方法，通過圖像法和案例法來提出問題、明確主題，運用分解法、案例法和動畫法使問題得到解決，并講解相應的知識點，最后通過練習題讓學生的知識得到應用。主要為以下幾個詳細步驟：

①以問題引出教學內容。聯系實際生活，視頻距離介紹了在網站中常見表格的應用場景，以此使Web前端開發技術課程中表格知識點引出。在微課中提出的問題為，如何在網頁中實現表格的制作：②明確微課主題。在微課制作中，運用動畫中立體形象來介紹網頁表格基本的結構，從而使觀者明確這一視頻的主題內容;③結合實際案例，對表格制作內容及表格樣式制定過程分步驟進行講解，微課中使用動畫方式進行基本原理的講解，同時在微課中嵌入了編寫程序操作流程的視頻，使學生能力能夠聯系實際，對程序代碼有更加直觀的認識。在微課中也展示了瀏覽器中對代碼解釋后的效果，學生能夠通過視頻對程序運行結果進行直接觀看;④總結實踐。在微課尾段，進行了知識點的總結，幫助學生進行視頻內容的回顧。同時，在微課最后布置了相關的實踐練習，使學生能夠應用知識點。輔助材料中對例題及練習題相應的編號列出，以此使學生更容易進行比對。

（2）深化微課設計與應用效果

進行微課的制作時，不僅需要扎實的專業知識，同時也需要保證有計算機信息處理技術能力，使微課具有更強的吸引力。盡管能夠同微課平臺自行構件的方式來實施資源交流、共享，但在具體調查和實踐過程中發現，經過APP方式使用微課資源普及率和效果并不高，同時制作及推廣有較大的成本，以此使微課使用價值受到直接的負面影響。為了使這一問題得到有效解決，促使微課影響力、使用率得到提升，可以運用互聯網現有的平臺進行微課資源的建設。本文推薦以微信平臺作為微課資源建設平臺，以此提升微課資源的使用率以及影響。微信相對于其他平臺而言具有更加明顯的用戶優勢，根據騰訊2019年公布業績，微信用戶月活躍賬戶的數量，總計達到了11.12億，這說明了現代生活中，絕大多數的個體均擁有了自己的微信賬號，這龐大的用戶數量為微課提供了廣闊的發展基礎。

（3）Web前端開發設計的其他新型教學手段

隨著現代教育理念及科技手段、信息技術的快速發展，在進行教育、教學的過程中，擁有了更多的新型教學手段，微課是目前應用最為廣泛的一類。在今年疫情嚴重期間，就選擇了一種新型的網絡教學模式，教師通過互聯網信息技術，遠程進行教學。雖然這一教學機制還不夠全面，除了一些技術上難以突破的難關，還有較大的優化空間。在網絡課程教學的過程中，一般具有三個種類，首先是無互動型，學生觀看教師的錄制視頻來進行學習，無法與教師、學生建立溝通、聯系，此中教學的應用效果無法得到保證;其次是文字單向互動型，通過網絡授課平臺，教師實時進行授課，學生如果存在疑難點，可以通過文字交流框向老師提問。

四、結束語

在現代教學活動中，為了達成良好的教學效果，需要保證教學理念的正確性、教學手段的豐富性、教學模式的完善性，這三點需要高校努力達成。本文探討的Web前端開發設計課程，具有較高的學習難度，通過本文介紹的微課新型教學手段的應用，可以提升學生的學習效果，為學生提供更加豐富、有趣的學習途徑。未來發展中，微課這一教學手段應用會更加廣泛，同時也會得到逐步的完善。

參考文獻

[1]劉瑞文.以IT企業需求為導向的web前端開發課程混合教學模式研究[J].新教育時代電子雜志（教師版），2019，000（011）：109.

[2]邵熹雯，劉正東，楊光.基于混合式教學的web前端設計人才培養探索[J].軟件導刊·教育技術，2019，018（005）：86-87.

[3]楊琳，徐穎麗，趙建民.基于成果導向的高職Web前端開發綜合實踐課程設計案例[J].計算機教育，2019，293（05）：53-57.

基金項目

此文是2019年度吉林省職業教育與成人教育教學改革研究課題《新時代高職院校計算機應用技術專業Web前端開發課程的實踐研究》（課題編號：2019ZCY219）的支撐性研究成果。

作者簡介

祝艷麗（1982.9），女，吉林省松原市人，松原職業技術學院講師，研究方向是高職計算機、電子商務教學。