《JavaScript項目式實例教程》課程標準

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

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

3、題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關于軟件與信息技術的相關法律法規(guī)，形成關鍵性的軟件開發(fā)與應用的能力。最終成為具備較全面的軟件開發(fā)與信息服務的技術人才。 該課程涉及的知識是Web應用程序或網站前端開發(fā)人員必備的基本技能，職業(yè)活動與課程內容的對應關系如下： Web前端開發(fā)崗位職業(yè)能力 教學內容（理實一體化課） 模塊化設計思想 任務模塊化（第1章） 程序設計基本流程 判斷、循環(huán)結構（第2、3章） 與基本對象的交互設計 事件（第4章）事件高級應用（第8章） 操作瀏覽器窗口 窗口

4、對象（第5章） 操作Document 文檔對象（第6章） 操作DOM DOM對象（第7章） 動畫基礎 運動基礎（第9章）   三、教學目標   1、職業(yè)關鍵能力目標 （1）掌握JavaScript語言的基本語法及常用的內置函數 （2）掌握事件以及事件的觸發(fā)機制 （3）掌握BOM對象的常用屬性和方法  JavaScript項目式實例教程課程標準 3（4）掌握文檔對象的常用屬性和方法 （5）掌握Cookie對象的使用方法

5、 （6）掌握DOM的概念以及利用DOM操作文檔節(jié)點的方法 （7）掌握事件流和事件綁定 （8）掌握利用JavaScript設計緩沖運動的原理和方法 2、職業(yè)專門能力目標 （1）通過完成相關的項目，掌握JavaScript語言的語法結構。 （2）通過完成相關的項目，掌握JavaScript各種內置對象的使用方法和應用情境。 （3）通過完成相關的項目，尋找發(fā)現(xiàn)問題途徑，學會解決問題的方法 3、方法能力目標 形成一定的學習能力、溝通與團隊的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)

6、。遵守國家關于軟件與信息技術的相關法律法規(guī)，形成關鍵性的軟件開發(fā)與應用的能力。 四、課程內容 1、預備知識 學習本課程，學生必須具備的知識和技能有：計算機應用基礎、HTML標記語言、DIV+CSS網頁布局。如果已具有一門程序設計語言基礎則能達到更好的學習效果。 2、核心內容 課程重難點及課時分配如下表所示： 核心內容教學要求重點()難點（ABC）學時安排備注JavaScript與HTML混編的方式BC2判斷、循環(huán)結構AB5數據類型及轉換AB3字符串對象及處理函數AB4事件處理機制及主要事件AA6窗口對象AA5文檔對象AA5DOM對象A

7、A6合計36（教學要求：A熟練掌握；B掌握；C一了解）（技能要求：A熟練掌握；B_掌握；C一了解） 3、項目設計 項目設計及課時分配如下表所示： 項目設計教學要求重點()難點（ABC）學時安排備注項目一：對話框和頁面輸出CC2項目二：簡單計算器AB3項目三：統(tǒng)計成績單AB5項目四：注冊頁面設計AB4項目五：多窗體注冊頁面AA4項目六：多功能相冊AA4項目七：商品列表AA4項目八：自制滾動條AA5項目九：運動基礎AA5合計36（教學要求：A熟練掌握；B掌握；C一了解）（技能要求：A熟練掌握；B_掌握；C一了解） 4、學習情境 本課程以JavaSc

8、ript程序設計語言為主要工具，學習Web應用程序或網站前端開發(fā)技術。為了更好實施軟件技術專業(yè)“職業(yè)情境，項目主導”的工學結合人才培養(yǎng)模式，開展基于軟件產品開發(fā)工作過程的項目實踐教學，本課程組織為9個模塊，9個項目。按照項目開發(fā)的過程進行模塊的劃分，在完成每個模塊學習和實踐的過程中，融入相應的知識點、程序設計方法、程序調試方法和軟件設計規(guī)范。在教學內容選取和組織過程中，突出與企業(yè)的深度融合，引進企業(yè)軟件產品開發(fā)環(huán)境、管理規(guī)范、技術資源，校企雙方共同完成本課程的教學與實踐。 5、項目實施 通過項目設計培養(yǎng)學生的職業(yè)素養(yǎng)。在項目設計過程中，加深對知識的理解，提高對編程工具使用的

9、熟練程度，掌握軟件項目開發(fā)的一般方法、步驟與流程，熟悉程序設計的基本工作規(guī)范，養(yǎng)成良好的編程習慣。同時，通過協(xié)作完成軟件項目開發(fā)，培養(yǎng)學生的溝通交流能力、組織協(xié)調能力、團隊合作能力和自主學習能力。項目開發(fā)過程中，每4-5人一組，在教師的指導下，制定項目開發(fā)計劃、時間進度、工作流程等，項目組成員可以具體的分工協(xié)作。完成項目測試，項目文檔制作等。 6、教學要求 序號課題知識要求能力要求教學建議課時1JavaScript與HTML混編初步體驗使用JavaScript進行WEB前端應用開發(fā)的方法1、初步體驗JavaScript腳本內嵌在HTML中的書寫方法 2、初步了解事

10、件觸發(fā)的概念以及函數調用帶領學生共同體驗任務完成過程，不必對其中涉及的知識點做過多的解釋 42簡單計算器 掌握判斷結構的使用方法1、熟悉變量和常量的概念和使用方法 2、熟悉基本數據類型及類型轉換 3、熟悉各種運算符的使用方法 4、熟悉判斷結構 以學習判斷結構為主線，融入其他知識點，在項目完成后對這些知識做總結歸納 63統(tǒng)計成績單掌握循環(huán)結構的使用方法1、初步了解數組的概念和使用方法。 2、初步了解對象的概念。 3、熟悉Math數學對象的應用。 4、熟悉循環(huán)結構的使用方法。 5、熟悉變量

11、的作用域以學習循環(huán)結構為主線，融入其他知識點，在項目完成后對這些知識做總結歸納104注冊頁面設計 掌握事件的應用 1、理解事件的概念。 2、掌握事件的觸發(fā)機制。 3、掌握常用事件的應用。以學習事件為主線，融入其他知識點，在項目完成后對這些知識做總結歸納85多窗體注冊頁面掌握窗口對象 1、掌握窗體對象Window的常用屬性和方法。 2、掌握地址對象Location的常用屬性和方法。 3、掌握歷史對象History的常用屬性和方法。 4、掌握屏幕對象Screen的常用屬性和方法。 5、掌握瀏覽器對象Navig

12、ator的常用屬性以學習五大對象主線，融入其他知識點，在項目完成后對這些知識做總結歸納86多功能相冊掌握文檔對象1、掌握文檔對象Document的常用屬性和方法。 2、掌握Cookie對象的使用方法。 3、掌握圖像對象的使用方法。 4、掌握超級鏈接對象的使用方法。 5、掌握利用JavaScript設置樣式的方法。以學習文檔對象主線，融入其他知識點，在項目完成后對這些知識做總結歸納 87商品列表掌握DOM對象1、掌握利用DOM獲取文檔節(jié)點的方法。 2、掌握利用DOM操作文檔節(jié)點的方法。 3、掌握利用DOM獲取或設置文檔節(jié)點樣式

13、的方法。 4、掌握利用DOM操作表格的方法以學習DOM對象主線，融入其他知識點，在項目完成后對這些知識做總結歸納 88自制滾動條掌握事件的高級應用 1、掌握事件流和事件綁定。 2、掌握阻止瀏覽器默認行為的方法。 3、掌握鼠標滾輪事件的處理方法。 以學習事件的高級應用為主線，融入其他知識點，在項目完成后對這些知識做總結歸納109運動基礎 掌握利用JavaScript設計動畫的基本思想 1、掌握物理運動的基本規(guī)律。 2、掌握緩沖運動的原理和實現(xiàn)方法。 3、掌握窗口滾動事件。 以學習緩沖運動

14、的設計思想主線，融入其他知識點，在項目完成后對這些知識做總結歸納 10 18周授課，其余時間機動（考試、復習等） 合計72 五、課程實施條件 1、人員條件 授課教師必須具備以下條件：本科以上計算機相關專業(yè)學歷，有一定的英語水平；通過初級或者高級程序員考試或者拿到一些國際、國內認證的證書，有一年以上教授相關程序設計課程或項目開發(fā)經驗；有網頁設計及Web應用程序開發(fā)能力及經驗；較強的邏輯思維能力，團隊精神和協(xié)作能力，強烈的好奇心和學習精神。 2、環(huán)境條件 本課程需要一間高性能聯(lián)網的計算機實訓室，需滿足每位學生一臺電腦。

15、配備液晶投影儀、多媒體教學軟件、Dreamweaver CS5.0及以上版本、一款JavaScript常用開發(fā)工具，如Aptana等。 六、教學組織與方法 1、教學方法 結合軟件與信息服務專業(yè)學生特點，基于行動導向，根據每個任務的內容特點，以真實項目進行引導開展教學。整個課程以項目任務實訓為主線，以技能培養(yǎng)為核心來組織教學。學生在完成項目分解的任務中學習相關知識，并利用這些知識解決項目中的問題。 （1）項目教學法 課程將WEB前端開發(fā)中的某個應用作為一個項目，并分解為多個小的任務。每個任務的學習過程以工作過程為導向，最終形成學生的職業(yè)

16、行動能力。 （2）小組教學法 以6人為一個單位，成立教學小組。單人完成的項目，組內可以互相學習，督促和評價。大型復雜的項目，小組成員共同完成。 （3）視頻展示法 教師對講授內容充分提煉，將復雜的操作錄制下來，方便學生反復觀看和模仿，形象生動的動態(tài)展示和講解。使抽象、難懂的教學內容變得直觀、易懂和容易掌握；提高了教學效率；便于學生自主學習。 2、教學手段 （1）充分利用多媒體實訓室和多媒體課件 本課程的課堂講授全部在實訓室進行，便于使用投影設備，采用多媒體教學手段。開發(fā)和使用的多媒體課件制作精美并含有動態(tài)演示，其有效地增強了學

17、生的學習興趣。 （2）鼓勵自主學習 制作網絡課件，并將教學大綱、教案、習題等同時上網開放，激發(fā)學生學習興趣，鼓勵學生自主學習，同時可以緩解課程信息量增加與壓縮授課學時之間的矛盾。 （3）嚴格考評制度 設計了內容豐富、形式多樣的習題作業(yè)，以利于學生理解和掌握所學知識。嚴格檢查平時作業(yè)完成情況，及時反饋作業(yè)中反映的問題。采用定期模擬考試的方法及時檢驗學生階段性學習成果。建立科學合理的考核評價制度，以促進學生的學習積極性和自我學習的動力。 （4）充分利用網絡環(huán)境和資源 充分利用互聯(lián)網資源、本課程網站資源，在網上開展教學活動，包括網絡課程學習

18、、自主學習、課后復習、課件下載、作業(yè)提交、專題討論、網上答疑等，使學生可以不受時間、地點的限制，方便地進行學習。 七、教學材料 1、學材與教材 （1）選用教材 JavaScript項目式實例教程校內教材，作者：張屹峰。 （2）參考書目 JavaScript DOM編程藝術，人民郵電出版社，Jerymy Keith著.楊濤，王建橋，楊曉云譯 JavaScript DOM高級程序設計，人民郵電出版社，Jeffrey Sambells,Aaron Gustafson著.李松峰，李雅

19、雯譯 2、軟件與網絡 Dreamweaver CS5.0及以上版本、一款JavaScript常用開發(fā)工具，如Aptana等。 八、教學評價 1、教學評價 強調評價對教學的激勵、診斷和促進作用，發(fā)揮教師在評價中的主導作用，創(chuàng)造條件實現(xiàn)評價主體的多元化，要關注學生的個別差異，鼓勵學生的創(chuàng)造實踐。綜合運用各種形成性評價方式，全面考察學生的程序設計能力的養(yǎng)成過程，評價與教學過程相結合，動態(tài)把握，及時引導學生情感、態(tài)度和價值觀的形成。采用紙筆測試和上機測試相結合的方式開展總結性教學評價。要根據課程標準的要求和具體考試內容選擇合適的題型和考試方式

20、，創(chuàng)造條件全面考察學生解決實際問題的能力，避免只重視知識記憶。要注意結合學生平時學習表現(xiàn)和過程性評價結果，改變單純一次測驗或考試為依據，評定學生一學期或整個學段學習情況的局面，適度加大過程性評價在期末成績評定中的比重。 2、考核內容 知識模塊知識小點 考核等級 1JavaScript與HTML混編 JavaScript在HTML中不同寫法 模塊化編程 2判斷結構 基本數據類型數據類型的轉換 運算符 判斷結構內置函數 3循環(huán)結構數組 對象的概念 Math數學對象

21、60; 循環(huán)結構   變量的作用域   4簡單事件事件的概念  事件的觸發(fā)機制 用事件的應用   5窗口對象 Window對象常用屬性和方法 History對象常用屬性和方法creen對象常用屬性和方法Navigator對象常用屬性和方法 6文檔對象Document對象常用屬性和方法  Cookie對象的使用圖像對象的使用超級鏈接對象的使用利用JavaScript設置樣式表的方法  7DOM對象獲取文檔節(jié)點操作文檔節(jié)點獲取和設置文檔節(jié)點樣式 作表格  8. 事件的高級應用 事件流和事件綁定 阻止瀏覽器默認行為鼠標滾輪事件  9.運動基礎物理運動基本規(guī)律 緩沖運動的原理和實現(xiàn)  窗口滾動事件