提升“前端開發(fā)技術(shù)”課程教學(xué)質(zhì)量的教學(xué)設(shè)計探討

摘 要：當(dāng)代社會信息的重要性使得網(wǎng)站建設(shè)類課程受到計算機類專業(yè)學(xué)生的重視，本文結(jié)合具體教學(xué)實踐討論了以技能培養(yǎng)為中心的“前端開發(fā)技術(shù)”課程的教學(xué)設(shè)計過程，課程具有覆蓋面廣、教學(xué)內(nèi)容多、理論知識和實踐知識并重的特點。為了提高課程的教學(xué)質(zhì)量，教學(xué)設(shè)計貫穿以學(xué)生為中心的教學(xué)理念，充分重視學(xué)生實踐能力的培養(yǎng)，采用線上線下相融合的教學(xué)方式，考慮了課程學(xué)習(xí)平臺的搭建、教學(xué)內(nèi)容的規(guī)劃、評價方式等教學(xué)環(huán)節(jié)。課程改革能夠促進學(xué)生進行主動學(xué)習(xí)，對于培養(yǎng)學(xué)生技能，有效地提高學(xué)生的學(xué)習(xí)質(zhì)量有著重要的意義。

關(guān)鍵詞：前端開發(fā)；在線教學(xué)；教學(xué)質(zhì)量；教學(xué)設(shè)計

中圖分類號：G642.0

一、概述

高校作為社會行業(yè)人才的培育基地，其教育環(huán)境不斷發(fā)生變化。如何在新技術(shù)不斷涌現(xiàn)的浪潮中，根據(jù)社會需求提升人才的培養(yǎng)質(zhì)量，高校進行了多方位的教學(xué)改革，提出了一系列新的要求和標(biāo)準(zhǔn)。專業(yè)認證、完全學(xué)分制度等舉措的實施改變著傳統(tǒng)的教學(xué)模式，學(xué)生畢業(yè)后能否依靠所學(xué)習(xí)到的知識和技能找到合適的工作崗位，取決于其在大學(xué)中所得到的培養(yǎng)。社會行業(yè)對畢業(yè)生的挑選給高校的就業(yè)工作帶來了壓力，使得專業(yè)建設(shè)面臨新時代的挑戰(zhàn)。由于專業(yè)的發(fā)展直接影響到高校的未來發(fā)展和學(xué)生的就業(yè)，專業(yè)建設(shè)成為高校教育改革的重點內(nèi)容。課程建設(shè)是影響專業(yè)建設(shè)的重要因素，其服務(wù)于專業(yè)培養(yǎng)目標(biāo)，關(guān)系到專業(yè)建設(shè)的成敗。課程改革一直是工程教育認證持續(xù)改進中的重點［1］，重視課程建設(shè)，科學(xué)合理地進行課程改革，可以有效促進畢業(yè)要求的達成。

隨著信息技術(shù)在各個行業(yè)中不斷融入以及網(wǎng)絡(luò)技術(shù)的迅速發(fā)展，為了提高行業(yè)競爭力，及時發(fā)布信息，開展行業(yè)宣傳，以便更好地進行信息交流，做好行業(yè)服務(wù)工作，網(wǎng)站的建設(shè)和應(yīng)用日益受到人們的關(guān)注。與網(wǎng)站相關(guān)的計算機課程在學(xué)習(xí)中受到學(xué)生的重視，“前端開發(fā)技術(shù)”是面向計算機類專業(yè)所開設(shè)的一門專業(yè)選修課程，教學(xué)內(nèi)容包含的知識面多，信息量大，課程具有實踐性很強的特點，傳統(tǒng)的教學(xué)模式無法滿足現(xiàn)代的教學(xué)需要。本文以鄭州航空工業(yè)管理學(xué)院計算機類專業(yè)所開設(shè)的“前端開發(fā)技術(shù)”課程為例，結(jié)合筆者的教學(xué)實踐探討了提升教學(xué)質(zhì)量的教學(xué)設(shè)計過程。

二、課程教學(xué)方式設(shè)計

根據(jù)“前端開發(fā)技術(shù)”課程本身的特點，在教學(xué)中貫穿“以學(xué)生為中心，以學(xué)生就業(yè)為導(dǎo)向”的教學(xué)理念，將教學(xué)和社會實踐緊密結(jié)合起來，為培養(yǎng)學(xué)生畢業(yè)后走向未來與課程技術(shù)相關(guān)的就業(yè)崗位，比如為前端開發(fā)工程師等職業(yè)奠定良好的知識和技能基礎(chǔ)。為了提升課程的教學(xué)質(zhì)量，解決課程覆蓋的知識內(nèi)容多、技能性強、培訓(xùn)課時有限的問題，教學(xué)從以下幾個方面進行了教學(xué)方式的設(shè)計。

（一）理論和案例操作相結(jié)合

課程的理論知識呈現(xiàn)出內(nèi)容多而整體松散的特點，教學(xué)過程中會發(fā)生當(dāng)講解完連續(xù)給出的幾個理論知識點之后，需要創(chuàng)建實例時，學(xué)生無法把后面的部分和前面的知識內(nèi)容聯(lián)系起來，對產(chǎn)生的現(xiàn)象迷惑不解。造成這種情況的原因是剛開始講新知識的時候，學(xué)生們都很有興趣，但由于學(xué)生們初次接觸這些名詞術(shù)語，記憶起來比較困難，注意力就不太集中了，有的知識點在課堂講解時就沒有被留意或沒有被理解。

為了提高學(xué)生的技能培養(yǎng)效果，采用了理論知識和案例操作相結(jié)合的方法。在教學(xué)設(shè)計中，該?？紤]了以下幾點：首先，要設(shè)計和所講解的理論知識點相對應(yīng)的案例。案例的設(shè)計目的是調(diào)動學(xué)生的興趣，拓展學(xué)生思維，減輕學(xué)生的思考壓力。因為學(xué)生需要通過案例的運行去理解理論知識的應(yīng)用，所以課堂上案例的設(shè)計注意不能太復(fù)雜，案例的難度不宜太高。案例如果設(shè)計得太復(fù)雜，學(xué)生理解時覺得吃力，就會放棄對一些問題的思考，從而無法學(xué)習(xí)到相應(yīng)的技能。其次，在案例的設(shè)計上可以充分發(fā)揮課程的特色，培養(yǎng)學(xué)生的實際技能?？梢赃x擇和學(xué)生日常生活相關(guān)的題材，比如選用自己的母校作為案例題材，學(xué)生是比較感興趣的；也可以選擇與社會密切相關(guān)的，比如知名的電商網(wǎng)站、門戶網(wǎng)站等，對于培養(yǎng)學(xué)生的實際技能效果較好；再次，在案例的制作上，頁面不能太呆板，結(jié)構(gòu)搭配要合理，頁面色彩能夠吸引學(xué)生的注意。另外，為了培養(yǎng)學(xué)生實際的操作技能，熟悉設(shè)計的流程，可以在課堂上將理論學(xué)習(xí)與操作相結(jié)合。比如，根據(jù)實際頁面，在計算機上給學(xué)生現(xiàn)場演示編寫代碼。在編寫代碼的過程中逐步講解所用到的理論知識和設(shè)計思路，這樣學(xué)生不僅可以有時間充分理解和思考頁面原理，同時可以觀察到每一步運行的效果，產(chǎn)生濃厚的興趣。最后，在案例的講解過程中，注意和學(xué)生的互動。課堂的互動可以促進學(xué)生和老師的交流，引發(fā)學(xué)生積極主動地獲取知識，認真思考教師所講解的內(nèi)容。在講解案例的過程中，可以設(shè)計相應(yīng)的問題讓學(xué)生予以解答；可以設(shè)計與案例相關(guān)的說法，讓學(xué)生判斷說法是否正確；可以在講解完畢后，要求學(xué)生根據(jù)自己的理解講述案例的設(shè)計過程。學(xué)生如果能夠?qū)⒅谱髁鞒堂枋龀鰜恚蜁竺嬷v解的內(nèi)容更感興趣，從而提升課堂的教學(xué)質(zhì)量。

（二）加強線上線下融合式教學(xué)和討論

課程的教學(xué)內(nèi)容多，理論知識和實踐知識都很重要，而且覆蓋面廣，內(nèi)涵和外延豐富。教學(xué)的過程中，教學(xué)內(nèi)容還會呈現(xiàn)出某些知識點同時涵蓋多個名詞術(shù)語的特點，對于這種與知識點關(guān)聯(lián)比較集中的情況，講解過快會造成學(xué)生對知識點沒有深入的認識。由于復(fù)雜的頁面設(shè)計需要前后知識的綜合運用，如果前面所學(xué)的知識沒有掌握，會造成學(xué)生在后面學(xué)習(xí)相關(guān)知識時無法很好地理解相關(guān)技術(shù)，時間長了會影響學(xué)生在某些技能上的提高，無法收到良好的教學(xué)效果。為了提升教學(xué)質(zhì)量，教學(xué)中改進了教學(xué)方式，以促進學(xué)生多方位進行思考和學(xué)習(xí)。首先，有效利用網(wǎng)絡(luò)教學(xué)。網(wǎng)絡(luò)教學(xué)的教學(xué)媒體、教學(xué)內(nèi)容、教師和學(xué)生構(gòu)成了網(wǎng)絡(luò)教學(xué)的四要素［2］。在教學(xué)媒體的選擇上，移動端方便學(xué)生隨時查閱課程的相關(guān)資源，電腦端便于學(xué)生在查閱課程資料的同時進行實際操作，二者在線上線下均可以被有效利用；在教學(xué)內(nèi)容的設(shè)置上，根據(jù)線下講解的內(nèi)容不足，無法很好地滿足學(xué)生技能的培養(yǎng)，可以在線上大量補充教學(xué)功能。教學(xué)資源設(shè)計方面應(yīng)盡可能使教學(xué)內(nèi)容全面，加強學(xué)生的技能，拓展學(xué)生的前沿知識，體現(xiàn)課程的內(nèi)涵和外延。因此，從對教材的講解方面和職業(yè)的技能方面兩個維度出發(fā)，設(shè)計了幾個版塊，包括章節(jié)學(xué)習(xí)、軟件制作工具、頁面設(shè)計素材、課外學(xué)習(xí)文章、課外專項學(xué)習(xí)案例、職業(yè)技術(shù)等級培訓(xùn)材料等。教師需要充分引導(dǎo)學(xué)生進行課程網(wǎng)絡(luò)資源的學(xué)習(xí)，因課程資源的內(nèi)容較多，如果學(xué)生不了解課程資源的設(shè)置，就無法有效利用課程提供的網(wǎng)絡(luò)教學(xué)資源；對于學(xué)生，網(wǎng)絡(luò)教學(xué)重要指向是滿足個性發(fā)展需求［3］，豐富學(xué)習(xí)資料，使不同層次的學(xué)生自由地進行學(xué)習(xí)。其次，加強線上線下融合式討論。課程本身的特點決定了學(xué)生每節(jié)課接受的信息量較大，但思考的時間有限。為了提高課堂的教學(xué)效果，教師需要預(yù)先設(shè)計好與本節(jié)課內(nèi)容相關(guān)的問題，選取一些在上課前發(fā)布，使學(xué)生了解本節(jié)課即將講授的內(nèi)容。對于課前發(fā)布的內(nèi)容，要求所有的學(xué)生在指定的時間內(nèi)做出回答，可以根據(jù)情況選擇在課前或是課后。這樣教師根據(jù)學(xué)生的討論情況可以觀察和分析學(xué)生的學(xué)習(xí)情況。在課前參與討論的學(xué)生，學(xué)習(xí)態(tài)度一般比較積極，這部分學(xué)生主動性強，在與之進行課程交流的時候可以給其推薦更多的學(xué)習(xí)資料；在課后參與討論的同學(xué)，一般在課堂教學(xué)中能根據(jù)教師的問題去思考問題，這部分同學(xué)可根據(jù)自己的學(xué)習(xí)能力在資料中選取內(nèi)容學(xué)習(xí)；而對于沒有參與討論的同學(xué)，則應(yīng)加強學(xué)習(xí)的監(jiān)督。另外，學(xué)生在討論教師發(fā)起的問題時，會產(chǎn)生新的想法，為了培養(yǎng)學(xué)生的創(chuàng)新思維，除了教師布置的討論外，鼓勵學(xué)生主動向?qū)W生發(fā)起討論，并對于積極參與討論的學(xué)生予以獎勵。

（三）運用有效失敗開展訓(xùn)練

教師為了鍛煉學(xué)生的動手能力，使學(xué)生能夠深入掌握前端開發(fā)中用到的技術(shù)，相應(yīng)的訓(xùn)練是必不可少的。教學(xué)中共設(shè)計了三類任務(wù)：第一類任務(wù)，對于代碼量比較少的簡單頁面，直接下發(fā)給學(xué)生，讓學(xué)生根據(jù)給定的頁面外觀和功能編寫相應(yīng)的代碼。因為代碼量少，學(xué)生在調(diào)試的過程中，遇到錯誤時一般都會自己積極地解決問題。在這種情況下，對于問題的解決會加深學(xué)生對知識的理解。第二類任務(wù)，完成復(fù)雜的頁面設(shè)計。這類任務(wù)運用了有效失敗方法，給學(xué)生有意制造一些挫折任務(wù)，讓學(xué)生在不斷改進的過程中逐步提高自身的技能。有效失敗教學(xué)設(shè)計中的任務(wù)需要與學(xué)生的已有經(jīng)驗有較為緊密的關(guān)聯(lián)［4］，對于一個復(fù)雜的頁面設(shè)計，有的學(xué)生感覺有難度，會選擇放棄完成本次任務(wù)。所以把這個復(fù)雜的頁面中包含的頁面元素進行拆分，進行修改后形成其他的與最終頁面不同的簡單頁面，先讓學(xué)生完成這些相對簡單頁面的代碼設(shè)計，最終完成復(fù)雜的頁面代碼。因為頁面的代碼量比較大，所以給學(xué)生提供了相應(yīng)的代碼，但所提供的代碼是無法運行的，也就是說，學(xué)生在完成過程中必須經(jīng)過反復(fù)調(diào)試和修改。這類任務(wù)在規(guī)定的時間內(nèi)是不允許提問的，需要獨立去完成。由于學(xué)生在前面的教學(xué)設(shè)計中已經(jīng)有了一定的經(jīng)驗，所以在調(diào)試中會不斷改正錯誤，直至調(diào)試成功。第三類任務(wù)是在前兩類任務(wù)完成的基礎(chǔ)上布置一個綜合性的任務(wù)。此類任務(wù)不再提供任何代碼，僅有頁面的運行效果，全部需要自己完成。這樣通過大量的失敗訓(xùn)練，學(xué)生不斷提高解決問題的能力。

三、課程評價方式設(shè)計

“前端開發(fā)技術(shù)”與社會實踐聯(lián)系緊密，通過課程的學(xué)習(xí)，如何培養(yǎng)學(xué)生的實際應(yīng)用能力，促進畢業(yè)要求的達成，傳統(tǒng)的考核方式無法滿足要求。為了提高學(xué)生的實際技能，綜合考核學(xué)生的學(xué)習(xí)情況，課程改革對評價方式進行了調(diào)整。創(chuàng)新性明確學(xué)習(xí)結(jié)果應(yīng)具有探究性和個性化［5］，為了加強技能性和創(chuàng)新性考核，課程評價改革取消了期末的筆試考核，并提高了平時學(xué)習(xí)成績占的比例，平時成績由原來的30%提高到40%。在期末考試的設(shè)置上，不僅調(diào)低了在總成績中的占比，將期末考試成績由原來的70%降至60%，而且設(shè)計了形式和內(nèi)容豐富的考核方式。考核中的各個項目的設(shè)置和要求不僅對學(xué)生的專業(yè)知識和技能進行考核，而且在學(xué)生參加考核的過程中，其綜合素質(zhì)也能得到一定程度的提高，為以后的就業(yè)工作奠定了良好的基礎(chǔ)。期末考試的評價設(shè)計采用了課程實踐設(shè)計+課程報告+課程答辯的方式；考核成績劃分為不同的等級，根據(jù)實踐作業(yè)和課程報告的完成情況以及課程答辯情況制定詳細的評定標(biāo)準(zhǔn)。期末考核從以下幾個方面進行設(shè)計。

（一）頁面功能、數(shù)量以及創(chuàng)意

期末考核要求學(xué)生必須設(shè)計出與實際生活相關(guān)的作品。為了加強學(xué)生的創(chuàng)新能力培養(yǎng)，鼓勵學(xué)生在設(shè)計中突出自己的特色，對于頁面主題特色鮮明的設(shè)計，且頁面總數(shù)達到要求，頁面功能設(shè)計合理的作品，則該分項成績評為優(yōu)秀；對于頁面的功能設(shè)計要求合理，頁面總數(shù)滿足基本要求，根據(jù)頁面總數(shù)的多少，則該分項成績可以評為及格、中等和良好；如果頁面總數(shù)過少，則該分項成績評為不及格。

（二）界面設(shè)計

首頁布局有創(chuàng)意，次級頁面和首頁使用不同的布局結(jié)構(gòu)，配色協(xié)調(diào)，圖片及動畫等能夠正常顯示，該分項成績評為優(yōu)秀；如果頁面內(nèi)圖片及動畫能正常顯示，則根據(jù)頁面配色效果，則該分項成績可以評為及格、中等和良好；如果頁面內(nèi)圖片及動畫不能正常顯示，則該分項成績評為不及格。

（三）使用的技術(shù)

為了考核學(xué)生的計算思維能力，從代碼設(shè)計的角度進行測評。如果能夠靈活運用編程技術(shù)，代碼優(yōu)化度高，網(wǎng)站功能完整，則分項成績評為優(yōu)秀；如果能夠運用編程大部分技術(shù)，根據(jù)實現(xiàn)的功能多少，則該分項成績可以評為及格、中等和良好；如果只用到少量代碼技術(shù)，功能單一，則該分項成績評為不及格。

（四）課程報告及答辯情況

學(xué)生應(yīng)根據(jù)設(shè)計的過程撰寫設(shè)計報告。為了綜合考核學(xué)生對于前端開發(fā)的總體設(shè)計能力和素質(zhì)水平，同時為有效防止在設(shè)計過程中發(fā)生成績不真實的情況，要求學(xué)生在撰寫課程總結(jié)報告和完成綜合設(shè)計的同時進行課程答辯。如果報告條理清楚且內(nèi)容充實，答辯時能準(zhǔn)確回答問題，敘述問題邏輯清晰，則分項成績評為優(yōu)秀；如果報告條理清楚，各部分能夠清楚描述，根據(jù)答辯情況，則該分項成績可以評為及格、中等和良好；如果報告不規(guī)范，答辯時不能正確回答大部分問題，則該分項成績評為不及格。

結(jié)語

提升“前端開發(fā)技術(shù)”課程的教學(xué)質(zhì)量，不僅可以為學(xué)生學(xué)習(xí)后續(xù)的網(wǎng)站開發(fā)課程奠定良好的基礎(chǔ)，而且使學(xué)生未來就業(yè)時，能夠具備應(yīng)有的知識和技能。教學(xué)改革中貫穿了以學(xué)生為主體、以學(xué)生就業(yè)為導(dǎo)向的教學(xué)理念，注重培養(yǎng)學(xué)生的實際技能，根據(jù)課程本身具有的特點，采用了有效的教學(xué)手段，考慮了各個教學(xué)環(huán)節(jié)的設(shè)計。為了培養(yǎng)學(xué)生的綜合素質(zhì)和技能，課程改革了評價方式，采用了課程答辯、課程實踐、課程報告以及平時成績的綜合評定方式。評價方式充分考慮課程的特點和社會需求，充分掌握學(xué)生在學(xué)習(xí)中各個階段的情況，并多方位評價課程對專業(yè)人才的培養(yǎng)。課程改革對于有效提高學(xué)生的學(xué)習(xí)質(zhì)量，促進學(xué)生就業(yè)有著重要的意義。

參考文獻：

［1］許海霞，周維.工程教育專業(yè)認證中持續(xù)改進的研究與實踐［J］.高等理科教育，2022（04）：102108.

［2］張根喬，李雪，國兆亮.網(wǎng)絡(luò)課程的教學(xué)督導(dǎo)指標(biāo)體系構(gòu)建［J］.開放學(xué)習(xí)研究，2020，25（01）：4855.

［3］賈文軍，黃玉珍，陳武元.大學(xué)生在線學(xué)習(xí)體驗：影響因素與改進策略［J］.高等教育研究，2021，42（03）：6069.

［4］杜鴻羽，馬志強，蘆鏡羽.利用有效失敗促進計算思維發(fā)展的編程教學(xué)設(shè)計：一項基于設(shè)計的研究［J］.開放學(xué)習(xí)研究，2022，27（02）：2736.

［5］顏兵兵，郭士清，殷寶麟.“金課”視角下基于知識學(xué)習(xí)的課程教學(xué)質(zhì)量探討［J］.高等理科教育，2021（03）：8085.

作者簡介：范喆（1972— ），女，漢族，河南洛陽人，碩士研究生，副教授，研究方向：計算機應(yīng)用。