新時(shí)代Web前端開發(fā)課程新型教學(xué)手段的探究

摘要：本文對新時(shí)代Web前端開發(fā)課程新型教學(xué)手段進(jìn)行了探討，文中首先對Web前端開發(fā)課程進(jìn)行分析，其后對新型教學(xué)手段進(jìn)行分析，主要為微課及微課制作，再其后對新型教學(xué)手段在Web前端開發(fā)課程中的主要應(yīng)用方法進(jìn)行展示，以期為現(xiàn)代Web前端開發(fā)課程發(fā)展提供借鑒。

關(guān)鍵詞：Web前端開發(fā)課程 ?新型教學(xué)手段 ?微課

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

一、Web前端開發(fā)課程概述

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

二、新型教學(xué)手段

本文探討的新型教學(xué)手段主要為微課教學(xué)模式，微課是現(xiàn)代較為新穎的教學(xué)手段，能夠符合Web前端開發(fā)課程教學(xué)的實(shí)際需要。

（1）微課概念

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

（2）微課制作

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

三、Web前端開發(fā)課程新型教學(xué)手段實(shí)踐應(yīng)用

Web前端開發(fā)課程在開展教學(xué)的過程過程中，存在內(nèi)容復(fù)雜的問題。課程內(nèi)容包含了CSS、HTML、JavaScript語言和以其為核心的大量技術(shù)框架及解決方案。教學(xué)中，學(xué)生對于主流瀏覽器兼容性也要有所了解，通過工具的構(gòu)建進(jìn)行大量框架的管理，還需要規(guī)范編寫代碼，保證程序可讀性。所以針對該課程中存在的難點(diǎn)及重點(diǎn)進(jìn)行微課開發(fā)，以此補(bǔ)充傳統(tǒng)課堂教學(xué)中存在的不足。

（1）課程設(shè)計(jì)和實(shí)施

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

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

（2）深化微課設(shè)計(jì)與應(yīng)用效果

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

（3）Web前端開發(fā)設(shè)計(jì)的其他新型教學(xué)手段

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

四、結(jié)束語

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

參考文獻(xiàn)

[1]劉瑞文.以IT企業(yè)需求為導(dǎo)向的web前端開發(fā)課程混合教學(xué)模式研究[J].新教育時(shí)代電子雜志（教師版），2019，000（011）：109.

[2]邵熹雯，劉正東，楊光.基于混合式教學(xué)的web前端設(shè)計(jì)人才培養(yǎng)探索[J].軟件導(dǎo)刊·教育技術(shù)，2019，018（005）：86-87.

[3]楊琳，徐穎麗，趙建民.基于成果導(dǎo)向的高職Web前端開發(fā)綜合實(shí)踐課程設(shè)計(jì)案例[J].計(jì)算機(jī)教育，2019，293（05）：53-57.

基金項(xiàng)目

此文是2019年度吉林省職業(yè)教育與成人教育教學(xué)改革研究課題《新時(shí)代高職院校計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)Web前端開發(fā)課程的實(shí)踐研究》（課題編號：2019ZCY219）的支撐性研究成果。

作者簡介

祝艷麗（1982.9），女，吉林省松原市人，松原職業(yè)技術(shù)學(xué)院講師，研究方向是高職計(jì)算機(jī)、電子商務(wù)教學(xué)。