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

《JavaScript項目式實例教程課程標準》由會員分享，可在線閱讀，更多相關《JavaScript項目式實例教程課程標準（7頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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

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

3、與課程內(nèi)容的對應關系如下： Web前端開發(fā)崗位職業(yè)能力教學內(nèi)容（理實一體化課）模塊化設計思想任務模塊化（第1 章）程序設計基本流程判斷、循環(huán)結(jié)構（第2、3章）與基本對象的交互設計事件（第4章）事件高級應用（第8章）操作瀏覽器窗口窗口對象（第5章）操彳Document文檔對象（第6章）操彳DOMDOM對象（第7章）動畫基礎運動基礎（第9章）三、教學目標1、職業(yè)關鍵能力目標 （1）掌握JavaScript語言的基本語法及常用的內(nèi)置函數(shù)（2）掌握事件以及事件的觸發(fā)機制（3） 掌握BOM對象的常用屬性和方法《JavaScript項目式實例教程》課程標準 3 （4）掌握文檔對象的常用屬性和方

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

5、，形成關鍵性 的軟件開發(fā)與應用的能力。四、課程內(nèi)容1、預備知識 學習本課程，學生必須具備的知識和技能有：計算機應用基礎、HTML標記語言、DIV+CSS 網(wǎng)頁布局。如果已具有一門程序設計語言基礎則能達到更好的學習效果。 2、核心內(nèi)容 課程重難點及課時分配如下表所示: 核心內(nèi)容 教學要求 重點 難點 (ABC) 學時安排 備注 JavaScript與HTML混編的方式 B ☆ C 2 判斷、循環(huán)結(jié)構 A ☆ B 5 數(shù)據(jù)類型及轉(zhuǎn)換 A ☆ B 3 字符串對象及處理函數(shù) A ☆ B 4 事件處理機制及主要事件「 A

6、 ☆ A 6 窗口對象 A ☆ A 5 文檔對象 A ☆ A 5 DOM對象 A ☆ A 6 合計 36 （教學要求：A—熟練掌握；B一掌握；C一了解）（技能要求：A一熟練掌握；B_掌握；C 了解） 3、項目設計 項目設計及課時分配如下表所示: 項目設計 教學要求 重點 （☆） 難點 (ABC) 學時 安排 備注 項目一：對話框和貝囿輸出 C ☆ C 2 項目二：簡單計算器 A ☆ B 3 項目三：統(tǒng)計成績單 A ☆ B 5 項目四：注冊頁面設計

7、A ☆ B 4 項目五：多窗體注冊頁面 A ☆ A 4 項目六：多功能相冊 A ☆ A 4 項目七：商品列表 A ☆ A 4 項目八：自制滾動條 A ☆ A 5 項目九：運動基礎 A ☆ A 5 合計 36 （教學要求：A—熟練掌握；B一掌握；C一了解）（技能要求：A一熟練掌握；B_掌握；C 了解） 4、學習情境 本課程以JavaScript程序設計語言為主要工具，學習Web應用程序或網(wǎng)站前端開發(fā)技術。為 了更好實施軟件技術專業(yè)“職業(yè)情境，項目主導”的工學結(jié)合人才培養(yǎng)模式，開展基于

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

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

10、 簡單計算器 掌握判斷結(jié)構的使用方法 1、熟悉變里和帛里的概念和使用方法2、熟悉基本數(shù)據(jù)類型及類型轉(zhuǎn)換3、熟悉各種運算符的使用方法4、熟悉判斷結(jié)構 以學習判斷結(jié)構為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 6 3 統(tǒng)計成績單 掌握循環(huán)結(jié)構的使用方法 1、初步了解數(shù)組的概念和使用方法。2、初步了解對象的概念。 3、熟悉Math數(shù)學對象的應用。4、熟悉循環(huán)結(jié)構的使用方法。 5、熟悉變量的作用域 以學習循環(huán)結(jié)構為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 10 4 注冊頁面設計 掌握事件的應用 1、理解事件的概念。2、掌握事件的觸發(fā)機制。

11、 3、掌握常用事件的應用。 以學習事件為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 8 5 多窗體注冊頁面 掌握窗口對象 1、掌握窗體對象Window的常用屬性和方法。 2、掌握地址對象Location的常用屬性和方法。 3、掌握歷史對象History的常用屬性和方法。 4、掌握屏幕對象 以學習五大對象主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 8 Screen的常用屬性和方法。 5、掌握瀏覽器對象Navigator的常用屬性 6 多功能相冊 掌握文檔對象 1、掌握文檔對象Document的常用屬性和方法。2、掌

12、握 Cookie對象的使用方法。3、掌握圖像對象的使用方法。 4、掌握超級鏈接對 象的使用方法。5、掌握利用JavaScript設置樣式的方法。 以學習文檔對象主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 8 7 商品列表 掌握DOM對象 1、掌握利用DOM族取文檔節(jié)點的方法。2、掌握利用DOM操作文檔節(jié)點的方法。3、掌握利用DOM狀取或設置文檔節(jié)點樣式的方法。4、掌握利用DOM操作表格的方法 以學習DOM對象主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 8 8 自制滾動條 掌握事件的高級應用 1、掌握事件流和事件綁定。 2、掌握阻止瀏覽器默

13、認行為的方法。3、掌握鼠標滾輪事件的處理方法。 以學習事件的高級應用為主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 10 9 運動基礎 掌握利用 JavaScript設計動畫的基本思想 1、掌握物理運動的基本規(guī)律。 2、掌握緩沖運動的原理和實現(xiàn)方法。3、掌握窗口滾動事件。 以學習緩沖運動的設計思想主線，融入其他知識點，在項目完成后對這些知識做總結(jié)歸納 10 18周授課，其余時間機動（考試、復習等） 合計 72 五、課程實施條件1、人員條件 授課教師必須具備以下條件：①本科以上計算機相關專業(yè)學歷，有一定的英語水平；②通過 初級或者高級程序員考試或

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

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

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

17、積極性和自我學習的動力。 (4)充分利用網(wǎng)絡環(huán)境和資源 充分利用互聯(lián)網(wǎng)資源、本課程網(wǎng)站資源，在網(wǎng)上開展教學活動，包括網(wǎng)絡課程學習、自主學 習、課后復習、課件下載、作業(yè)提交、專題討論、網(wǎng)上答疑等，使學生可以不受時間、地點的限制，方便地進行學習。 七、教學材料1、學材與教材(1)選用教材 《JavaScript項目式實例教程》校內(nèi)教材，作者：張屹峰。(2)參考書目 ?JavaScriptDOM編程藝術》，人民郵電出版社，JerymyKeith著楊濤，王建橋，楊曉云譯 ?JavaScriptDOM高級程序設計》，人民郵電出版社，JeffreySambells,AaronGustafso

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

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

20、構 ☆☆☆☆ 變量的作用域 ☆☆ 4.簡單事件 事件的概念 ☆☆ 事件的觸發(fā)機制 ☆☆☆☆ 用事件的應用 ☆☆☆ 5.窗口對象 Window對象常用屬性和方法 ☆☆☆ History對象常用屬性和方法 ☆☆☆ creen對象常用屬性和方法 ☆☆☆ Navigator對象常用屬性和方法 ☆☆☆ 6.文檔對象 Document對象常用屬性和方法 ☆☆☆ Cookie對象的使用 ☆☆ 圖像對象的使用 ☆☆ 超級鏈接對象的使用 ☆☆ 利用JavaScript設置樣式表的方法 ☆☆☆ 7.DOM對象 獲取文檔節(jié)點 ☆☆☆☆ 操作文檔節(jié)點

21、 ☆☆☆☆ 獲取和設置文檔節(jié)點樣式 ☆☆☆☆ 作表格 ☆☆ 8.事件的高級應用 事件流和事件綁定 ☆☆☆ 阻止瀏覽器默認行為 ☆☆☆ 鼠標滾輪事件 ☆☆☆☆ 9.運動基礎 物理運動基本規(guī)律 ☆☆ 緩沖運動的原理和實現(xiàn) ☆☆ 窗口滾動事件 ☆☆ 3、考核方式 本課程實施綜合考評，注重考核學生掌握技能的水平，同時注重學習態(tài)度和最終成績的關聯(lián)， 以全面綜合地評定學生的能力。 (1)平時技能考核：布置課堂作業(yè)以及拓展實訓項目，使學生能獨立完成大部分的技能訓 練，小項目及活動的技能，均以個人為考核單位，在平時考核和記錄。成績包括學習態(tài)度及

22、 項目技能完成情況。占總成績20%。 (2)階段考核：復雜的大項目，對學生進行分組，任務由各小組成員共同完成。根據(jù)每個 任務的完成情況，要求小組成員分別給出自評(25%),組內(nèi)互評(25%),同時教師對任務 小組的整體完成情況給出評價(50%)作為每位成員的共同分數(shù)。占總成績20%。 (3)期中考核和期末考核：在學生期中和期末課程學習結(jié)束后，統(tǒng)一參加技能考試。期中 成績占總成績20%,期末成績占總成績40%。 九、課程資源開發(fā)與利用 組織課程教學相關教師在深入崗位調(diào)研和教學過程總結(jié)的基礎上開發(fā)課程資源，包括電子教 案、課件、試題習題集、教學微課視頻。建立教學資源庫，上傳所有相關課程資源供相關老師和學生下載學習；依托“3A-學習平臺一一“教學云課堂”APP,微課掌上通平臺，讓學 生能隨時、隨地進行預習、自學和復習，也更加方面教師和學生的互動教學和輔導。 十、職業(yè)基本素養(yǎng) (1)培養(yǎng)學生團隊協(xié)作精神，樹立誠信意識，鍛煉學生溝通交流的能力；(2)通過項目 法教學模式，讓學生親身體驗項目的設計、管理和實施；(3)通過撰寫方案設計報告，提 高學生書面表達能力，培養(yǎng)學習常用專業(yè)英語詞匯的興趣； (4)通過課外拓展訓練，鍛煉學生自我學習的能力。