基于Web開發(fā)基礎課程的創(chuàng)新創(chuàng)業(yè)能力的改革與實踐研究

湯雙霞

[摘 ? ? ? ? ? 要] ?通過模擬真實項目的教學模式，借鑒項目迭代上線的特點，進行Web開發(fā)基礎課程體系的創(chuàng)新設計，將整個教學過程劃分成不同的目標，讓學生通過自覺、合作、實戰(zhàn)等方式完成自定目標，實現(xiàn)個性化教學，使學生掌握Web開發(fā)實戰(zhàn)技能和職業(yè)規(guī)范，充分體現(xiàn)教、學、做一體化。

[關 ? ?鍵 ? 詞] ?Web前端;教學模式;創(chuàng)新實踐

[中圖分類號] ?G712 ? ? ? ? ? ? ?[文獻標志碼] ?A ? ? ? ? ? ?[文章編號] ?2096-0603（2019）17-0212-02

Web開發(fā)基礎課程是計算機科學與技術、軟件工程、物聯(lián)網(wǎng)工程專業(yè)的一門專業(yè)基礎課程，以Web基本概念和Web標準為基準點、通過對Web前端主流開發(fā)技術的學習和研究，讓學生理解和掌握HTML5、CSS3以及JavaScript腳本語言的相關知識，通過這門課程的教學，不僅使學生通過項目實踐培養(yǎng)學生開發(fā)和設計Web站點的基本技能，更要使學生充分了解Web思想。

一、課程教學的目標與要求

本課程的教學目標是讓學生理解HTML5、CSS3以及JavaScript腳本語言的基本語法，掌握常用的Web頁面布局技術，理解并熟練應用JavaScript常用對象的屬性方法，使用DOM結構編寫頁面，通過項目實訓，使學生具備設計實現(xiàn)Web客戶端頁面的初步能力。本課程教學基本要求是讓學生理解Web設計的基本原則、欄目和網(wǎng)站目錄結構定義、標準頁面布局方法、導航菜單制作、圖文排版、頁面交互等方面的基礎知識;能夠熟練運用HTML5中的基本標簽設計制作網(wǎng)頁;熟練掌握CSS3對網(wǎng)頁進行布局和修飾的基本方法;理解前端JS語言中對象的概念，使用JS語言來編寫網(wǎng)頁。

二、Web開發(fā)基礎課程中存在的問題

Web前端教學過程中，基本上是教師一個人的課堂，教師按照教材一成不變的講解、舉例、練習，這種方式在一定程度上可以鍛煉學生的動手能力，但是效果有限，學生對知識的掌握只達到初級的階段。學生僅僅停留在照搬硬抄的程度上，一旦要求他們離開課本，自己創(chuàng)新創(chuàng)作實練，設計制作一個完整網(wǎng)頁時就有點不知所措了，這種“重教輕學”的教學模式，忽視了如何能夠讓學生充分地發(fā)揮主動創(chuàng)新性，最終導致學生在實際應用頁面開發(fā)過程中缺乏自主解決問題的能力，在以后的實習和工作中不能很快地適應敏捷開發(fā)管理的工作要求。

三、Web課程教學創(chuàng)新、改革實踐

Web開發(fā)基礎課程通過“項目引領，任務驅動”模式來教學，讓“形象思維強，邏輯思維較差”的學生學習前端編程，更好地掌握Web前端開發(fā)技術，在學會前端開發(fā)技術的同時提高頁面分步編程、項目需求分析的能力，了解前端開發(fā)方法，接觸W3C規(guī)范，項目開發(fā)流程，更好地提升實用專業(yè)技能。Web開發(fā)基礎課程改革創(chuàng)新思路是實踐學校、公司兩個形式，以公司W(wǎng)eb前端開發(fā)崗位需要的用人標準為需求，推行“項目引領，任務驅動”教學模式，培養(yǎng)高端Web前端開發(fā)工程師，表現(xiàn)出課程的創(chuàng)新性。

《中國高等職業(yè)教育課程改革狀況研究報告》中指出，對技術技能實踐課感興趣的學生占總學生人數(shù)的93.7%，對專業(yè)知識理論課感興趣的學生占總學生人數(shù)的77.9%，根據(jù)這兩個數(shù)據(jù)可以推測，在現(xiàn)在的教育中，實踐與理論要一起推進，這種“理論夠用”的觀念在現(xiàn)在的教育過程中對學生的可持續(xù)發(fā)展造成不良影響。

Web課程創(chuàng)新改革以真實項目帶領理論實踐，作用項目更好地進行，在學生的學習過程起到很好的監(jiān)控效果。Web教學模擬真實項目頁面開發(fā)，模擬以小組開發(fā)的模式，由專業(yè)技能更強和具有小組開發(fā)管理經(jīng)驗的教師，組成專業(yè)的指導團隊，讓學生在整個完整的項目中實現(xiàn)“學中做，做中教，做中學”，高效、真實、有序地完成項目實操訓練。在“項目引領，任務驅動”教學模式中，學生應該累積專業(yè)Web前端技能，實現(xiàn)實踐、理論一起推進，真正實現(xiàn)師生教、學、做一體化。

在實際教學中，在每學期開學之前，教師需要在一個學期的教學大綱中，確立完整的課程整體教學目標，以及具體的教學內(nèi)容，還有完善的教學方法，讓學生非常清楚地知道在每一部分、每一章學習結束后，自己要達到的學習目標，然后在教學活動中，實施“成效為本”為原則。在學期課程整個教學過程中，可以在每一節(jié)課堂過程實施“理論知識一主動認知一項目演示一小組討論一認知統(tǒng)一小組實踐一項目實現(xiàn)一成績評定”的模式，充分體現(xiàn)以學生為主的原則，如圖1所示。

四、教學模式的實現(xiàn)

以Web開發(fā)基礎課程第一部分的章節(jié)為例，它主要包含HTML5歷史發(fā)展，HTMI的基本標簽、HTML5的新增、刪除標簽和CSS新增屬性。為了在學期整個學習過程中學生正確地評估自己的能力，我們設置四種學習目標：知識目標、技能目標、能力目標和情感目標，知識目標指包括HTML發(fā)展歷史、H5標簽、屬性等基本基礎知識;技能目標是指使用H5的標簽和CSS屬性來編輯制作一些網(wǎng)頁頁面;能力目標是指學生分析和解決問題的能力以及創(chuàng)新思維;情感目標是在整個項目完成的過程中學生與學生之間的語言交際能力與溝通交際能力。具體劃分如下表1，每一個學生根據(jù)自己的學習情況與實際情況根據(jù)表一定自己的學習目標，在實際編輯前端頁面的過程中按照學生完成的目標數(shù)，來評估一個學生是否已經(jīng)掌握了知識并靈活運用。

按照每個班級40人估算，以4～5人為一組，23.2%的學生目標等級為A，47.3%的學生目標等級為B，29.5%的學生目標等級為C。而且在每一個小組中，由目標等級比較高的學生擔任小組長，更好地幫助組員走向更高的目標，整體帶領小組共同學習、共同進步。

在理論知識學習環(huán)節(jié)，教師通過項目案例分析把基礎知識傳授給學生;在主動認知階段，學生根據(jù)自己學習能力等實際情況，對課程知識點進行針對性學習，在整個求職的過程中，通過去圖書館查閱圖書資料、上網(wǎng)查閱資料、向教師詢問請教等方式解決遇到的問題，在完整的教學過程中要始終以學生為主導;在項目演示環(huán)節(jié)，教師要準確完整地剖析整個項目，讓學生在整個環(huán)節(jié)中清楚地了解在遇到什么樣的情景中合理準確地運用所學的知識;小組討論、小組實踐和項目完成這三個階段都是通過小組成員之間討論、互相合作來完成的，在第一部分的章節(jié)教學過程中，運用了“案例驅動、項目驅動”教學方法，不同的問題采用不同的方法分析，針對不同的學習目標設置不同的項目案例來分析教學。比如，基本目標案例是運用div屬性完整簡單的圖案編輯;中等目標案例是靈活運用HTML5基礎標簽完成百度首頁靜態(tài)頁面的編輯;拔高目標案例是靈活使用HTML5標簽完成天貓首頁靜態(tài)頁面的編寫。

成績評定也是Web開發(fā)基礎課程的一個不可缺少的部分，既是對課程的總結，也是對自己學習成果的認知，又是下節(jié)課堂教學的依據(jù)。更重要的是成績評定可以讓學生直截了當?shù)卣J知自己，知道自己完成的目標和以后需要努力的重點。成效評定的組成原則：知識目標占比總成績40%、技能目標占比總成績30%、能力目標占比總成績20%、情感目標占比總成績10%;成績評定包括三個部分：（1）學生自評，學生自己對自己學習過程的自我評定;（2）組長評價，組長通過小組成員在整個項目完成過程中表現(xiàn)情況以及成員在整個項目中的貢獻進行一個評分;（3）教師評價，教師通過學生在項目中的表現(xiàn)，項目完成度情況以及學生在項目過程擔任的角色給出學生一個成績，最后，自評占總成績40%，組長評價占總成績的30%，教師評價占總成績的30%，在40個學生的班級中，占總人數(shù)13%的學生分數(shù)在90～100分，占總人數(shù)23%的學生分數(shù)在80～90分，占總人數(shù)40%的學生分數(shù)在70～80分，占總人數(shù)17%的學生分數(shù)在60～70分，占總人數(shù)8%的學生分數(shù)在60分以下，不同的分數(shù)段表示學生完成的學習目標不一樣，成績分布如圖2所示，成績評定與完成目標能力對應關系如表2所示。

成績評定不僅是對現(xiàn)課程目標的總結，也是對下一個階段課程的評定目標的依據(jù)，同時也是學生對自己學習情況的一個總結。

在Web開發(fā)基礎這門課程的教學過程中，明確完整的教學目標，選擇正確的教學內(nèi)容，完善合適正確的教學模式，確立以學生為本的原則，通過模擬真實項目的教學模式，借鑒項目迭代上線的特點，以多維化、多樣化教學，全面多樣的成績評定，在教育的過程中注重教師和學生的交流互動，完全調動學生的積極性、主動性、自覺性、好學性，充分發(fā)揮學生的學習能力，充分提高學生Web前端開發(fā)能力、編程能力，提高大學生的自主學習能力，培養(yǎng)學生的創(chuàng)新創(chuàng)業(yè)能力和實踐能力。

參考文獻：

[1]陳戰(zhàn)勝，王廷梅，李明.項目教學中應用迭代開發(fā)方法的研究與實踐[J].計算機教育，2010（7）：130-133.

[2]王龍葛，李向敏.項目驅動式web編程基礎課程改革與實踐[J].大觀，2015（2）：147-148.

[3]SpiroRJ，feltoviehPJ.Knowledgerepresentation，Contentspeci

—fication，And the development of skill in situtationspecific knowledge assemby[J].Educational Technology，1991，31（9）：22- 25.

[4]田秀霞，彭源，張安勤，等.基于構建主義理論的信息安全專業(yè)C++課程群教學模式改革[J].計算機教育，2013（8）：69-72.

編輯 陳鮮艷