《JavaScript項(xiàng)目式實(shí)例教程》課程標(biāo)準(zhǔn)

1、JavaScript項(xiàng)目式實(shí)例教程課程標(biāo)準(zhǔn)  課程編號： 02104 課程類型： 非核心課程、一體化課程 學(xué)時(shí)： 72 適用對象： 軟件與信息服務(wù)專業(yè)二年級學(xué)生 編制者： 張屹峰 審核者：  編制日期： 2014-07-05  一、 課程的性質(zhì) 1、課程定位 JavaScript項(xiàng)目式實(shí)例教程課程是電腦軟件與信息服務(wù)專業(yè)的一門重要的專業(yè)課，定位于WEB技術(shù)開發(fā)工作崗位。它是WEB前端技術(shù)開發(fā)的必備

2、課程，在整個(gè)課程體系中具有重要的作用。本課程的前導(dǎo)課程：靜態(tài)網(wǎng)頁設(shè)計(jì)、DIV+CSS布局。后續(xù)課程：網(wǎng)頁美工、PHP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)、C#程序設(shè)計(jì)與應(yīng)用等。 2、課程任務(wù) JavaScript項(xiàng)目式實(shí)例教程課程課程任務(wù)是培養(yǎng)網(wǎng)頁設(shè)計(jì)、網(wǎng)頁美工以及WEB綜合開發(fā)的初、中級專業(yè)人才，通過本課程的學(xué)習(xí)，學(xué)生能掌握J(rèn)avaScript語言的基本編程思想，并能熟練利用JavaScript控制WEB頁面各級元素，實(shí)現(xiàn)WEB前端的驗(yàn)證、動(dòng)態(tài)展示等任務(wù)。 二、 職業(yè)活動(dòng) 通過本課程的學(xué)習(xí)，使學(xué)生形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊(duì)的協(xié)作能力，形成良好的思考問題、分析問題

3、和解決問題的能力，養(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è)活動(dòng)與課程內(nèi)容的對應(yīng)關(guān)系如下： Web前端開發(fā)崗位職業(yè)能力 教學(xué)內(nèi)容理實(shí)一體化課 模塊化設(shè)計(jì)思想 任務(wù)模塊化第1章 程序設(shè)計(jì)基本流程 判斷、循環(huán)結(jié)構(gòu)第2、3章 與基本對象的交互設(shè)計(jì) 事件第4章事件高級應(yīng)用第8章 操作瀏覽器窗口 窗口對象第5章 

4、操作Document 文檔對象第6章 操作DOM DOM對象第7章 動(dòng)畫基礎(chǔ) 運(yùn)動(dòng)基礎(chǔ)第9章   三、教學(xué)目標(biāo)   1、職業(yè)關(guān)鍵能力目標(biāo) 1掌握J(rèn)avaScript語言的基本語法及常用的內(nèi)置函數(shù) 2掌握事件以及事件的觸發(fā)機(jī)制 3掌握BOM對象的常用屬性和方法  JavaScript項(xiàng)目式實(shí)例教程課程標(biāo)準(zhǔn) 34掌握文檔對象的常用屬性和方法 5掌握Cookie對象的使用方法 6掌握DOM的概念以及利用DOM操作文檔節(jié)點(diǎn)的

5、方法 7掌握事件流和事件綁定 8掌握利用JavaScript設(shè)計(jì)緩沖運(yùn)動(dòng)的原理和方法 2、職業(yè)專門能力目標(biāo) 1通過完成相關(guān)的項(xiàng)目，掌握J(rèn)avaScript語言的語法結(jié)構(gòu)。 2通過完成相關(guān)的項(xiàng)目，掌握J(rèn)avaScript各種內(nèi)置對象的使用方法和應(yīng)用情境。 3通過完成相關(guān)的項(xiàng)目，尋找發(fā)現(xiàn)問題途徑，學(xué)會(huì)解決問題的方法 3、方法能力目標(biāo) 形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊(duì)的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。&#

6、160;四、課程內(nèi)容 1、預(yù)備知識 學(xué)習(xí)本課程，學(xué)生必須具備的知識和技能有：電腦應(yīng)用基礎(chǔ)、HTML標(biāo)記語言、DIV+CSS網(wǎng)頁布局。如果已具有一門程序設(shè)計(jì)語言基礎(chǔ)則能到達(dá)更好的學(xué)習(xí)效果。 2、核心內(nèi)容 課程重難點(diǎn)及課時(shí)分配如下表所示： 核心內(nèi)容教學(xué)要求重點(diǎn)()難點(diǎn)ABC學(xué)時(shí)安排備注JavaScript與HTML混編的方式BC2判斷、循環(huán)結(jié)構(gòu)AB5數(shù)據(jù)類型及轉(zhuǎn)換AB3字符串對象及處理函數(shù)AB4事件處理機(jī)制及主要事件AA6窗口對象AA5文檔對象AA5DOM對象AA6合計(jì)36教學(xué)要求：A熟練掌握；B掌握；C一了解技能要求：A熟練掌握；B_掌握；C一了

7、解 3、項(xiàng)目設(shè)計(jì) 項(xiàng)目設(shè)計(jì)及課時(shí)分配如下表所示： 項(xiàng)目設(shè)計(jì)教學(xué)要求重點(diǎn)()難點(diǎn)ABC學(xué)時(shí)安排備注項(xiàng)目一：對話框和頁面輸出CC2項(xiàng)目二：簡單計(jì)算器AB3項(xiàng)目三：統(tǒng)計(jì)成績單AB5項(xiàng)目四：注冊頁面設(shè)計(jì)AB4項(xiàng)目五：多窗體注冊頁面AA4項(xiàng)目六：多功能相冊AA4項(xiàng)目七：商品列表AA4項(xiàng)目八：自制滾動(dòng)條AA5項(xiàng)目九：運(yùn)動(dòng)基礎(chǔ)AA5合計(jì)36教學(xué)要求：A熟練掌握；B掌握；C一了解技能要求：A熟練掌握；B_掌握；C一了解 4、學(xué)習(xí)情境 本課程以JavaScript程序設(shè)計(jì)語言為主要工具，學(xué)習(xí)Web應(yīng)用程序或網(wǎng)站前端開發(fā)技術(shù)。為了更好實(shí)施軟件技術(shù)專業(yè)“職業(yè)情境，項(xiàng)

8、目主導(dǎo)”的工學(xué)結(jié)合人才培養(yǎng)模式，開展基于軟件產(chǎn)品開發(fā)工作過程的項(xiàng)目實(shí)踐教學(xué)，本課程組織為9個(gè)模塊，9個(gè)項(xiàng)目。按照項(xiàng)目開發(fā)的過程進(jìn)行模塊的劃分，在完成每個(gè)模塊學(xué)習(xí)和實(shí)踐的過程中，融入相應(yīng)的知識點(diǎn)、程序設(shè)計(jì)方法、程序調(diào)試方法和軟件設(shè)計(jì)標(biāo)準(zhǔn)。在教學(xué)內(nèi)容選取和組織過程中，突出與企業(yè)的深度融合，引進(jìn)企業(yè)軟件產(chǎn)品開發(fā)環(huán)境、管理標(biāo)準(zhǔn)、技術(shù)資源，校企雙方共同完成本課程的教學(xué)與實(shí)踐。 5、項(xiàng)目實(shí)施 通過項(xiàng)目設(shè)計(jì)培養(yǎng)學(xué)生的職業(yè)素養(yǎng)。在項(xiàng)目設(shè)計(jì)過程中，加深對知識的理解，提高對編程工具使用的熟練程度，掌握軟件項(xiàng)目開發(fā)的一般方法、步驟與流程，熟悉程序設(shè)計(jì)的基本工作標(biāo)準(zhǔn)，養(yǎng)成良好的編程習(xí)慣。同時(shí)，通過

9、協(xié)作完成軟件項(xiàng)目開發(fā)，培養(yǎng)學(xué)生的溝通交流能力、組織協(xié)調(diào)能力、團(tuán)隊(duì)合作能力和自主學(xué)習(xí)能力。項(xiàng)目開發(fā)過程中，每4-5人一組，在教師的指導(dǎo)下，制定項(xiàng)目開發(fā)計(jì)劃、時(shí)間進(jìn)度、工作流程等，項(xiàng)目組成員可以具體的分工協(xié)作。完成項(xiàng)目測試，項(xiàng)目文檔制作等。 6、教學(xué)要求 序號課題知識要求能力要求教學(xué)建議課時(shí)1JavaScript與HTML混編初步體驗(yàn)使用JavaScript進(jìn)行WEB前端應(yīng)用開發(fā)的方法1、初步體驗(yàn)JavaScript腳本內(nèi)嵌在HTML中的書寫方法 2、初步了解事件觸發(fā)的概念以及函數(shù)調(diào)用帶領(lǐng)學(xué)生共同體驗(yàn)任務(wù)完成過程，不必對其中涉及的知識點(diǎn)做過多的解釋 42簡單

10、計(jì)算器 掌握判斷結(jié)構(gòu)的使用方法1、熟悉變量和常量的概念和使用方法 2、熟悉基本數(shù)據(jù)類型及類型轉(zhuǎn)換 3、熟悉各種運(yùn)算符的使用方法 4、熟悉判斷結(jié)構(gòu) 以學(xué)習(xí)判斷結(jié)構(gòu)為主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些知識做總結(jié)歸納 63統(tǒng)計(jì)成績單掌握循環(huán)結(jié)構(gòu)的使用方法1、初步了解數(shù)組的概念和使用方法。 2、初步了解對象的概念。 3、熟悉Math數(shù)學(xué)對象的應(yīng)用。 4、熟悉循環(huán)結(jié)構(gòu)的使用方法。 5、熟悉變量的作用域以學(xué)習(xí)循環(huán)結(jié)構(gòu)為主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些知識做總結(jié)歸納104注冊頁面設(shè)計(jì) 

11、掌握事件的應(yīng)用 1、理解事件的概念。 2、掌握事件的觸發(fā)機(jī)制。 3、掌握常用事件的應(yīng)用。以學(xué)習(xí)事件為主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些知識做總結(jié)歸納85多窗體注冊頁面掌握窗口對象 1、掌握窗體對象Window的常用屬性和方法。 2、掌握地址對象Location的常用屬性和方法。 3、掌握歷史對象History的常用屬性和方法。 4、掌握屏幕對象Screen的常用屬性和方法。 5、掌握瀏覽器對象Navigator的常用屬性以學(xué)習(xí)五大對象主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些知識做總結(jié)歸納86多功能相冊掌握文檔

12、對象1、掌握文檔對象Document的常用屬性和方法。 2、掌握Cookie對象的使用方法。 3、掌握圖像對象的使用方法。 4、掌握超級鏈接對象的使用方法。 5、掌握利用JavaScript設(shè)置樣式的方法。以學(xué)習(xí)文檔對象主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些知識做總結(jié)歸納 87商品列表掌握DOM對象1、掌握利用DOM獲取文檔節(jié)點(diǎn)的方法。 2、掌握利用DOM操作文檔節(jié)點(diǎn)的方法。 3、掌握利用DOM獲取或設(shè)置文檔節(jié)點(diǎn)樣式的方法。 4、掌握利用DOM操作表格的方法以學(xué)習(xí)DOM對象主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些

13、知識做總結(jié)歸納 88自制滾動(dòng)條掌握事件的高級應(yīng)用 1、掌握事件流和事件綁定。 2、掌握阻止瀏覽器默認(rèn)行為的方法。 3、掌握鼠標(biāo)滾輪事件的處理方法。 以學(xué)習(xí)事件的高級應(yīng)用為主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些知識做總結(jié)歸納109運(yùn)動(dòng)基礎(chǔ) 掌握利用JavaScript設(shè)計(jì)動(dòng)畫的基本思想 1、掌握物理運(yùn)動(dòng)的基本規(guī)律。 2、掌握緩沖運(yùn)動(dòng)的原理和實(shí)現(xiàn)方法。 3、掌握窗口滾動(dòng)事件。 以學(xué)習(xí)緩沖運(yùn)動(dòng)的設(shè)計(jì)思想主線，融入其他知識點(diǎn)，在項(xiàng)目完成后對這些知識做總結(jié)歸納 10 18周授課，其余

14、時(shí)間機(jī)動(dòng)考試、復(fù)習(xí)等 合計(jì)72 五、課程實(shí)施條件 1、人員條件 授課教師必須具備以下條件：本科以上電腦相關(guān)專業(yè)學(xué)歷，有一定的英語水平；通過初級或者高級程序員考試或者拿到一些國際、國內(nèi)認(rèn)證的證書，有一年以上教授相關(guān)程序設(shè)計(jì)課程或項(xiàng)目開發(fā)經(jīng)驗(yàn)；有網(wǎng)頁設(shè)計(jì)及Web應(yīng)用程序開發(fā)能力及經(jīng)驗(yàn)；較強(qiáng)的邏輯思維能力，團(tuán)隊(duì)精神和協(xié)作能力，強(qiáng)烈的好奇心和學(xué)習(xí)精神。 2、環(huán)境條件 本課程需要一間高性能聯(lián)網(wǎng)的電腦實(shí)訓(xùn)室，需滿足每位學(xué)生一臺電腦。配備液晶投影儀、多媒體教學(xué)軟件、Dreamweaver CS5.0及以上版本、一款JavaScript常用

15、開發(fā)工具，如Aptana等。 六、教學(xué)組織與方法 1、教學(xué)方法 結(jié)合軟件與信息服務(wù)專業(yè)學(xué)生特點(diǎn)，基于行動(dòng)導(dǎo)向，根據(jù)每個(gè)任務(wù)的內(nèi)容特點(diǎn)，以真實(shí)項(xiàng)目進(jìn)行引導(dǎo)開展教學(xué)。整個(gè)課程以項(xiàng)目任務(wù)實(shí)訓(xùn)為主線，以技能培養(yǎng)為核心來組織教學(xué)。學(xué)生在完成項(xiàng)目分解的任務(wù)中學(xué)習(xí)相關(guān)知識，并利用這些知識解決項(xiàng)目中的問題。 1項(xiàng)目教學(xué)法 課程將WEB前端開發(fā)中的某個(gè)應(yīng)用作為一個(gè)項(xiàng)目，并分解為多個(gè)小的任務(wù)。每個(gè)任務(wù)的學(xué)習(xí)過程以工作過程為導(dǎo)向，最終形成學(xué)生的職業(yè)行動(dòng)能力。 2小組教學(xué)法 以6人為一個(gè)單位，成立教學(xué)小組。單人完成的項(xiàng)目，組內(nèi)可以互相學(xué)習(xí)，催促和評

16、價(jià)。大型復(fù)雜的項(xiàng)目，小組成員共同完成。 3視頻展示法 教師對講授內(nèi)容充分提煉，將復(fù)雜的操作錄制下來，方便學(xué)生反復(fù)觀看和模仿，形象生動(dòng)的動(dòng)態(tài)展示和講解。使抽象、難懂的教學(xué)內(nèi)容變得直觀、易懂和容易掌握；提高了教學(xué)效率；便于學(xué)生自主學(xué)習(xí)。 2、教學(xué)手段 1充分利用多媒體實(shí)訓(xùn)室和多媒體課件 本課程的課堂講授全部在實(shí)訓(xùn)室進(jìn)行，便于使用投影設(shè)備，采用多媒體教學(xué)手段。開發(fā)和使用的多媒體課件制作精美并含有動(dòng)態(tài)演示，其有效地增強(qiáng)了學(xué)生的學(xué)習(xí)興趣。 2鼓勵(lì)自主學(xué)習(xí) 制作網(wǎng)絡(luò)課件，并將教學(xué)大綱、教案、習(xí)題等同時(shí)上網(wǎng)開放，激發(fā)學(xué)生學(xué)習(xí)興趣，鼓勵(lì)學(xué)生

17、自主學(xué)習(xí)，同時(shí)可以緩解課程信息量增加與壓縮授課學(xué)時(shí)之間的矛盾。 3嚴(yán)格考評制度 設(shè)計(jì)了內(nèi)容豐富、形式多樣的習(xí)題作業(yè)，以利于學(xué)生理解和掌握所學(xué)知識。嚴(yán)格檢查平時(shí)作業(yè)完成情況，及時(shí)反饋?zhàn)鳂I(yè)中反映的問題。采用定期模擬考試的方法及時(shí)檢驗(yàn)學(xué)生階段性學(xué)習(xí)成果。建立科學(xué)合理的考核評價(jià)制度，以促進(jìn)學(xué)生的學(xué)習(xí)積極性和自我學(xué)習(xí)的動(dòng)力。 4充分利用網(wǎng)絡(luò)環(huán)境和資源 充分利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上開展教學(xué)活動(dòng)，包括網(wǎng)絡(luò)課程學(xué)習(xí)、自主學(xué)習(xí)、課后復(fù)習(xí)、課件下載、作業(yè)提交、專題討論、網(wǎng)上答疑等，使學(xué)生可以不受時(shí)間、地點(diǎn)的限制，方便地進(jìn)行學(xué)習(xí)。 七、教學(xué)材料

18、0;1、學(xué)材與教材 1選用教材 JavaScript項(xiàng)目式實(shí)例教程校內(nèi)教材， 張屹峰。 2參考書目 JavaScript DOM編程藝術(shù)，人民郵電出版社，Jerymy Keith著.楊濤，王建橋，楊曉云譯 JavaScript DOM高級程序設(shè)計(jì)，人民郵電出版社，Jeffrey Sambells,Aaron Gustafson著.李松峰，李雅雯譯 2、軟件與網(wǎng)絡(luò) Dreamweaver CS5.0及以上版本、一款JavaScript常用開發(fā)工具，如Aptana等。&

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

20、學(xué)段學(xué)習(xí)情況的局面，適度加大過程性評價(jià)在期末成績評定中的比重。 2、考核內(nèi)容 知識模塊知識小點(diǎn) 考核等級 1JavaScript與HTML混編 JavaScript在HTML中不同寫法 模塊化編程 2判斷結(jié)構(gòu) 基本數(shù)據(jù)類型數(shù)據(jù)類型的轉(zhuǎn)換 運(yùn)算符 判斷結(jié)構(gòu)內(nèi)置函數(shù) 3循環(huán)結(jié)構(gòu)數(shù)組 對象的概念 Math數(shù)學(xué)對象  循環(huán)結(jié)構(gòu)   變量的作用域   4簡單事件事件的概念  事

21、件的觸發(fā)機(jī)制 用事件的應(yīng)用   5窗口對象 Window對象常用屬性和方法 History對象常用屬性和方法creen對象常用屬性和方法Navigator對象常用屬性和方法 6文檔對象Document對象常用屬性和方法  Cookie對象的使用圖像對象的使用超級鏈接對象的使用利用JavaScript設(shè)置樣式表的方法  7DOM對象獲取文檔節(jié)點(diǎn)操作文檔節(jié)點(diǎn)獲取和設(shè)置文檔節(jié)點(diǎn)樣式 作表格  8. 事件的高級應(yīng)用 事件流和事件綁定 阻止瀏覽器默認(rèn)行為鼠標(biāo)滾輪事件  9.運(yùn)動(dòng)基礎(chǔ)物理運(yùn)動(dòng)基本規(guī)律 緩沖運(yùn)動(dòng)的原理和實(shí)現(xiàn)  窗口滾動(dòng)事件&#