“Web前端開發(fā)技術(shù)”課程教學(xué)模式研究

摘? 要：當(dāng)前，推進(jìn)地方本科院校轉(zhuǎn)型發(fā)展，深化高等教育創(chuàng)新和改革成為了新常態(tài)。各地高校積極開展對產(chǎn)教融合和應(yīng)用型人才培養(yǎng)的探索。本文以信息管理與信息系統(tǒng)專業(yè)的“Web前端開發(fā)技術(shù)”課程為例，分析了該課程教學(xué)模式改革的設(shè)計思路和實(shí)施方案，闡述了該課程改革措施的實(shí)施過程和應(yīng)用效果，以期為該門課程以及相關(guān)課程的教學(xué)模式改革提供借鑒和參考。

關(guān)鍵詞：教學(xué)模式;高等教育;Web前端開發(fā)技術(shù)

中圖分類號：TP393.09-4? ? ? 文獻(xiàn)標(biāo)識碼：A 文章編號：2096-4706（2019）01-0131-02

Practice of Teaching Mode Reform in the Course of

“Web Front-end Developing Technology”

MENG Yao

（School of Information Engineering，Eastern Liaoning University，Dandong? 118000，China）

Abstract：At present，it has become the new trend to promote the transformation and development of local universities，and to deepen educational innovation and reform. Universities all over the country are actively exploring the integration of industry and education and the training of applied talents. Based on the course of “web front-end developing technology” in the major of information management and information systems，this paper analyzes the design ideas and implementation scheme of its teaching mode reform and illustrates the conduction procedures of its reform measures and effects，in order to provide reference and reference for the teaching reform of this course and related courses.

Keywords：teaching mode;higher education;web front-end developing technology

0? 引? 言

在高校轉(zhuǎn)型發(fā)展、改革和創(chuàng)新人才培養(yǎng)模式的背景下，貫徹學(xué)校轉(zhuǎn)型發(fā)展和教育創(chuàng)新的方針，把提高培養(yǎng)質(zhì)量，推進(jìn)應(yīng)用型人才培養(yǎng)作為課程改革的重要價值取向，已經(jīng)成為眾多地方本科院校追求的辦學(xué)目標(biāo)[1]。遼東學(xué)院亦于近幾年開展了一系列的課程教學(xué)模式改革項(xiàng)目。本文介紹了信息管理與信息系統(tǒng)專業(yè)“Web前端開發(fā)技術(shù)”課程的內(nèi)容和特點(diǎn)，探討了該課程教學(xué)模式改革的實(shí)施情況及其對教學(xué)效果的影響。

1? 教學(xué)模式

教學(xué)模式的概念是由美國學(xué)者B.Joyce和M.Weil在《Models of Teaching》一書中提出的，他們認(rèn)為教學(xué)模式是“系統(tǒng)地探討教育目的、教學(xué)策略、課程設(shè)計和教材，以及社會和心理理論之間相互影響的，可以使教師行為模式化的各種可供選擇的類型[2]。多年來，各種教學(xué)模式層出不窮，改革和創(chuàng)新一直是教育發(fā)展的動力和主題。教學(xué)模式改革是提高教學(xué)質(zhì)量的重要舉措，也是高校不斷推進(jìn)的一項(xiàng)重要內(nèi)容[3]。改革的核心是課程教學(xué)改革，如修訂培養(yǎng)方案，加強(qiáng)主干課程的建設(shè)，樹立樣板，以點(diǎn)帶面;增加課程實(shí)踐，增加實(shí)踐學(xué)時，提升學(xué)生的實(shí)踐和動手能力;開展學(xué)生活動，建設(shè)實(shí)踐團(tuán)隊，通過競賽等方式提高學(xué)生參與的積極性，培養(yǎng)學(xué)生的自我學(xué)習(xí)和管理能力[4]。

2? “Web前端開發(fā)技術(shù)”課程教學(xué)模式改革

本節(jié)介紹了“Web前端開發(fā)技術(shù)”課程的內(nèi)容和特點(diǎn)，以及該課程于2018年春季學(xué)期進(jìn)行的教學(xué)改革的措施和效果。

2.1? 課程內(nèi)容與特點(diǎn)

本文討論的“Web前端開發(fā)技術(shù)”課程是信息管理與信息系統(tǒng)專業(yè)的一門專業(yè)主干課程，是一門實(shí)用性較強(qiáng)的實(shí)踐類課程。該課程圍繞HTML、CSS和JavaScript語言展開教學(xué)，市場需求量大，就業(yè)前景樂觀。原授課內(nèi)容包括：前端開發(fā)技術(shù)的發(fā)展歷程及關(guān)鍵技術(shù);主流前端開發(fā)工具的功能和使用，頁面的運(yùn)行和調(diào)試方法;前端頁面內(nèi)容與樣式制作的基本方法和技巧;前端腳本語言的原理和應(yīng)用。

該課程以實(shí)際案例為中心，旨在使學(xué)生掌握Web網(wǎng)頁的前端制作技術(shù)及相關(guān)軟件的使用，掌握網(wǎng)頁前端制作的基本方法和技巧，培養(yǎng)網(wǎng)頁前端頁面設(shè)計與實(shí)現(xiàn)的基本能力，具備根據(jù)實(shí)際需求開發(fā)一定規(guī)模的靜態(tài)網(wǎng)站的能力。該門課程的教學(xué)為后續(xù)動態(tài)網(wǎng)站開發(fā)類課程的學(xué)習(xí)奠定了必要的基礎(chǔ)，同時也為學(xué)生畢業(yè)后從事前端開發(fā)工程等相關(guān)工作奠定了扎實(shí)的理論及實(shí)踐基礎(chǔ)。

2.2? 教革設(shè)計與實(shí)施

為滿足企業(yè)對應(yīng)用型知識技能的需求，筆者調(diào)整了“Web前端開發(fā)技術(shù)”課程的教學(xué)內(nèi)容，改進(jìn)了教學(xué)方法，完善了考核方案，以培養(yǎng)合格的前端開發(fā)人才。圖1為課程教學(xué)改革的框架圖，具體設(shè)計實(shí)施內(nèi)容如下：（1）課程內(nèi)容：新增了主流前端開源框架的使用和前端頁面的綜合設(shè)計。（2）教學(xué)方法：重視實(shí)際應(yīng)用，機(jī)房授課，邊講授邊操作，理論與實(shí)踐緊密結(jié)合;結(jié)合實(shí)際網(wǎng)站案例;善用網(wǎng)絡(luò)資源，實(shí)時發(fā)布學(xué)習(xí)資料與實(shí)踐作業(yè)，同步實(shí)踐輔導(dǎo)。（3）學(xué)習(xí)資源：除了傳統(tǒng)的技術(shù)文檔、參考書籍和學(xué)校/學(xué)院圖書館資源外，還涵蓋了網(wǎng)絡(luò)資源。引入了師生互動平臺來輔助教學(xué)[5]，具體為：遼東學(xué)院網(wǎng)絡(luò)教學(xué)平臺上建設(shè)了“Web前端開發(fā)技術(shù)”課程[6]。（4）評價方法：平時考核包括階段作業(yè)和專題討論，考核知識點(diǎn)的掌握和應(yīng)用能力;期末考核包括綜合設(shè)計和答辯，考核綜合性靜態(tài)網(wǎng)站的開發(fā)能力。

2.3? 教革應(yīng)用與效果

該門課程的教學(xué)改革措施應(yīng)用于2018年春季學(xué)期開設(shè)的“Web前端開發(fā)技術(shù)”課程的實(shí)際教學(xué)中，該課程2.5學(xué)分，64學(xué)時。授課對象為信息管理與信息系統(tǒng)專業(yè)B1601和B1703班級學(xué)生（本科）。教學(xué)團(tuán)隊包括三名教師，其中兩名教師授課、實(shí)踐輔導(dǎo)和批改作業(yè)，另一名教師參與實(shí)踐輔導(dǎo)、上傳課程資料并發(fā)布/參與專題討論。教學(xué)過程側(cè)重應(yīng)用，授課教師結(jié)合實(shí)例邊講解邊操作，學(xué)生邊學(xué)習(xí)邊操作和實(shí)踐。于每次課堂教學(xué)之前，通過遼東學(xué)院網(wǎng)絡(luò)教學(xué)平臺“Web前端開發(fā)技術(shù)”課程網(wǎng)站發(fā)布課程資料，供學(xué)生預(yù)習(xí)。于每次課堂教學(xué)中，通過網(wǎng)絡(luò)教學(xué)平臺實(shí)時發(fā)布實(shí)踐作業(yè)，供學(xué)生實(shí)踐操作，教師同步輔導(dǎo)。于每次課堂教學(xué)之后，發(fā)布相關(guān)視頻資源和輔助資料，供學(xué)生復(fù)習(xí)和自主學(xué)習(xí)。教師課后批改學(xué)生上傳到網(wǎng)絡(luò)教學(xué)平臺的作業(yè)，并給出批改意見，學(xué)生可查看批語和評分。教師/學(xué)生亦可于網(wǎng)絡(luò)教學(xué)平臺發(fā)布討論主題，通過互動交流來答疑和深入理解課程內(nèi)容。全部授課學(xué)時結(jié)束后，學(xué)生自主選擇題目，進(jìn)行一定規(guī)模的前端靜態(tài)頁面的綜合開發(fā)，并通過答辯來向教師/學(xué)生展示成果。教師通過課后與學(xué)生的交流和成績反饋，發(fā)現(xiàn)學(xué)生學(xué)習(xí)效果較往屆和同屆未開展教學(xué)改革的學(xué)生有所提高，表明教學(xué)改革措施有效。

3? 結(jié)? 論

本文介紹了“Web前端開發(fā)技術(shù)”課程的內(nèi)容和特點(diǎn)，討論了該門課程教學(xué)改革的設(shè)計思路、實(shí)施方案和應(yīng)用效果，為軟件開發(fā)類課程的教學(xué)改革提供了參考。教學(xué)模式改革是一項(xiàng)長期的工作，本文討論的“Web前端開發(fā)技術(shù)”課程改革雖然取得了一些成效，但仍存在許多問題有待進(jìn)一步研究和完善。如制作和整理更豐富的視頻資源，供學(xué)生自主學(xué)習(xí);不斷更新和改進(jìn)授課/實(shí)踐案例，時刻聯(lián)系實(shí)際等。

參考文獻(xiàn)：

[1] 洪雁.地方本科高校轉(zhuǎn)型發(fā)展背景下的應(yīng)用型人才培養(yǎng)模式 [J].課程教育研究，2017（7）：250.

[2] 尹俊華.教育技術(shù)學(xué)導(dǎo)論 [M].北京：高等教育出版社，2004.

[3] 張厚，鞠智芹，劉剛，等.大學(xué)專業(yè)基礎(chǔ)課程教學(xué)模式改革的探索與實(shí)踐 [J].創(chuàng)新教育研究，2015，3（4）：143-147.

[4] 張紅梅.地方高校轉(zhuǎn)型發(fā)展及應(yīng)用型人才培養(yǎng)模式探究 [J].河南教育（高教），2015（2）：8-9.

[5] 孟瑤.師生互動平臺在高等教育領(lǐng)域的應(yīng)用研究 [J].電腦與信息技術(shù)，2018，26（1）：74-75.

[6] 遼東學(xué)院網(wǎng)絡(luò)教學(xué)平臺.Web前端開發(fā)技術(shù) [EB/OL].http：//mooc1.chaoxing.com/course/200964041.html，2018-10-20.