JavaScript項目式實例教程課程標(biāo)準

1、JavaScript項目式實例教程課程標(biāo)準課程編號：02104課程類型：非核心課程、一體化課程學(xué)時：72適用對象：軟件與信息服務(wù)專業(yè)二年級學(xué)生編制者：張屹峰審核者：編制日期：2014-07-05一、課程的性質(zhì)1、課程定位JavaScript項目式實例教程課程是計算機軟件與信息服務(wù)專業(yè)的一門重要的專業(yè)課，定位于WEB技術(shù)開發(fā)工作崗位。它是WEB前端技術(shù)開發(fā)的必備課程，在整個課程體系中具有重要的作用。本課程的前導(dǎo)課程：靜態(tài)網(wǎng)頁設(shè)計、DIV+CSSf?局。后續(xù)課程：網(wǎng)頁美工、PHP動態(tài)網(wǎng)頁設(shè)計、C刎序設(shè)計與應(yīng)用等。2、課程任務(wù)JavaScript項目式實例教程課程課程任務(wù)是培養(yǎng)網(wǎng)頁設(shè)計、網(wǎng)頁美工以及

2、WEB綜合開發(fā)的初、中級專業(yè)人才，通過本課程的學(xué)習(xí)，學(xué)生能掌握JavaScript語言的基本編程思想，并能熟練利用JavaScript控制WEB頁面各級元素，實現(xiàn)WEB前端的驗證、動態(tài)展示等任務(wù)。二、職業(yè)活動通過本課程的學(xué)習(xí)，使學(xué)生形成一定的學(xué)習(xí)能力、溝通與團隊的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。最終成為具備較全面的軟件開發(fā)與信息服務(wù)的技術(shù)人才。該課程涉及白知識是Web應(yīng)用程序或網(wǎng)站前端開發(fā)人員必備的基本技能，職業(yè)活動與課程內(nèi)容的對應(yīng)關(guān)系如下：Web前端開發(fā)崗位職業(yè)能力教學(xué)內(nèi)容

3、（理實一體化課）模塊化設(shè)計思想任務(wù)模塊化（第1章）程序設(shè)計基本流程判斷、循環(huán)結(jié)構(gòu)（第2、3章）與基本對象的交互設(shè)計事件（第4章）事件高級應(yīng)用（第8章）操作瀏覽器窗口窗口對象（第5章）操彳Document文檔對象（第6章）操彳DOMDOM對象（第7章）動畫基礎(chǔ)運動基礎(chǔ)（第9章）三、教學(xué)目標(biāo)1、職業(yè)關(guān)鍵能力目標(biāo)（1）掌握JavaScript語言的基本語法及常用的內(nèi)置函數(shù)（2）掌握事件以及事件的觸發(fā)機制（3）掌握BOM對象的常用屬性和方法JavaScript項目式實例教程課程標(biāo)準3（4）掌握文檔對象的常用屬性和方法（5）掌握Cookie對象的使用方法（6）掌握DOM的概念以及利用DOM操作文檔節(jié)點的

4、方法（7）掌握事件流和事件綁定（8）掌握利用JavaScript設(shè)計緩沖運動的原理和方法2、職業(yè)專門能力目標(biāo)（1）通過完成相關(guān)的項目，掌握JavaScript語言的語法結(jié)構(gòu)。（2）通過完成相關(guān)的項目，掌握JavaScript各種內(nèi)置對象的使用方法和應(yīng)用情境。（3）通過完成相關(guān)的項目，尋找發(fā)現(xiàn)問題途徑，學(xué)會解決問題的方法3、方法能力目標(biāo)形成一定的學(xué)習(xí)能力、溝通與團隊的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。四、課程內(nèi)容1、預(yù)備知識學(xué)習(xí)本課程，學(xué)生必須具備的知識和技能有：計算機應(yīng)用基礎(chǔ)、

5、HTML標(biāo)記語言、DIV+CSS網(wǎng)頁布局。如果已具有一門程序設(shè)計語言基礎(chǔ)則能達到更好的學(xué)習(xí)效果。2、核心內(nèi)容課程重難點及課時分配如下表所示:核心內(nèi)容教學(xué)要求重點難點(ABC)學(xué)時安排備注JavaScript與HTML混編的方式BC2判斷、循環(huán)結(jié)構(gòu)AB5數(shù)據(jù)類型及轉(zhuǎn)換AB3字符串對象及處理函數(shù)AB4事件處理機制及主要事件AA6窗口對象AA5文檔對象AA5DOM對象AA6合計36（教學(xué)要求：A熟練掌握；B一掌握；C一了解）（技能要求：A一熟練掌握；B_掌握；C了解）3、項目設(shè)計項目設(shè)計及課時分配如下表所示:項目設(shè)計教學(xué)要求重點（）難點(ABC)學(xué)時安排備注項目一：對話框和貝囿輸出CC2項目二：簡單

6、計算器AB3項目三：統(tǒng)計成績單AB5項目四：注冊頁面設(shè)計AB4項目五：多窗體注冊頁面AA4項目六：多功能相冊AA4項目七：商品列表AA4項目八：自制滾動條AA5項目九：運動基礎(chǔ)AA5合計36（教學(xué)要求：A熟練掌握；B一掌握；C一了解）（技能要求：A一熟練掌握；B_掌握；C了解）4、學(xué)習(xí)情境本課程以JavaScript程序設(shè)計語言為主要工具，學(xué)習(xí)Web應(yīng)用程序或網(wǎng)站前端開發(fā)技術(shù)。為了更好實施軟件技術(shù)專業(yè)“職業(yè)情境，項目主導(dǎo)”的工學(xué)結(jié)合人才培養(yǎng)模式，開展基于軟件產(chǎn)品開發(fā)工作過程的項目實踐教學(xué)，本課程組織為9個模塊，9個項目。按照項目開發(fā)的過程進行模塊的劃分，在完成每個模塊學(xué)習(xí)和實踐的過程中，融入相

7、應(yīng)的知識點、程序設(shè)計方法、程序調(diào)試方法和軟件設(shè)計規(guī)范。在教學(xué)內(nèi)容選取和組織過程中，突出與企業(yè)的深度融合，引進企業(yè)軟件產(chǎn)品開發(fā)環(huán)境、管理規(guī)范、技術(shù)資源，校企雙方共同完成本課程的教學(xué)與實踐。5、項目實施通過項目設(shè)計培養(yǎng)學(xué)生的職業(yè)素養(yǎng)。在項目設(shè)計過程中，加深對知識的理解，提高對編程工具使用的熟練程度，掌握軟件項目開發(fā)的一般方法、步驟與流程，熟悉程序設(shè)計的基本工作規(guī)范，養(yǎng)成良好的編程習(xí)慣。同時，通過協(xié)作完成軟件項目開發(fā)，培養(yǎng)學(xué)生的溝通交流能力、組織協(xié)調(diào)能力、團隊合作能力和自主學(xué)習(xí)能力。項目開發(fā)過程中，每4-5人一組，在教師的指導(dǎo)下，制定項目開發(fā)計劃、時間進度、工作流程等，項目組成員可以具體的分工協(xié)作。

8、完成項目測試，項目文檔制作等。6、教學(xué)要求序號課題知識要求能力要求教學(xué)建議課時1JavaScript與HTML混編初步體驗使用JavaScript進行WEB前端應(yīng)用開發(fā)的方法1、初步體驗JavaScript腳本內(nèi)嵌在HTML中的書寫方法2、初步了解事件觸發(fā)的概念以及函數(shù)調(diào)用帶領(lǐng)學(xué)生共同體驗任務(wù)完成過程，不必對其中涉及的知識點做過多的解釋42簡單計算器掌握判斷結(jié)構(gòu)的使用方法1、熟悉變里和帛里的概念和使用方法2、熟悉基本數(shù)據(jù)類型及類型轉(zhuǎn)換3、熟悉各種運算符的使用方法4、熟悉判斷結(jié)構(gòu)以學(xué)習(xí)判斷結(jié)構(gòu)為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納63統(tǒng)計成績單掌握循環(huán)結(jié)構(gòu)的使用方法1、初步了解

9、數(shù)組的概念和使用方法。2、初步了解對象的概念。3、熟悉Math數(shù)學(xué)對象的應(yīng)用。4、熟悉循環(huán)結(jié)構(gòu)的使用方法。5、熟悉變量的作用域以學(xué)習(xí)循環(huán)結(jié)構(gòu)為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納104注冊頁面設(shè)計掌握事件的應(yīng)用1、理解事件的概念。2、掌握事件的觸發(fā)機制。3、掌握常用事件的應(yīng)用。以學(xué)習(xí)事件為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納85多窗體注冊頁面掌握窗口對象1、掌握窗體對象Window的常用屬性和方法。2、掌握地址對象Location的常用屬性和方法。3、掌握歷史對象History的常用屬性和方法。4、掌握屏幕對象以學(xué)習(xí)五大對象主線，融入其他知識點，在項目完成后

10、對這些知識做總結(jié)歸納8Screen的常用屬性和方法。5、掌握瀏覽器對象Navigator的常用屬性6多功能相冊掌握文檔對象1、掌握文檔對象Document的常用屬性和方法。2、掌握Cookie對象的使用方法。3、掌握圖像對象的使用方法。4、掌握超級鏈接對象的使用方法。5、掌握利用JavaScript設(shè)置樣式的方法。以學(xué)習(xí)文檔對象主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納87商品列表掌握DOM對象1、掌握利用DOM族取文檔節(jié)點的方法。2、掌握利用DOM操作文檔節(jié)點的方法。3、掌握利用DOM狀取或設(shè)置文檔節(jié)點樣式的方法。4、掌握利用DOM操作表格的方法以學(xué)習(xí)DOM對象主線，融入其他知識

11、點，在項目完成后對這些知識做總結(jié)歸納88自制滾動條掌握事件的高級應(yīng)用1、掌握事件流和事件綁定。2、掌握阻止瀏覽器默認行為的方法。3、掌握鼠標(biāo)滾輪事件的處理方法。以學(xué)習(xí)事件的高級應(yīng)用為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納109運動基礎(chǔ)掌握利用JavaScript設(shè)計動畫的基本思想1、掌握物理運動的基本規(guī)律。2、掌握緩沖運動的原理和實現(xiàn)方法。3、掌握窗口滾動事件。以學(xué)習(xí)緩沖運動的設(shè)計思想主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納1018周授課，其余時間機動（考試、復(fù)習(xí)等）合計72五、課程實施條件1、人員條件授課教師必須具備以下條件：本科以上計算機相關(guān)專業(yè)學(xué)歷，有一定的

12、英語水平；通過初級或者高級程序員考試或者拿到一些國際、國內(nèi)認證的證書，有一年以上教授相關(guān)程序設(shè)計課程或項目開發(fā)經(jīng)驗；有網(wǎng)頁設(shè)計及Web應(yīng)用程序開發(fā)能力及經(jīng)驗；較強的邏輯思維能力，團隊精神和協(xié)作能力，強烈的好奇心和學(xué)習(xí)精神。2、環(huán)境條件本課程需要一間高性能聯(lián)網(wǎng)的計算機實訓(xùn)室，需滿足每位學(xué)生一臺電腦。配備液晶投影儀、多媒體教學(xué)軟件、DreamweaverCS5.0及以上版本、一款JavaScript常用開發(fā)工具，如Aptana等。六、教學(xué)組織與方法1、教學(xué)方法結(jié)合軟件與信息服務(wù)專業(yè)學(xué)生特點，基于行動導(dǎo)向，根據(jù)每個任務(wù)的內(nèi)容特點，以真實項目進行引導(dǎo)開展教學(xué)。整個課程以項目任務(wù)實訓(xùn)為主線，以技能培養(yǎng)為

13、核心來組織教學(xué)。學(xué)生在完成項目分解的任務(wù)中學(xué)習(xí)相關(guān)知識，并利用這些知識解決項目中的問題。(1)項目教學(xué)法課程將WEB前端開發(fā)中的某個應(yīng)用作為一個項目，并分解為多個小的任務(wù)。每個任務(wù)的學(xué)習(xí)過程以工作過程為導(dǎo)向，最終形成學(xué)生的職業(yè)行動能力。(2)小組教學(xué)法以6人為一個單位，成立教學(xué)小組。單人完成的項目，組內(nèi)可以互相學(xué)習(xí)，督促和評價。大型復(fù)雜的項目，小組成員共同完成。(3)視頻展不法教師對講授內(nèi)容充分提煉，將復(fù)雜的操作錄制下來，方便學(xué)生反復(fù)觀看和模仿，形象生動的動態(tài)展示和講解。使抽象、難懂的教學(xué)內(nèi)容變得直觀、易懂和容易掌握；提高了教學(xué)效率；便于學(xué)生自主學(xué)習(xí)。2、教學(xué)手段(1)充分利用多媒體實訓(xùn)室和多

14、媒體課件本課程的課堂講授全部在實訓(xùn)室進行，便于使用投影設(shè)備，采用多媒體教學(xué)手段。開發(fā)和使用的多媒體課件制作精美并含有動態(tài)演示，其有效地增強了學(xué)生的學(xué)習(xí)興趣。(2)鼓勵自主學(xué)習(xí)制作網(wǎng)絡(luò)課件，并將教學(xué)大綱、教案、習(xí)題等同時上網(wǎng)開放，激發(fā)學(xué)生學(xué)習(xí)興趣，鼓勵學(xué)生自主學(xué)習(xí)，同時可以緩解課程信息量增加與壓縮授課學(xué)時之間的矛盾。(3)嚴格考評制度設(shè)計了內(nèi)容豐富、形式多樣的習(xí)題作業(yè)，以利于學(xué)生理解和掌握所學(xué)知識。嚴格檢查平時作業(yè)完成情況，及時反饋作業(yè)中反映的問題。采用定期模擬考試的方法及時檢驗學(xué)生階段性學(xué)習(xí)成果。建立科學(xué)合理的考核評價制度，以促進學(xué)生的學(xué)習(xí)積極性和自我學(xué)習(xí)的動力。(4)充分利用網(wǎng)絡(luò)環(huán)境和資源充

15、分利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上開展教學(xué)活動，包括網(wǎng)絡(luò)課程學(xué)習(xí)、自主學(xué)習(xí)、課后復(fù)習(xí)、課件下載、作業(yè)提交、專題討論、網(wǎng)上答疑等，使學(xué)生可以不受時間、地點的限制，方便地進行學(xué)習(xí)。七、教學(xué)材料1、學(xué)材與教材(1)選用教材JavaScript項目式實例教程校內(nèi)教材，作者：張屹峰。(2)參考書目JavaScriptDOM編程藝術(shù)，人民郵電出版社，JerymyKeith著楊濤，王建橋，楊曉云譯JavaScriptDOM高級程序設(shè)計，人民郵電出版社，JeffreySambells,AaronGustafson著.李松峰，李雅雯譯2、軟件與網(wǎng)絡(luò)DreamweaverCS5.0及以上版本、一款JavaS

16、cript常用開發(fā)工具，如Aptana等。八、教學(xué)評價1、教學(xué)評價強調(diào)評價對教學(xué)的激勵、診斷和促進作用，發(fā)揮教師在評價中的主導(dǎo)作用，創(chuàng)造條件實現(xiàn)評價主體的多元化，要關(guān)注學(xué)生的個別差異，鼓勵學(xué)生的創(chuàng)造實踐。綜合運用各種形成性評價方式，全面考察學(xué)生的程序設(shè)計能力的養(yǎng)成過程，評價與教學(xué)過程相結(jié)合，動態(tài)把握，及時引導(dǎo)學(xué)生情感、態(tài)度和價值觀的形成。采用紙筆測試和上機測試相結(jié)合的方式開展總結(jié)性教學(xué)評價。要根據(jù)課程標(biāo)準的要求和具體考試內(nèi)容選擇合適的題型和考試方式，創(chuàng)造條件全面考察學(xué)生解決實際問題的能力，避免只重視知識記憶。要注意結(jié)合學(xué)生平時學(xué)習(xí)表現(xiàn)和過程性評價結(jié)果，改變單純一次測驗或考試為依據(jù)，評定學(xué)生一學(xué)

17、期或整個學(xué)段學(xué)習(xí)情況的局面，適度加大過程性評價在期末成績評定中的比重。2、考核內(nèi)容知識模塊知識小點考核等級1.JavaScript與HTML混編JavaScript在HTML中和寫法模塊化編程2.判斷結(jié)構(gòu)基本數(shù)據(jù)類型數(shù)據(jù)類型的轉(zhuǎn)換運算符判斷結(jié)構(gòu)內(nèi)置函數(shù)3.循環(huán)結(jié)構(gòu)數(shù)組對象的概念Math數(shù)學(xué)對象循環(huán)結(jié)構(gòu)變量的作用域4.簡單事件事件的概念事件的觸發(fā)機制用事件的應(yīng)用5.窗口對象Window對象常用屬性和方法History對象常用屬性和方法creen對象常用屬性和方法Navigator對象常用屬性和方法6.文檔對象Document對象常用屬性和方法Cookie對象的使用圖像對象的使用超級鏈接對象的使用

18、利用JavaScript設(shè)置樣式表的方法7.DOM對象獲取文檔節(jié)點操作文檔節(jié)點獲取和設(shè)置文檔節(jié)點樣式作表格8.事件的高級應(yīng)用事件流和事件綁定阻止瀏覽器默認行為鼠標(biāo)滾輪事件9.運動基礎(chǔ)物理運動基本規(guī)律緩沖運動的原理和實現(xiàn)窗口滾動事件3、考核方式本課程實施綜合考評，注重考核學(xué)生掌握技能的水平，同時注重學(xué)習(xí)態(tài)度和最終成績的關(guān)聯(lián)，以全面綜合地評定學(xué)生的能力。(1)平時技能考核：布置課堂作業(yè)以及拓展實訓(xùn)項目，使學(xué)生能獨立完成大部分的技能訓(xùn)練，小項目及活動的技能，均以個人為考核單位，在平時考核和記錄。成績包括學(xué)習(xí)態(tài)度及項目技能完成情況。占總成績20%。(2)階段考核：復(fù)雜的大項目，對學(xué)生進行分組，任務(wù)由各小組成員共同完成。根據(jù)每個任務(wù)的完成情況，要求小組成員分別給出自評(25%),組內(nèi)互評(25%),同時教師對任務(wù)小組的整體完成情況給出評價(50%)作為每位成員的共同分數(shù)。占總成績20%。(3)期中考核和期末考核：在學(xué)生期中和期末課程學(xué)習(xí)結(jié)束后，統(tǒng)一參加技能考試。期中成績占總成績20%,期末成績占總成績40%。九、課程資源開發(fā)與利用組織課程