案例教學(xué)法在應(yīng)用型本科課程《客戶端編程技術(shù)》教學(xué)中的應(yīng)用

石磊

摘要：案例教學(xué)法是一種很常用的以案例為基礎(chǔ)的教學(xué)手段，但是在應(yīng)用型本科的實際教學(xué)過程中依然會有較多的問題。本文通過對案例教學(xué)法在《客戶端編程技術(shù)》應(yīng)用中存在的問題進(jìn)行分析，有針對的提出解決方法，旨在提高案例教學(xué)法的教學(xué)效果，為應(yīng)用型本科人才的培養(yǎng)提供一個思路以供借鑒。

關(guān)鍵詞：案例教學(xué)法 應(yīng)用型本科 客戶端編程技術(shù)

1 概述

《客戶端編程技術(shù)》是我校數(shù)字媒體技術(shù)專業(yè)的一門專業(yè)課程，其主要內(nèi)容是講解JavaScript腳本編程技術(shù)。除了JavaScript相關(guān)知識外，還會涉及到HTML和css的相關(guān)知識。因而，該課程的綜合運(yùn)用性和實際操作性都很強(qiáng)，對學(xué)生而言，要學(xué)好這門課程有一定的難度。

傳統(tǒng)程序類課程（如C、c++、Java等），他們的內(nèi)容幾年都沒有太大的變化，甚至5年前的教材和教案拿到現(xiàn)在依然可用。但是JavaScript的情況卻不一樣。近幾年IE瀏覽器逐漸沒落，Chrome瀏覽器快速崛起，瀏覽器越來越標(biāo)準(zhǔn)化，導(dǎo)致JavaScript的發(fā)展和應(yīng)用框架更新也相當(dāng)快。自2015年提出了ECMAScript6（簡稱ES6）后，ECMA（歐洲計算機(jī)制造聯(lián)盟）每年會對ES標(biāo)準(zhǔn)進(jìn)行更新。作為ES的最佳實踐者，JavaScript每年也在更新。但是高校的教材更新跟不上行業(yè)發(fā)展的步伐，相對較為落后。

如何保證教學(xué)適應(yīng)行業(yè)的發(fā)展，不至于“脫鉤”，這為我們的老師提出了一個較高的要求。

此外，高校在教學(xué)方法上也存在落后的現(xiàn)象。在傳統(tǒng)的案例教學(xué)過程中，都是先講解某種理論的基本知識和某種操作步驟，然后分析案例，指導(dǎo)學(xué)生自己操作。這是目前高校教為廣泛采用的一種案例教學(xué)手段。但是這種案例教學(xué)手段也是存在缺陷的。

首先，先講解理論，再實際操作。理論與操作的脫節(jié)，學(xué)生對理論的消化理解不足會影響后面的操作，可能導(dǎo)致整個案例演示失敗，會打擊學(xué)生的學(xué)習(xí)積極性。

其次，學(xué)生只是在課堂上記下了示例的操作過程，但是不會聯(lián)想到實際的項目，更不懂得當(dāng)前技術(shù)發(fā)展的狀況。枯燥的示例無法激發(fā)學(xué)生的學(xué)習(xí)探索的積極性，在課后無法吸引學(xué)生繼續(xù)練習(xí)。如果在項目中遇到了類似的例子，盡管學(xué)過，無法舉一反三，學(xué)生還是不知道如何下手。

再次，教學(xué)對象也有不足。當(dāng)下的學(xué)生更喜歡沉迷在互聯(lián)網(wǎng)的世界，游戲與網(wǎng)絡(luò)社交成為了大多數(shù)學(xué)生課余的伴侶。因此，教學(xué)中一定要激發(fā)學(xué)生的學(xué)習(xí)興趣，否則一切教學(xué)手段都是徒勞。

2教學(xué)準(zhǔn)備

2.1確定教學(xué)目標(biāo)

確定教學(xué)目標(biāo)，是案例教學(xué)的首要解決的問題。我們要教授什么知識，希望學(xué)生達(dá)到什么能力，基于什么案例可以達(dá)到教學(xué)目標(biāo)，這是教師課前首先要考慮的問題。確定了教學(xué)目標(biāo)，我們可以在此基礎(chǔ)上，再擬定一個生活化的教學(xué)主題。圍繞這個教學(xué)主題，再引出教學(xué)的知識目標(biāo)，能力目標(biāo)和素養(yǎng)目標(biāo)。

此外，JavaScript的內(nèi)容涉及的很多，不可能在一學(xué)期里全部講授完畢。因此，老師一定要對內(nèi)容做一個篩選，哪些知識必須要講，哪些知識學(xué)生可以自己拓展學(xué)習(xí)，哪些知識學(xué)生甚至可以借用網(wǎng)絡(luò)學(xué)習(xí)掌握。在確定教學(xué)目標(biāo)的時候，可以擬定重點(diǎn)內(nèi)容和次重點(diǎn)內(nèi)容，一些內(nèi)容甚至可以布置成拓展。

2.2知識內(nèi)容的拓展

要保證案例不與行業(yè)“脫鉤”，案例中一定要運(yùn)用最新的ES6的知識對內(nèi)容進(jìn)行講解。對于ES5中類似知識甚至可以一筆帶過。盡管教材中可能沒涉及到ES6的內(nèi)容（畢竟教材出版的速度跟不上知識的更新速度）但是一定要在課程拓展這部分知識，在案例中要對拓展的ES6知識要有較為適當(dāng)?shù)倪\(yùn)用。這樣才能保證我們的教學(xué)和案例不會“脫鉤”。

比如，在講解變量的時候，筆者就提到ES6中新增的變量定義方式let，并在課堂的案例演示中，一直使用let定義變量，而沒有使用傳統(tǒng)的var定義變量。以身作則，潛移默化的引導(dǎo)學(xué)生使用ES6的知識。

2.3案例的設(shè)計要與項目結(jié)合

案例設(shè)計的時候，老師要綜合考慮學(xué)生的學(xué)習(xí)能力，理解能力，知識的拓展范圍以及行業(yè)的對這部分知識應(yīng)用的需求。

案例的難度不能太難，但是不能太簡單，一定要循序漸進(jìn)由淺入深。

案例的內(nèi)容一定要貼近實戰(zhàn)，貼近項目。案例可以從項目中提煉出來，選擇應(yīng)用較多而學(xué)生又比較感興趣的部分轉(zhuǎn)化為案例。這樣有利于激發(fā)他們的學(xué)習(xí)興趣和動手實踐的念頭。同時，案例要充分考慮到JavaScript的特性，結(jié)合HTML5和CSS3的相關(guān)知識，增強(qiáng)JavaScript案例的互動性和趣味性。

比如，在設(shè)計課堂案例“二級菜單”的時候，我就充分利用了CSS3的過渡屬性和動畫屬性，讓二級菜單變化無窮，極具趣味性，課后學(xué)生參與實踐的積極性很高。

2.4拓展內(nèi)容的設(shè)計

拓展內(nèi)容是在課堂案例基礎(chǔ)上，運(yùn)用所學(xué)的知識所引申出來的內(nèi)容，以拓寬課程的范圍，拓展專業(yè)知識，拓開專業(yè)視野為目的。拓展內(nèi)容應(yīng)與學(xué)生所學(xué)知識有關(guān)，但應(yīng)該超出了正規(guī)課程所覆蓋的廣度和深度。

拓展內(nèi)容的選定，也要來源于實戰(zhàn)項目，在課程內(nèi)容基礎(chǔ)上做廣度和深度的延伸，以保證學(xué)生所學(xué)的知識能貼近實戰(zhàn)，而不至于與行業(yè)“脫鉤”。

比如，在講解完課堂案例“二級菜單”后，我拓展的內(nèi)容就是“三級菜單”。既強(qiáng)化的課堂內(nèi)容，又拓展了專業(yè)知識。

3課程實施

3.1上好第一堂課

課程的第一堂課很重要。筆者認(rèn)為第一堂課除了要介紹老師自己，講解課程要求，課程考核方式之外，更重要的是要讓學(xué)生知道在這門課上會學(xué)到什么知識，學(xué)了這些知識之后會具備什么樣的能力，具有這些能力之后能夠去做什么事從事什么崗位等等。

考慮到課程會貼近實戰(zhàn)，以案例教學(xué)為主，教師可以在第一堂課上展示各種類型的項目案例，讓學(xué)生對這門課的內(nèi)容有一個更加直觀的認(rèn)識，激發(fā)學(xué)生對這門課程的興趣。展示的項目案例最好是教師個人主導(dǎo)或者參與過的項目，教師實際操作過的案例可以樹立教師個人技術(shù)權(quán)威，讓學(xué)生相信他們的老師，佩服他們的老師。學(xué)生一門課程的有興趣，很大部分是因為喜歡并且敬佩這門課的老師。

一般筆者會展示自己做過的商業(yè)項目，或者使用3BAT（360，百度，阿里巴巴，騰訊）網(wǎng)站上的內(nèi)容做演示，邊樣式邊講解相關(guān)的知識，并且告訴大家，通過這門課的學(xué)習(xí)，大家也可以做到這些效果。用趣味的案例和生動的語言激發(fā)學(xué)生對這門課程的興趣，甚至告訴同學(xué)們通過認(rèn)真學(xué)習(xí)是可以進(jìn)入3BAT這些公司的（實際上，筆者確實也有好幾個學(xué)生進(jìn)入了3BAT）。

3.2案例展示講解

案例教學(xué)法的重點(diǎn)就是對案例的講解。

課堂上，先導(dǎo)人課程，對學(xué)生展示案例，直接告訴學(xué)生一個結(jié)果，告訴學(xué)生學(xué)了本次課的知識能做出什么案例出來。

在展示案例的時候，教師要邊演示邊提出問題，在已有知識的基礎(chǔ)上，把案例再分解成一個一個的小問題。讓學(xué)生帶著問題，去思考解決問題的方法。

接著帶領(lǐng)學(xué)生實操按照之前的問題挨個解決解決問題的過程中，引出相關(guān)的知識點(diǎn)。同時，把課程的重難點(diǎn)在解決問題的過程中也給予強(qiáng)調(diào)。

3.3 模仿操作

案例講解完畢，要對整個案例的重難點(diǎn)再次強(qiáng)調(diào)，引導(dǎo)學(xué)生模仿練習(xí)。在練習(xí)的過程中，老師要對學(xué)生做好技術(shù)指導(dǎo)，并反復(fù)強(qiáng)調(diào)相關(guān)知識點(diǎn)。讓學(xué)生做到“做中學(xué)，學(xué)中做”。

3.4作品點(diǎn)評

學(xué)生完成的作品要及時進(jìn)行點(diǎn)評，對暴露的問題統(tǒng)一講解。對學(xué)生做的好的，要給予積極評價。做的差的也不過分打擊，想辦法幫他解決問題，實現(xiàn)基本功能。同時對本部分的知識重難點(diǎn)進(jìn)行提煉，歸納和總結(jié)。

3.5拓展練習(xí)

隨后進(jìn)行案例的拓展練習(xí)布置作業(yè)。利用網(wǎng)絡(luò)教學(xué)平臺或者慕課，讓學(xué)生通過網(wǎng)絡(luò)學(xué)習(xí)加強(qiáng)印象，并完成拓展練習(xí)。

4總結(jié)

這樣貼近實戰(zhàn)項目的案例教學(xué)可以極大的加強(qiáng)學(xué)生學(xué)習(xí)的粘性，加深學(xué)生專業(yè)知識的印象。在課堂中妙地引入了ES6的內(nèi)容，對學(xué)生將來的就業(yè)也有極大的幫助，同時還培養(yǎng)了學(xué)生獨(dú)立思考，自主學(xué)習(xí)的能力。