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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、結(jié)語

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