移動(dòng)互聯(lián)網(wǎng)時(shí)代“Web前端開(kāi)發(fā)”課程教學(xué)模式探究

吳繼平

摘? ?要：隨著社會(huì)科技的不斷發(fā)展，移動(dòng)互聯(lián)網(wǎng)成為各種行業(yè)展開(kāi)工作的全新媒介，同時(shí)其自身也是一個(gè)具有寬闊就業(yè)前景的媒介，Web前端開(kāi)發(fā)便是其中的一種。移動(dòng)設(shè)備的普及以及便利的網(wǎng)絡(luò)為“Web前端開(kāi)發(fā)”課程教學(xué)提供了新的平臺(tái)。文章就移動(dòng)互利網(wǎng)背景下該課程的教學(xué)特點(diǎn)和存在的問(wèn)題，對(duì)未來(lái)的發(fā)展提出一定的措施及展望。

關(guān)鍵詞：移動(dòng)互聯(lián)網(wǎng);“Web前端開(kāi)發(fā)”;教學(xué)模式探究

當(dāng)前，互聯(lián)網(wǎng)信息技術(shù)的各種開(kāi)發(fā)課程建設(shè)不僅存在于高校，更存在于各種公司、網(wǎng)絡(luò)教育平臺(tái)，雖然類型多樣，但仍然是屬于“教學(xué)”的范疇，“Web前端開(kāi)發(fā)”教學(xué)的模式是結(jié)合傳統(tǒng)教學(xué)的基礎(chǔ)對(duì)新的技術(shù)課程進(jìn)行探究，隨著信息傳播方式的不斷發(fā)展，該課程的教學(xué)模式也必將不斷發(fā)生改變。

1? ? “Web前端開(kāi)發(fā)”課程

在課程模式教學(xué)探究之前，應(yīng)對(duì)Web開(kāi)發(fā)有一個(gè)基礎(chǔ)的認(rèn)識(shí)，該開(kāi)發(fā)是利用CSS，JavaScript，jQuery，bootstrap，jQuerymobile，angularJS，node.js，WebAPP，HTML，Web前端架構(gòu)等搭建客戶端程序[1]。因此“Web前端開(kāi)發(fā)”課程也涉及了這些方面的內(nèi)容，相關(guān)課程都是實(shí)操性與實(shí)踐性很強(qiáng)的課程，知識(shí)點(diǎn)多且復(fù)雜，每一個(gè)技術(shù)點(diǎn)想要真正掌握，都需要反復(fù)地練習(xí)進(jìn)行鞏固。

2? ? 教學(xué)目的下的傳統(tǒng)教學(xué)及其弊端

Web課程的首要目的是培養(yǎng)具有高新開(kāi)發(fā)技術(shù)的實(shí)用性人才，行業(yè)市場(chǎng)對(duì)應(yīng)用型人才的需求遠(yuǎn)遠(yuǎn)大于學(xué)術(shù)型人才，這是由于當(dāng)前互聯(lián)網(wǎng)資源眾多，但是更新極快，稍不注意就會(huì)被淘汰出局。只有掌握了各種全面的開(kāi)發(fā)技術(shù)，新技術(shù)的應(yīng)用才能夠使得企業(yè)自身在競(jìng)爭(zhēng)中不落下風(fēng)，既是Web課程教育的全新意義，也是剛需。在這樣的條件下，傳統(tǒng)教學(xué)模式必然存在一定的弊端。

2.1? 傳統(tǒng)教學(xué)模式

2.1.1? 集中式教學(xué)

集中式教學(xué)屬于最常見(jiàn)的教學(xué)方式，是在傳統(tǒng)的大課堂基礎(chǔ)上衍生而來(lái)，設(shè)定了明確的教學(xué)目標(biāo)和教學(xué)實(shí)踐。集中式教學(xué)通常將教學(xué)任務(wù)集中在某幾周完成，時(shí)間相對(duì)集中，一般適合項(xiàng)目化的教學(xué)培養(yǎng)與綜合性的實(shí)訓(xùn)，例如：某個(gè)針對(duì)性網(wǎng)頁(yè)端開(kāi)發(fā)、電子商務(wù)綜合實(shí)訓(xùn)項(xiàng)目等。

2.1.2? 分散式教學(xué)

分散式教學(xué)是各大高校當(dāng)中非軟件開(kāi)發(fā)專業(yè)學(xué)生教育最常見(jiàn)的教學(xué)方式之一，教學(xué)時(shí)間較為分散，通常是利用較長(zhǎng)的教學(xué)實(shí)踐，將課程分布開(kāi)來(lái)。例如一周兩節(jié)課。這種教學(xué)模式一般用于基礎(chǔ)知識(shí)的講解，能夠保證基礎(chǔ)的知識(shí)點(diǎn)有足夠的時(shí)間復(fù)習(xí)以及消化，HTML，CSS等課程可以采用該教學(xué)方式。

2.1.3? 折衷式教學(xué)

折衷式教學(xué)屬于前兩種方式的混合，時(shí)間與教學(xué)任務(wù)都處于兩種方式的中間，一般來(lái)說(shuō)，折衷式教學(xué)方式的特點(diǎn)為任務(wù)分段，將總體任務(wù)分為幾個(gè)小的階段，并且將這些階段分布在總的教學(xué)時(shí)間內(nèi)，分階段、分時(shí)間進(jìn)行相關(guān)的教學(xué)。

2.2? 傳統(tǒng)教學(xué)模式存在的弊端

2.2.1? 對(duì)學(xué)生的自主學(xué)習(xí)能力要求極高

無(wú)論何種傳統(tǒng)教學(xué)模式，都對(duì)學(xué)生自主學(xué)習(xí)能力的要求極高。時(shí)間較為分散的教學(xué)模式課堂中，內(nèi)容教學(xué)完成之后，學(xué)生有足夠的時(shí)間進(jìn)行相關(guān)的自主學(xué)習(xí)，但是很多學(xué)生缺乏自主學(xué)習(xí)的能力，導(dǎo)致在實(shí)際自主學(xué)習(xí)當(dāng)中并不能達(dá)到學(xué)習(xí)的目標(biāo)。對(duì)于集中式教學(xué)來(lái)說(shuō)，教學(xué)時(shí)間緊、任務(wù)重，學(xué)生在課堂當(dāng)中可能存在較多的知識(shí)點(diǎn)不能掌握，在課后進(jìn)行預(yù)習(xí)和復(fù)習(xí)的時(shí)候，同樣缺乏教師的參與和指導(dǎo)，導(dǎo)致學(xué)習(xí)能力較差的學(xué)生很難達(dá)到教學(xué)目標(biāo)。

2.2.2? 教學(xué)時(shí)間安排不夠靈活

“Web前端開(kāi)發(fā)”傳統(tǒng)教學(xué)模式存在的問(wèn)題之一就是教學(xué)時(shí)間不夠靈活，在當(dāng)前信息時(shí)代，越來(lái)越多的知識(shí)是充分利用碎片化的時(shí)間進(jìn)行教學(xué)，碎片化的時(shí)間與教學(xué)知識(shí)點(diǎn)拆分學(xué)習(xí)是當(dāng)前學(xué)習(xí)的常見(jiàn)態(tài)勢(shì)，傳統(tǒng)的教學(xué)模式中教學(xué)時(shí)間較為固定，教學(xué)目標(biāo)不夠靈活，導(dǎo)致教學(xué)效率低下。

3? ? 移動(dòng)互聯(lián)網(wǎng)背景下教學(xué)模式的探究

3.1? 移動(dòng)互聯(lián)網(wǎng)背景發(fā)展的特點(diǎn)

移動(dòng)互聯(lián)網(wǎng)突出的一個(gè)特點(diǎn)是便捷，最主要的來(lái)源是網(wǎng)絡(luò)速度的提升以及便攜設(shè)備的智能化發(fā)展。首先，網(wǎng)絡(luò)速度的提升得益于國(guó)家信息戰(zhàn)略的提出，從3G到4G的過(guò)渡已經(jīng)過(guò)去了數(shù)年時(shí)間，當(dāng)前5G網(wǎng)絡(luò)已經(jīng)在國(guó)內(nèi)的重點(diǎn)城市鋪設(shè)，每一次網(wǎng)絡(luò)的變革都是速度的數(shù)十倍提升，為教學(xué)內(nèi)容的提供打下了有利的基礎(chǔ)。其次，圖片、視頻等學(xué)習(xí)資料的快速獲取，彌補(bǔ)了傳統(tǒng)教學(xué)中課后知識(shí)獲取較為缺乏的弱點(diǎn)，與此同時(shí)，網(wǎng)絡(luò)的快速提升催生著移動(dòng)便攜設(shè)備的快速更新，與網(wǎng)絡(luò)相對(duì)應(yīng)的硬件配置越來(lái)越完善，信息處理能力越來(lái)越強(qiáng)，移動(dòng)互聯(lián)網(wǎng)已經(jīng)成了穩(wěn)定且可靠的教學(xué)平臺(tái)。

3.2? 移動(dòng)互聯(lián)網(wǎng)背景下教學(xué)模式的探究路徑

3.2.1? 移動(dòng)互聯(lián)網(wǎng)背景下教學(xué)的基本要求

確定移動(dòng)互聯(lián)網(wǎng)背景下的教學(xué)模式，先要了解其基本要求：（1）高效利用碎片化時(shí)間。無(wú)論何種教學(xué)方式，都離不開(kāi)教師的知識(shí)點(diǎn)教學(xué)，無(wú)論借用何種方式完成教學(xué)之后，課后的時(shí)間利用都十分重要。在移動(dòng)互聯(lián)網(wǎng)背景之下，首要的基本要求就是結(jié)合移動(dòng)便攜設(shè)備，利用碎片化時(shí)間進(jìn)行相關(guān)知識(shí)的預(yù)習(xí)及復(fù)習(xí)，通過(guò)對(duì)碎片化時(shí)間的利用，不斷加強(qiáng)知識(shí)點(diǎn)的學(xué)習(xí)與研究。（2）學(xué)習(xí)便攜性。互聯(lián)網(wǎng)背景之下，要求學(xué)習(xí)具有便攜性，可以利用移動(dòng)互聯(lián)網(wǎng)設(shè)備進(jìn)行學(xué)習(xí)，首先，利用移動(dòng)便攜設(shè)備連接網(wǎng)絡(luò)能夠獲取足夠的學(xué)習(xí)知識(shí);其次，當(dāng)前的移動(dòng)便攜設(shè)備已經(jīng)有足夠的硬件配置去完成基礎(chǔ)的Web前端開(kāi)發(fā)軟件搭載，最經(jīng)典的便是HTML。事實(shí)證明，很多Web前端開(kāi)發(fā)軟件已經(jīng)能夠在移動(dòng)便攜設(shè)備上運(yùn)行[2]。

3.2.2? 移動(dòng)互聯(lián)網(wǎng)背景下教學(xué)課程的定位

在全新的教學(xué)模式下，相關(guān)前端開(kāi)發(fā)技術(shù)不只僅限于掌握，更應(yīng)該追求精細(xì)和全面。當(dāng)前社會(huì)的前端開(kāi)發(fā)工程師需求較高，但是要求并不低，不僅需要具備切圖與制作網(wǎng)頁(yè)的工作技能，還需要充分結(jié)合移動(dòng)互聯(lián)網(wǎng)的發(fā)展，具有時(shí)代發(fā)展的敏銳感知，充分掌握當(dāng)前各行業(yè)的需求，為移動(dòng)端與固定端提供各種各樣符合大眾審美和實(shí)際需求的網(wǎng)絡(luò)頁(yè)面。同時(shí)在競(jìng)爭(zhēng)激烈的行業(yè)中，網(wǎng)絡(luò)前端的正常運(yùn)行至關(guān)重要，及時(shí)進(jìn)行維護(hù)和更新，能夠保證企業(yè)擁有較強(qiáng)的競(jìng)爭(zhēng)力。移動(dòng)互聯(lián)網(wǎng)背景下的課程與傳統(tǒng)教學(xué)最明顯的差別是內(nèi)容具有明顯的應(yīng)用性，且不僅限于電腦端，大到官方網(wǎng)站、小到移動(dòng)手機(jī)端微信公眾號(hào)頁(yè)面，都需要對(duì)相關(guān)教學(xué)方式進(jìn)行更新。

3.3? 移動(dòng)互聯(lián)網(wǎng)背景下教學(xué)模式的設(shè)計(jì)

3.3.1? 個(gè)性化分層教學(xué)

學(xué)生的基礎(chǔ)學(xué)習(xí)能力不同毋庸置疑，問(wèn)題的解決以及變通能力等也會(huì)存在一定差異，因此，對(duì)于教學(xué)模式的設(shè)計(jì)來(lái)說(shuō)，應(yīng)在傳統(tǒng)教學(xué)模式基礎(chǔ)之上進(jìn)行相關(guān)的改變。首先，利用移動(dòng)互利網(wǎng)設(shè)備的便攜性，對(duì)學(xué)生的知識(shí)接受能力和應(yīng)用能力進(jìn)行綜合分析，得出學(xué)生的基礎(chǔ)能力。其次，分析學(xué)生具體的知識(shí)盲點(diǎn)與掌握難點(diǎn)，制定出針對(duì)性的教學(xué)模式，在線下課堂當(dāng)中，對(duì)普遍存在的問(wèn)題進(jìn)行講解。隨后搭建智能化的Web自主學(xué)習(xí)平臺(tái)，該學(xué)習(xí)平臺(tái)要求有足夠的教學(xué)內(nèi)容，依附于移動(dòng)互聯(lián)網(wǎng)設(shè)備端，學(xué)生能夠利用碎片化的時(shí)間在平臺(tái)當(dāng)中獲取自己需要的知識(shí)，通過(guò)自主學(xué)習(xí)快速完成知識(shí)回顧和覆蓋。這是“線下為主、線上為輔”的教學(xué)模式之一，基本思路是線下解決普遍問(wèn)題，線上解決學(xué)生自身存在的個(gè)別問(wèn)題，在平臺(tái)中獲取教學(xué)知識(shí)，通過(guò)學(xué)習(xí)消化，減少知識(shí)盲點(diǎn)。

3.3.2? 競(jìng)賽化教學(xué)

競(jìng)賽化教學(xué)方法與上述方法沒(méi)有太大差異，只是在學(xué)生線上學(xué)習(xí)的方式上有所改變，將個(gè)性化需求信息獲取轉(zhuǎn)變?yōu)楣_(kāi)的、共同探討的問(wèn)題解決與信息強(qiáng)化，學(xué)生與教師共同參與，在線下利用平臺(tái)實(shí)時(shí)溝通，設(shè)置一系列的題目，隨后在平臺(tái)當(dāng)中進(jìn)行探討。為了激發(fā)線上探討的積極性，可以設(shè)置一系列的競(jìng)賽，如積分制、淘汰制等競(jìng)賽方式，不斷提升學(xué)生的學(xué)習(xí)和參與積極性。

3.3.3? 循證實(shí)踐性教學(xué)

循證實(shí)踐性教學(xué)是以循證機(jī)制為原理完成學(xué)習(xí)。首先，在實(shí)踐性教學(xué)當(dāng)中，提出一個(gè)實(shí)踐性的題目，將學(xué)生隨機(jī)分成小組，在課堂上只教學(xué)關(guān)于循證教學(xué)的方法，每個(gè)小組就該題目進(jìn)行討論，在課后利用移動(dòng)互聯(lián)網(wǎng)，圍繞HTML，CSS，JavaScript等進(jìn)行網(wǎng)頁(yè)實(shí)踐性設(shè)計(jì)，將實(shí)驗(yàn)結(jié)果上傳至平臺(tái)當(dāng)中。其次，小組之間使用體驗(yàn)評(píng)分的方式，對(duì)實(shí)踐結(jié)果進(jìn)行檢驗(yàn)，下一次課堂進(jìn)行綜合性討論，對(duì)所有實(shí)踐成果進(jìn)行綜合性分析，針對(duì)存在的問(wèn)題進(jìn)行講解，從而達(dá)到加強(qiáng)重點(diǎn)、難點(diǎn)記憶的效果，在任務(wù)性實(shí)踐教學(xué)當(dāng)中應(yīng)用能夠達(dá)到較好的效果。

3.4? 移動(dòng)互聯(lián)網(wǎng)背景下教學(xué)模式的展望

移動(dòng)互聯(lián)網(wǎng)從無(wú)到有僅走過(guò)幾年的歷程，隨著移動(dòng)設(shè)備和相關(guān)科學(xué)技術(shù)的不斷發(fā)展，在移動(dòng)互聯(lián)網(wǎng)平臺(tái)中以實(shí)際案例為中心，促使學(xué)生掌握Web網(wǎng)頁(yè)的前端制作技術(shù)與相關(guān)軟件的開(kāi)發(fā)使用，是與各個(gè)行業(yè)的實(shí)際要求緊密相連的。在人才緊缺的情況下，教學(xué)研等平臺(tái)在政策干預(yù)下建立，旨在實(shí)現(xiàn)高新技術(shù)的創(chuàng)新與資源注入。該部分教學(xué)為人才的培養(yǎng)與就業(yè)提供了十分廣闊的平臺(tái)，因此，相關(guān)的教學(xué)模式必定是不斷改變的[3]。

在未來(lái)，線上線下結(jié)合、培訓(xùn)機(jī)構(gòu)與學(xué)校資源相結(jié)合的情況會(huì)越來(lái)越多，企業(yè)與學(xué)校之間的項(xiàng)目合作將為學(xué)生提供更多的就業(yè)機(jī)會(huì)，除此之外，移動(dòng)互聯(lián)利網(wǎng)平臺(tái)本身就是一個(gè)十分廣闊的就業(yè)平臺(tái)。相關(guān)的教學(xué)模式不能再僅限于對(duì)電腦客戶端的開(kāi)發(fā)，隨著人們生活與工作節(jié)奏的改變，移動(dòng)互聯(lián)網(wǎng)必定是下一個(gè)發(fā)展重點(diǎn)，相關(guān)的軟件與移動(dòng)設(shè)備網(wǎng)頁(yè)開(kāi)發(fā)會(huì)帶來(lái)更多的機(jī)會(huì)，教學(xué)內(nèi)容需要進(jìn)行針對(duì)性的改變。移動(dòng)設(shè)備本身就是項(xiàng)目實(shí)踐的檢驗(yàn)者，學(xué)生需要重視起來(lái)，充分利用移動(dòng)互利網(wǎng)的資源加強(qiáng)自身的知識(shí)技能掌握。

4? ? 結(jié)語(yǔ)

在移動(dòng)互聯(lián)網(wǎng)的背景之下，“Web前端開(kāi)發(fā)”不僅有了全新的知識(shí)獲取方式，其本身也是行業(yè)涉及的內(nèi)容之一，廣闊的平臺(tái)為學(xué)生提供了更多的就業(yè)機(jī)會(huì)，對(duì)于傳統(tǒng)教學(xué)模式來(lái)說(shuō)，該部分始終欠缺。本文分析了新背景下傳統(tǒng)教學(xué)模式存在的問(wèn)題，并充分結(jié)合新背景下的需求提出了幾種新的教學(xué)模式，旨在促進(jìn)“Web前端開(kāi)發(fā)”教學(xué)能夠與時(shí)俱進(jìn)，為各個(gè)行業(yè)提供全面發(fā)展的人才。

[參考文獻(xiàn)]

[1]楊劍釗.基于“互聯(lián)網(wǎng)+”背景下的Web前端開(kāi)發(fā)課程教學(xué)模式探究[J].電腦迷，2018（6）：96，133.

[2]李洪亮.移動(dòng)互聯(lián)網(wǎng)時(shí)代Web前端類課程教學(xué)模式改革的研究與實(shí)踐[J].中國(guó)新通信，2017（18）：11-15.

[3]吳曉東.移動(dòng)互聯(lián)網(wǎng)時(shí)代高校課程微信教學(xué)平臺(tái)開(kāi)發(fā)研究[J].齊齊哈爾大學(xué)學(xué)報(bào)（哲學(xué)社會(huì)科學(xué)版），2019（2）：191-193.