高職課程《JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)設(shè)計(jì)優(yōu)化

李敬文

摘要：隨著互聯(lián)網(wǎng)技術(shù)的高速發(fā)展，Web技術(shù)被日益廣泛的使用，以JavaScript技術(shù)為核心的客戶端開發(fā)技術(shù)迅速。高職院校應(yīng)以崗位需求為導(dǎo)向，加強(qiáng)JavaScript程序設(shè)計(jì)課程體系建設(shè)探究。該文介紹了JavaScript課程現(xiàn)狀、JavaScript教學(xué)設(shè)計(jì)優(yōu)化的必要性，提出了我校JavaScript課程建設(shè)和教學(xué)設(shè)計(jì)優(yōu)化。

1 引言

隨著信息技術(shù)的發(fā)展，web應(yīng)用系統(tǒng)越來(lái)越流行。因此高職軟件專業(yè)都將web應(yīng)用系統(tǒng)開發(fā)作為一個(gè)重要的開設(shè)方向。對(duì)web應(yīng)用系統(tǒng)開發(fā)學(xué)生不僅要掌握web服務(wù)器數(shù)據(jù)處理開發(fā)技術(shù)，而且還要掌握基于瀏覽器相關(guān)的開發(fā)技術(shù)。隨著web應(yīng)用系統(tǒng)越來(lái)越復(fù)雜和功能越來(lái)越強(qiáng)大，使得web應(yīng)用系統(tǒng)由原來(lái)的瘦客戶端逐漸轉(zhuǎn)變?yōu)榕挚蛻舳耍虼嘶跒g覽器相關(guān)的開發(fā)技術(shù)越變得越來(lái)越重要。為提高高職軟件專業(yè)的技術(shù)全面性和可持續(xù)發(fā)展能力，本文將針對(duì)JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行教學(xué)優(yōu)化研究。

2 JavaScript課程現(xiàn)狀分析

目前大多數(shù)高職院校人才培養(yǎng)方案中，與客戶端技術(shù)相關(guān)的程只有網(wǎng)絡(luò)設(shè)計(jì)與制作、程序設(shè)計(jì)兩門課，課程主要包括HTML、CSS、JavaScript三大部分，通常在1-2學(xué)期完成。但是以JavaScript技術(shù)為核心的客戶端開發(fā)技術(shù)應(yīng)用如此泛，相關(guān)技術(shù)如此之多，筆者認(rèn)為應(yīng)該加強(qiáng)客戶端相關(guān)課程建設(shè)。雖然該課程語(yǔ)法簡(jiǎn)單，易學(xué)習(xí)，但由于內(nèi)容多、雜，系統(tǒng)性不強(qiáng)，應(yīng)用靈活，學(xué)生要想很好的掌握有一難度。所以應(yīng)該加強(qiáng)指導(dǎo)學(xué)生完一定的綜合性實(shí)訓(xùn)項(xiàng)目，從而真正的掌握課程的內(nèi)容。

3 JavaScript教學(xué)設(shè)計(jì)優(yōu)化必要性

JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)是一種動(dòng)態(tài)類型、弱類型、跨平臺(tái)的直譯式腳本語(yǔ)言，是瀏覽器的一部分，廣泛用于瀏覽器客戶端的腳本語(yǔ)言。Web頁(yè)面可以通過JavaScript實(shí)現(xiàn)豐富多彩的動(dòng)態(tài)特效，可以通過JavaScript偵聽技術(shù)實(shí)現(xiàn)事件觸發(fā)完成各種復(fù)雜動(dòng)作。Web頁(yè)面可以通過JavaScript實(shí)現(xiàn)局面組件與服務(wù)器進(jìn)行數(shù)據(jù)交互而不刷新頁(yè)面，實(shí)現(xiàn)頁(yè)面的靜態(tài)化。因此JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)正成為基于瀏覽器開發(fā)最重要的程序設(shè)計(jì)語(yǔ)言，而且應(yīng)用前景越來(lái)越廣闊。因此JavaScript及其框架技術(shù)必定是web應(yīng)用系統(tǒng)開發(fā)技術(shù)的重要組成部分。開設(shè)JavaScript課程，進(jìn)而提高JavaScript程序開發(fā)課程地位，是培養(yǎng)高技能軟件開發(fā)人才的必要條件。

4 JavaScript教學(xué)設(shè)計(jì)的優(yōu)化

通過網(wǎng)絡(luò)課程信息化條件，助推教學(xué)方法和課堂模式的不斷改革與創(chuàng)新，實(shí)現(xiàn)課程教學(xué)“課內(nèi)”與“課外”、“線上”與“線下”有機(jī)融合，鼓勵(lì)教師參與到混合教學(xué)課程中來(lái)，激勵(lì)學(xué)生主動(dòng)利用網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)行自主學(xué)習(xí)；拓展師生的交互空間，以極大地提升了課程的影響和輻射力。

（1）采用“翻轉(zhuǎn)課堂”教學(xué)模式

“翻轉(zhuǎn)課堂”教學(xué)，是以學(xué)生為核心，教師則升格為學(xué)生學(xué)習(xí)的設(shè)計(jì)者、指導(dǎo)者、幫助者和學(xué)習(xí)伙伴，學(xué)生和教師教學(xué)相長(zhǎng)?！皩W(xué)習(xí)任務(wù)單”，是教師設(shè)計(jì)的幫助學(xué)生在課前明確自主學(xué)習(xí)的內(nèi)容、目標(biāo)和方法，并提供相應(yīng)的學(xué)習(xí)資源，以表單為呈現(xiàn)方式的學(xué)習(xí)路徑文件包。學(xué)習(xí)任務(wù)單的設(shè)計(jì)應(yīng)包含學(xué)習(xí)指南、學(xué)習(xí)任務(wù)、問題設(shè)計(jì)、建構(gòu)性學(xué)習(xí)資源、學(xué)習(xí)測(cè)試、學(xué)習(xí)檔案和學(xué)習(xí)反思等項(xiàng)內(nèi)容。通過觀看“微課”或者閱讀、分析其它由教師提供的配套學(xué)習(xí)資源來(lái)完成“任務(wù)單”給出的任務(wù)。

由于學(xué)生借助教師提供的“任務(wù)單”和“微課”在家從事自主學(xué)習(xí)，已經(jīng)基本上掌握了相關(guān)學(xué)習(xí)內(nèi)容，因此，課堂教學(xué)活動(dòng)中“教”就游刃有余，適當(dāng)以內(nèi)化和拓展為核心展開，進(jìn)行教學(xué)方式創(chuàng)新。

課堂教學(xué)方式創(chuàng)新主要包括檢測(cè)、作業(yè)、協(xié)作、展示等四個(gè)方面。檢測(cè)：檢測(cè)自主學(xué)習(xí)成效，讓學(xué)生收獲學(xué)習(xí)成就感，同時(shí)發(fā)現(xiàn)自主學(xué)習(xí)中存在的問題。作業(yè)：檢測(cè)基礎(chǔ)上的進(jìn)階學(xué)習(xí)，是內(nèi)化知識(shí)的重要環(huán)節(jié)，沒有作業(yè)就沒有“翻轉(zhuǎn)”。協(xié)作：對(duì)于實(shí)訓(xùn)技能項(xiàng)目中產(chǎn)生的疑難問題，借助于協(xié)作學(xué)習(xí)激發(fā)智慧、內(nèi)化知識(shí)、培養(yǎng)團(tuán)隊(duì)意識(shí)、養(yǎng)成討論習(xí)慣、熟悉溝通技巧等。展示：展示是高效學(xué)習(xí)的策略，可以內(nèi)化知識(shí)、拓展能力，提升學(xué)習(xí)效率。

（2）教學(xué)內(nèi)容與工程實(shí)踐相結(jié)合的教學(xué)模式

在教學(xué)過程中，安排約60%的學(xué)時(shí)作為能力培養(yǎng)的實(shí)踐性教學(xué)環(huán)節(jié)，設(shè)置循序漸進(jìn)、有深度、針對(duì)職業(yè)崗位能力培養(yǎng)的配套實(shí)訓(xùn)項(xiàng)目，包括課堂項(xiàng)目驅(qū)動(dòng)教學(xué)中驗(yàn)證性實(shí)訓(xùn)、課外拓展實(shí)訓(xùn)、項(xiàng)目實(shí)踐教學(xué)、企業(yè)實(shí)訓(xùn)。項(xiàng)目來(lái)源于合作企業(yè)，突出工程技術(shù)應(yīng)用，使實(shí)訓(xùn)教學(xué)與項(xiàng)目應(yīng)用對(duì)接，給學(xué)生以充分的動(dòng)手能力培養(yǎng)。

（3）引入實(shí)際開發(fā)項(xiàng)目課余時(shí)間鼓勵(lì)創(chuàng)新制作

最好的學(xué)習(xí)提高手段，還是應(yīng)該鼓勵(lì)學(xué)生去參與實(shí)際項(xiàng)目的開發(fā)，即不斷親自實(shí)踐。幾年來(lái)，在教學(xué)團(tuán)隊(duì)老師帶領(lǐng)下，學(xué)生獨(dú)立或參與開發(fā)了許多網(wǎng)站項(xiàng)目，例如：E在線淘寶檢索、吃貨萌、QQ搶車位、找你妹、干部任用選拔平臺(tái)、物流管理系統(tǒng)等，通過實(shí)際的項(xiàng)目開發(fā)，學(xué)生的動(dòng)手能力大為提高，實(shí)戰(zhàn)經(jīng)驗(yàn)豐富，同時(shí)，也大大激發(fā)了他們的學(xué)習(xí)興趣和信心。

（4）改革教學(xué)方法與手段，建立多維實(shí)訓(xùn)實(shí)習(xí)模式

積極探索“四階段教學(xué)法”，將“教、學(xué)、練、做”融為一體。在實(shí)訓(xùn)方面，探索多維實(shí)訓(xùn)模式，通過“教學(xué)實(shí)訓(xùn)”真正實(shí)現(xiàn)邊學(xué)邊練，使專業(yè)知識(shí)及時(shí)轉(zhuǎn)化為專業(yè)技能。通過“模擬實(shí)訓(xùn)”帶領(lǐng)學(xué)生進(jìn)入全仿真的綜合實(shí)訓(xùn)，使學(xué)生能對(duì)網(wǎng)頁(yè)設(shè)計(jì)的各個(gè)崗位都有全面的認(rèn)識(shí)并掌握各崗位應(yīng)具備的專業(yè)技能。在“崗前實(shí)習(xí)”階段，利用軟件社團(tuán)的對(duì)外承接項(xiàng)目，直接進(jìn)行企業(yè)性項(xiàng)目實(shí)習(xí)。在“實(shí)習(xí)和就業(yè)一體化”階段，在學(xué)生畢業(yè)前，安排學(xué)生進(jìn)入企業(yè)相應(yīng)崗位進(jìn)行實(shí)習(xí)，畢業(yè)后企業(yè)根據(jù)情況直接留用，以實(shí)現(xiàn)學(xué)習(xí)與就業(yè)的零距離。課程始終貫徹“工學(xué)結(jié)合、項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動(dòng)”課程教學(xué)模式，以“實(shí)用、夠用、必需”為原則，培養(yǎng)學(xué)生的實(shí)際應(yīng)用能力，取得了良好的教學(xué)效果。

（5）打造系列化、立體化的教材

本課程在建設(shè)期間著重開展與《JavaScript動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程相關(guān)的“系列化”電子教材和打破時(shí)空限制的“立體化”網(wǎng)絡(luò)平臺(tái)建設(shè)，以適應(yīng)新形勢(shì)下的人才培養(yǎng)要求。以體現(xiàn)“教材跟著內(nèi)容走”的動(dòng)態(tài)性，搭建能及時(shí)反映技術(shù)發(fā)展和進(jìn)步的“物化”載體。

5 結(jié)束語(yǔ)

以JavaScript技術(shù)為核心的客戶端開發(fā)技術(shù)涉及知識(shí)點(diǎn)多、靈活多變、實(shí)踐性強(qiáng)。要不斷地關(guān)注技術(shù)的發(fā)展前沿，探索該教學(xué)設(shè)計(jì)優(yōu)化，及時(shí)更新教學(xué)內(nèi)容，培養(yǎng)適應(yīng)時(shí)代發(fā)展需求的計(jì)算機(jī)軟件相關(guān)人才。endprint