基于WEB前端開發(fā)技術(shù)的課程教學(xué)模式創(chuàng)新性研究

吳瓊 江西應(yīng)用技術(shù)職業(yè)學(xué)院

隨著我國社會科學(xué)技術(shù)的快速發(fā)展，網(wǎng)絡(luò)信息化技術(shù)給日常生活帶來了極大方便，其中WEB前端開發(fā)技術(shù)應(yīng)用越來越廣泛，成為提升工作效率熱門技術(shù)之一；現(xiàn)如今，WEB前端開放技術(shù)已經(jīng)被各地區(qū)職業(yè)院校引進(jìn)，開發(fā)成為一門技術(shù)應(yīng)用的專業(yè)課程，課程的學(xué)習(xí)促使學(xué)生能夠逐漸成長為滿足社會發(fā)展需求的復(fù)合型專業(yè)人才。在課程創(chuàng)新的過程中，教師可以立足于前端開發(fā)技術(shù)，利用WEB前端開發(fā)技術(shù)創(chuàng)新其課程的教學(xué)模式，以此凸顯WEB前端開發(fā)技術(shù)的應(yīng)用價值，促進(jìn)現(xiàn)代社會課程模式的構(gòu)建與發(fā)展。

一、WEB前端開發(fā)技術(shù)課程解讀

《WEB前端開發(fā)技術(shù)》課程是各地區(qū)高職院校計算機(jī)專業(yè)課程體系中的重要內(nèi)容，同時也是院校網(wǎng)絡(luò)技術(shù)、軟件技術(shù)、互聯(lián)網(wǎng)技術(shù)等相關(guān)專業(yè)的重核心課程之一；在該課程教學(xué)掌握中重點學(xué)習(xí)掌握HTML5、CSS3、JavaScript等腳本語言，掌握語言知識，通過項目實踐學(xué)習(xí)實現(xiàn)自主開發(fā)與設(shè)計，掌握基本操作技巧，形成良好的專業(yè)相關(guān)崗位適應(yīng)能力。

結(jié)合《WEB前端開發(fā)技術(shù)》課程教學(xué)內(nèi)容的WEB項目設(shè)計原理、布局、配置等理論知識，同時需要掌握網(wǎng)站的規(guī)劃設(shè)計、制作與管理、發(fā)布等一些技術(shù)技巧。學(xué)習(xí)WEB前端的操作技巧，需要能夠熟練使用HTML5語言描述方式；學(xué)生還需要學(xué)習(xí)DIV+CSS的結(jié)合技術(shù)，對網(wǎng)頁進(jìn)行布局與整理，掌握基本的腳本語言知識，掌握J(rèn)avaScript程序的嵌入方法，進(jìn)行開發(fā)維護(hù)與管理等。

在上述內(nèi)容的教學(xué)過程中，教師的主要目的是讓學(xué)生更好的理解三大腳本語言，掌握Web頁面布局技術(shù)，熟練使用DOM技術(shù)的編寫功能，編制出能夠具有較強交互能力的客戶端，同時初步具備WEB頁面的布局與交互設(shè)計能力。

關(guān)于《WEB前端開發(fā)技術(shù)》的教學(xué)內(nèi)容，為了將這一技術(shù)更好的運用于本課程的教學(xué)模式創(chuàng)新與構(gòu)建中，教師需要充分體現(xiàn)課程特點，利用WEB前端開發(fā)技術(shù)功能，適當(dāng)調(diào)整課程教學(xué)方式與教學(xué)場景，利用網(wǎng)絡(luò)技術(shù)為學(xué)生提供一定的自主學(xué)習(xí)空間與實踐機(jī)會，促使學(xué)生能夠在WEB前端開發(fā)技術(shù)的支持下學(xué)習(xí)《WEB前端開發(fā)技術(shù)》課程，既能夠讓學(xué)生更好的理解課程內(nèi)容，又能夠充分體現(xiàn)這一技術(shù)在教學(xué)模式構(gòu)建中的創(chuàng)新性特點。

二、傳統(tǒng)WEB前端開發(fā)技術(shù)課程教學(xué)發(fā)展現(xiàn)狀

一方面，在現(xiàn)階段的《WEB前端開發(fā)技術(shù)》課程教學(xué)中，教師把握其計算機(jī)網(wǎng)絡(luò)專業(yè)核心課程的特點，將移動軟件開發(fā)、網(wǎng)站設(shè)計與開發(fā)、軟件開發(fā)等課程與這門課程相銜接，同時根據(jù)職業(yè)教育改革需要，將“1+X證書制度”融入課程教學(xué)中。作為具有豐富經(jīng)驗的課程教學(xué)教師，教師要認(rèn)識到這一技術(shù)在教學(xué)模式創(chuàng)新方面的優(yōu)越性，從而調(diào)整教學(xué)實踐方法，改進(jìn)教學(xué)方式，迎合“1+X證書制度”的目標(biāo)，對《WEB前端開發(fā)技術(shù)》課程進(jìn)行教學(xué)分析，發(fā)現(xiàn)主要存在以下問題：

第一，缺乏理論知識學(xué)習(xí)興趣與學(xué)習(xí)驅(qū)動力，課程學(xué)習(xí)氛圍不濃厚，很多學(xué)生僅僅能夠跟隨教師“被動學(xué)習(xí)”，對基礎(chǔ)知識與技能無法透徹理解，不能夠熟練掌握Web前端開發(fā)在計算機(jī)體系中的作用及應(yīng)用，同時對專業(yè)發(fā)展缺乏目標(biāo)。

第二，現(xiàn)有的課堂教學(xué)模式不能夠充分利用本課程的教學(xué)資源，不能夠體現(xiàn)出本課程構(gòu)建現(xiàn)代化教學(xué)模式的優(yōu)越性，導(dǎo)致理論與實踐相分離，從而降低了課堂教學(xué)效率。

第三，缺乏科學(xué)的自主學(xué)習(xí)與交流平臺，缺乏對技術(shù)本身的應(yīng)用，在實際教學(xué)的過程中，教師一味的展開課堂理論知識與實踐教學(xué)，忽視了課程教學(xué)模式與教學(xué)平臺的構(gòu)建，一成不變地“教”與“學(xué)”影響了課程教學(xué)效果，同時弱化了本課程核心技術(shù)理念在構(gòu)建課程模式創(chuàng)新性方面的實用價值。

另一方面，在實際教學(xué)的過程中，教師沒有結(jié)合課程特色根據(jù)學(xué)生的實際情況分析學(xué)情，從而導(dǎo)致課程教學(xué)模式不符合學(xué)生的實際情況，有些學(xué)生甚至很難跟上教學(xué)進(jìn)度。因此，在課程創(chuàng)新的過程中，教師既要充分利用技術(shù)特點，構(gòu)建良好的自主學(xué)習(xí)與交流網(wǎng)絡(luò)平臺，保證教學(xué)活動契合學(xué)生實際情況，凸顯Web前端開發(fā)技術(shù)在教學(xué)模式創(chuàng)新性提升方面的優(yōu)勢。

三、WEB前端開發(fā)技術(shù)的課程教學(xué)模式創(chuàng)新作用

現(xiàn)如今，社會信息化的傳播為社會的發(fā)展提供助力，人們的社交、新聞瀏覽、購物、出行等皆需要運用到各種平臺，需要WEB前端開放數(shù)作為支撐。因此，在《WEB前端開發(fā)技術(shù)》的課程教學(xué)模式創(chuàng)新中，WEB前端開發(fā)技術(shù)具有不可替代的作用與優(yōu)勢，教師可以利用技術(shù)為學(xué)生推薦課程前端軟件，讓學(xué)生通過軟件學(xué)習(xí)課程知識、參與實踐訓(xùn)練，以此鍛煉學(xué)生的技術(shù)應(yīng)用能力，還能夠讓學(xué)生在體驗學(xué)習(xí)前端頁面的同時感受WEB前端開發(fā)技術(shù)的應(yīng)用價值，體會WEB前端開發(fā)技術(shù)的現(xiàn)實魅力，以此提升學(xué)生的綜合素養(yǎng)與綜合能力，為學(xué)生今后的職業(yè)發(fā)展提供有力保障。

關(guān)于《WEB前端開發(fā)技術(shù)》中的技術(shù)應(yīng)用，教師可以構(gòu)建“3+1”框架模式，利用WEB前端開發(fā)技術(shù)，優(yōu)化設(shè)計課程教學(xué)環(huán)節(jié)，托沖H-C-J模式，讓學(xué)生在深入掌握理論知識的同時學(xué)習(xí)WEB的后臺開發(fā)技術(shù)；教師還可以結(jié)合課程教學(xué)現(xiàn)狀，優(yōu)化設(shè)計動態(tài)服務(wù)頁面，連接動態(tài)服務(wù)與Java服務(wù)器，強化學(xué)生的學(xué)習(xí)體驗，讓學(xué)生利用軟件構(gòu)建網(wǎng)站平臺，高效完成課程實踐作業(yè)，提升專業(yè)實操技能。

四、基于WEB前端開發(fā)技術(shù)的課程教學(xué)模式創(chuàng)新路徑

（一）優(yōu)化課程體系，全面調(diào)整課程教學(xué)

要想基于WEB前端開發(fā)技術(shù)創(chuàng)新課程教學(xué)模式，建議教師要結(jié)合《WEB前端開發(fā)技術(shù)》教材內(nèi)容，合理地進(jìn)行教學(xué)設(shè)計，優(yōu)化其課程體系，構(gòu)建出能夠體現(xiàn)出技術(shù)特點的教學(xué)結(jié)構(gòu)。教師要結(jié)合實際情況，重點關(guān)注課程教學(xué)設(shè)計，結(jié)合“1+X”制度內(nèi)容，提出全新的課程標(biāo)準(zhǔn)；在這一過程中，教師可以將“項目”作為單元，撰寫單元教學(xué)案例，明確提出每一個教學(xué)項目下的學(xué)習(xí)任務(wù)，全面體現(xiàn)課前線上學(xué)習(xí)、課中理實一體化、課后拓展實踐的細(xì)節(jié)。

此外，教師要充分利用WEB前端開發(fā)技術(shù)應(yīng)用優(yōu)勢，開發(fā)該課程配套的學(xué)習(xí)資源案例，并構(gòu)建高效地軟件平臺，以便于為學(xué)生提供共享的學(xué)習(xí)資源與實踐資源；教師還需要每周進(jìn)行方式與交流，總結(jié)課程教學(xué)現(xiàn)狀，不斷提升課程教學(xué)模式的創(chuàng)新性。教師還可以利用WEB學(xué)習(xí)前端軟件的數(shù)據(jù)搜集與分析功能，統(tǒng)計分析，并對學(xué)生采用過程性考核，全面搜集與分析學(xué)生的學(xué)習(xí)過程數(shù)據(jù)資料，正確判斷學(xué)生學(xué)習(xí)狀態(tài)，以此保證學(xué)習(xí)評價的科學(xué)性，凸顯WEB前端開發(fā)技術(shù)的課程教學(xué)模式創(chuàng)新優(yōu)勢。

（二）創(chuàng)新教學(xué)、平價方式，激發(fā)學(xué)生學(xué)習(xí)興趣

要想基于WEB前端開發(fā)技術(shù)創(chuàng)新課程教學(xué)模式，建議教師要提出新穎、具有專業(yè)課程特色的教學(xué)方式，吸引學(xué)生參與其中。在實際過程中，教師可以引進(jìn)任務(wù)驅(qū)動法、項目教學(xué)法、資源共享法，構(gòu)建一體化課堂，讓學(xué)生分別按照“課前”、“課中”、“課后”的節(jié)點進(jìn)行課程學(xué)習(xí)。教師可以利用WEB前端開發(fā)技術(shù)構(gòu)建前端軟件頁面，為學(xué)生提供自主學(xué)習(xí)平臺，閱讀與學(xué)習(xí)教師推送的課程資源，之后在課堂教學(xué)中，學(xué)生可以互相交流預(yù)習(xí)成果，提出預(yù)習(xí)過程中產(chǎn)生的疑問，從而在軟件平臺中開展實踐練習(xí)，其練習(xí)過程數(shù)據(jù)與結(jié)果數(shù)據(jù)均會傳輸?shù)浇處煹馁~戶中，以便于教師客觀、全面的評價學(xué)生的學(xué)習(xí)成果，為學(xué)生提供有價值的建議。之后，學(xué)生可以結(jié)合實例將課程知識運用于實踐中，并且在師生前面展示，從而使學(xué)生全面參與其中。

（三）調(diào)整課程教學(xué)活動，強化學(xué)生實踐能力

要想基于WEB前端開發(fā)技術(shù)創(chuàng)新課程教學(xué)模式，建議教師要適量調(diào)整任務(wù)活動。在《WEB前端開發(fā)技術(shù)》的教學(xué)過程中，教師要轉(zhuǎn)變現(xiàn)有教學(xué)模式，就要認(rèn)識到現(xiàn)有教學(xué)模式的不足，比如：學(xué)生較為被動，吸收掌握知識程度不一，有些學(xué)生不能夠主動表達(dá)自己的想法與意見。因此，教師可以利用WEB技術(shù)開展分層教學(xué)，根據(jù)班級學(xué)生的不同學(xué)習(xí)情況，設(shè)置不同方向、不同層次的學(xué)習(xí)任務(wù)，讓學(xué)生有層次的學(xué)習(xí)，在完成符合自己實際能力的任務(wù)之后進(jìn)一步拓展練習(xí)，從而循序漸進(jìn)地提升實踐能力。

（四）增強課程教學(xué)趣味性，構(gòu)建高效教學(xué)課堂

要想基于于WEB前端開發(fā)技術(shù)創(chuàng)新課程教學(xué)模式，建議教師要適當(dāng)增加課程的趣味性。在初次教學(xué)的過程中，教師要向?qū)W生講明《WEB前端開發(fā)技術(shù)》課程的重要價值，同時讓學(xué)生利用手機(jī)訪問一些常見的網(wǎng)頁，下載有趣的軟件，將這些軟件與案例為例，引進(jìn)生活元素，比如：校園活動的剪輯，以此吸引學(xué)生，讓學(xué)生產(chǎn)生熟悉感，促使學(xué)生能夠積極主動的“完成剪輯”。之后，教師可以對相應(yīng)知識點中設(shè)置“游戲式”、“接地氣”的小任務(wù)，在“學(xué)中玩、玩中學(xué)”，快速掌握知識及應(yīng)用技能，提高課堂教學(xué)效率。

五、結(jié)語

利用好WEB前端開發(fā)技術(shù)來創(chuàng)新課程教學(xué)模式，需結(jié)合其具體內(nèi)容，以及教學(xué)實際情況，分析《WEB前端開發(fā)技術(shù)》課程的教學(xué)目標(biāo)，優(yōu)化教學(xué)體系，從而奠定教學(xué)模式創(chuàng)新技術(shù)。之后，教師要充分利用WEB前端開發(fā)技術(shù)的應(yīng)用價值，對這一課程的教學(xué)方式方法、課堂任務(wù)活動、自主探索（實際項目）、學(xué)習(xí)評價等多個環(huán)節(jié)進(jìn)行調(diào)整，充分發(fā)掘技術(shù)應(yīng)用價值，推動課程教學(xué)模式的職業(yè)化、標(biāo)準(zhǔn)化發(fā)展，有效提高課程教學(xué)效率，凸顯這一技術(shù)在課程創(chuàng)新中的應(yīng)用優(yōu)勢。