“Web前端開發技術”課程教學模式研究

摘? 要：當前，推進地方本科院校轉型發展，深化高等教育創新和改革成為了新常態。各地高校積極開展對產教融合和應用型人才培養的探索。本文以信息管理與信息系統專業的“Web前端開發技術”課程為例，分析了該課程教學模式改革的設計思路和實施方案，闡述了該課程改革措施的實施過程和應用效果，以期為該門課程以及相關課程的教學模式改革提供借鑒和參考。

關鍵詞：教學模式;高等教育;Web前端開發技術

中圖分類號：TP393.09-4? ? ? 文獻標識碼：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? 引? 言

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

1? 教學模式

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

2? “Web前端開發技術”課程教學模式改革

本節介紹了“Web前端開發技術”課程的內容和特點，以及該課程于2018年春季學期進行的教學改革的措施和效果。

2.1? 課程內容與特點

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

該課程以實際案例為中心，旨在使學生掌握Web網頁的前端制作技術及相關軟件的使用，掌握網頁前端制作的基本方法和技巧，培養網頁前端頁面設計與實現的基本能力，具備根據實際需求開發一定規模的靜態網站的能力。該門課程的教學為后續動態網站開發類課程的學習奠定了必要的基礎，同時也為學生畢業后從事前端開發工程等相關工作奠定了扎實的理論及實踐基礎。

2.2? 教革設計與實施

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

2.3? 教革應用與效果

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

3? 結? 論

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

參考文獻：

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

[2] 尹俊華.教育技術學導論 [M].北京：高等教育出版社，2004.

[3] 張厚，鞠智芹，劉剛，等.大學專業基礎課程教學模式改革的探索與實踐 [J].創新教育研究，2015，3（4）：143-147.

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

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

[6] 遼東學院網絡教學平臺.Web前端開發技術 [EB/OL].http：//mooc1.chaoxing.com/course/200964041.html，2018-10-20.