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

石磊

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

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

1 概述

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

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

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

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

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

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

再次，教學(xué)對(duì)象也有不足。當(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é)的首要解決的問(wèn)題。我們要教授什么知識(shí)，希望學(xué)生達(dá)到什么能力，基于什么案例可以達(dá)到教學(xué)目標(biāo)，這是教師課前首先要考慮的問(wèn)題。確定了教學(xué)目標(biāo)，我們可以在此基礎(chǔ)上，再擬定一個(gè)生活化的教學(xué)主題。圍繞這個(gè)教學(xué)主題，再引出教學(xué)的知識(shí)目標(biāo)，能力目標(biāo)和素養(yǎng)目標(biāo)。

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

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

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

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

2.3案例的設(shè)計(jì)要與項(xiàng)目結(jié)合

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

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

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

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

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

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

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

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

3課程實(shí)施

3.1上好第一堂課

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

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

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

3.2案例展示講解

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

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

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

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

3.3 模仿操作

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

3.4作品點(diǎn)評(píng)

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

3.5拓展練習(xí)

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

4總結(jié)

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