Javascript程序設(shè)計(jì)課程標(biāo)準(zhǔn)

1、Javascript 程設(shè)計(jì)課標(biāo)準(zhǔn)課程代碼：MB010509 課程屬性：專業(yè)課課程類型：理論+實(shí)踐適用專業(yè)：信息工程學(xué)院軟件技術(shù)專業(yè)學(xué)時(shí)：64 學(xué)時(shí)學(xué)分：3.5 學(xué)分課程負(fù)責(zé)人：參編人員：一課定（一）課程性質(zhì)Javascript 程序計(jì)是一門需要綜合應(yīng)用所學(xué)網(wǎng)頁(yè)制作知(HTML、CSS、JavaScript) 的課程而打造的面向網(wǎng)頁(yè)制作方向就業(yè)技能的一門重要課程。該課程深入淺出，結(jié)合實(shí)際案例 統(tǒng)地講解了使用 JavaScript 和 jQuery 進(jìn)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)和技巧位于 WEB 技開(kāi)發(fā)， 是 WEB 前端術(shù)開(kāi)發(fā)的必備課程，為網(wǎng)頁(yè)美工PHP 動(dòng)網(wǎng)頁(yè)設(shè)計(jì)C#程序設(shè)計(jì)與應(yīng)用等課程的 學(xué)習(xí)打下

2、基礎(chǔ)，在整個(gè)課程體系中具有承前啟后的重要作用。（二）課程作用 程設(shè)計(jì)課程務(wù)是培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)美工以及EB 綜合發(fā)的初、中級(jí) 專業(yè)人才，通過(guò)本課程的學(xué)習(xí)，學(xué)生能掌握 JavaScript 語(yǔ)言的基本編程思想，并能熟練利用 JavaScript 控制 WEB 頁(yè)各級(jí)元，實(shí)現(xiàn) WEB 前的驗(yàn)證、動(dòng)態(tài)展示等任務(wù)。（三）前導(dǎo)、后續(xù)課程它是 WEB 前技術(shù)開(kāi)發(fā)的必備課程整課程體系中具有重要的作用課程的前導(dǎo)課程： Web 前開(kāi)發(fā)基礎(chǔ)、圖像處理技術(shù)。后續(xù)課程Javascript 框架應(yīng)用開(kāi)發(fā)、網(wǎng)頁(yè)美工、PHP 動(dòng) 網(wǎng)頁(yè)設(shè)計(jì)、Html5 高開(kāi)發(fā)等。二課理及計(jì)路（一）課程理念通過(guò)本課程的學(xué)習(xí)，使學(xué)生對(duì) HTML

3、 腳、CSS 代碼 JavaScript 特代碼等網(wǎng)頁(yè)基本組成 元素有全面和充分的認(rèn)識(shí)，能熟練地使用以上代碼開(kāi)發(fā)出漂亮的靜態(tài)網(wǎng)頁(yè)，制作出炫酷的網(wǎng)頁(yè) 果后繼的動(dòng)態(tài)網(wǎng)頁(yè)課程的學(xué)習(xí)打好基礎(chǔ)生能掌握 JavaScript 語(yǔ)言的基本編程思想 并能熟練利用 JavaScript 控制 WEB 面各級(jí)元素現(xiàn) WEB 端的驗(yàn)證動(dòng)態(tài)展示等任務(wù)主1包括 JavaScript 的礎(chǔ)語(yǔ)法，常用開(kāi)發(fā)工具和調(diào)試工具，簡(jiǎn)單的C 知，DOM 模及事件機(jī)制 和常見(jiàn)事件處理等內(nèi)容。（二）課程設(shè)計(jì)思路針對(duì)學(xué)生的層次和高職學(xué)生的特點(diǎn)程的日常教學(xué)中努力做到理論教學(xué)以應(yīng)用為目的， 以必需、夠用為度，專業(yè)教學(xué)加強(qiáng)針對(duì)性和應(yīng)用性。以職業(yè)能

4、力培養(yǎng)為主線，使教學(xué)內(nèi)容按照 力培養(yǎng)目標(biāo)進(jìn)行重組、整合與優(yōu)化，教學(xué)方法體現(xiàn)能力培養(yǎng)，廣泛采用“案例”、“參與式” “討論式”、“啟發(fā)式”等生動(dòng)活潑的教學(xué)形式，有效利用現(xiàn)代教育技術(shù)組織教學(xué)，并加強(qiáng)課 的組織管理、運(yùn)行管理和質(zhì)量管理以及課程的過(guò)程評(píng)價(jià)與目標(biāo)評(píng)價(jià)。具體措施體現(xiàn)在以下幾個(gè) 面：基于典型工作過(guò)程分析，構(gòu)建課程體系；職業(yè)能力培養(yǎng)為核心，設(shè)計(jì)教學(xué)內(nèi)容；以提高學(xué)生職業(yè)能力和職業(yè)素養(yǎng)為目標(biāo)，重視實(shí)踐教學(xué)； 融合職業(yè)資格標(biāo)準(zhǔn)，推行雙證書(shū)制；校企合作，共建新型實(shí)踐教學(xué)基地；校企合作，形成實(shí)踐技能課主要由企業(yè)兼職教師講授的機(jī)制。三課目通過(guò)本課程的學(xué)習(xí)，使學(xué)生形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊(duì)的協(xié)作能力，形

5、成良好的思 考問(wèn)題、分析問(wèn)題和解決問(wèn)題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國(guó)家關(guān)于軟件與信息技術(shù)的 關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開(kāi)發(fā)與應(yīng)用的能力。最終成為具備較全面的軟件開(kāi)發(fā)與信息服 的技術(shù)人才。根據(jù)高職教育的特點(diǎn)，按照學(xué)院“小學(xué)校、大課堂”的辦學(xué)思路和“校企融合、同興共贏” 的辦學(xué)模式，積極探索“校企合作、工學(xué)結(jié)合”的人才培養(yǎng)模式，積極探索以實(shí)踐能力考核為 的課程評(píng)價(jià)方法，切實(shí)提高學(xué)生的職業(yè)能力和就業(yè)競(jìng)爭(zhēng)力?？傮w設(shè)計(jì)思路是：以高職高專的教育規(guī)律為基礎(chǔ)，結(jié)合本校的教學(xué)要求，跟蹤當(dāng)前網(wǎng)頁(yè)設(shè)計(jì) 發(fā)展的趨勢(shì)，做到教學(xué)與實(shí)踐結(jié)合。通過(guò)若干項(xiàng)目任務(wù)的分解學(xué)習(xí)，達(dá)到課程學(xué)習(xí)的要求。 （一）能力目標(biāo)具備實(shí)現(xiàn)客戶

6、端表單驗(yàn)證的能力； 具備制作動(dòng)態(tài)網(wǎng)頁(yè)特效的能力； 具備搭建客戶端網(wǎng)頁(yè)商城的能力；（二）知識(shí)目標(biāo)2掌握使用 美網(wǎng)頁(yè)的基本知識(shí)； 掌握使用 jQuery 美網(wǎng)頁(yè)的知識(shí)；掌握實(shí)現(xiàn)客戶端表單校驗(yàn)功能的知識(shí)；掌握使用 設(shè)網(wǎng)頁(yè)動(dòng)畫效果的方法； 掌握使用 設(shè)網(wǎng)頁(yè)驗(yàn)證效果的方法； 掌握使用 設(shè)表單特效的方法。（三）素質(zhì)目標(biāo)形成一定的學(xué)習(xí)能力、溝通與團(tuán)隊(duì)的協(xié)作能力；能用心尊重他人、不斷激勵(lì)自己；樂(lè)于團(tuán)隊(duì)合作、善于整合資源；善于表達(dá)溝通、用于企業(yè)實(shí)踐、注重學(xué)以致用；及時(shí)適應(yīng)環(huán)境變化、不斷開(kāi)拓創(chuàng)新。四課內(nèi)與排本課程每周 4 課教周共 16 周總學(xué)時(shí)為 64 學(xué)教采用講練結(jié)合的方法理教 學(xué)和操作練習(xí)穿插進(jìn)行。講授時(shí)數(shù)

7、為 學(xué)時(shí)操作時(shí)數(shù)為 14 學(xué)時(shí)教學(xué)內(nèi)容詳細(xì)、教學(xué)時(shí)數(shù)分 配表見(jiàn)下表 1。根據(jù)專業(yè)課程目標(biāo)和涵蓋的工作任務(wù)要求，確定課程內(nèi)容和要求，說(shuō)明學(xué)生應(yīng)獲得的知識(shí)、 技能與態(tài)度。本課程的主要任務(wù)是培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)美工以及 WEB 綜開(kāi)發(fā)的初、中級(jí)專業(yè)人才。學(xué)生 能掌握 JavaScript 語(yǔ)言基本編程思想，并能熟練利用 JavaScript 控 WEB 頁(yè)面各級(jí)元素，實(shí) 現(xiàn) WEB 前端的驗(yàn)證、動(dòng)態(tài)展示等務(wù)。本課程主要講解的相關(guān)知識(shí)有握 JavaScript 語(yǔ)言基本語(yǔ)法BOM 對(duì)象常用屬性和方 法，文檔對(duì)象的常用屬性和方法DOM 的念以及利用 DOM 操文檔節(jié)點(diǎn)的方法，簡(jiǎn)單的 CSS 知 識(shí)，掌握常

8、用開(kāi)發(fā)工具和調(diào)試工具。最后以一個(gè)綜合的實(shí)例將這些技術(shù)集成在一起，實(shí)現(xiàn)了一 完整的簡(jiǎn)單的，具有人機(jī)交互功能的動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)。表 課內(nèi)容分解表學(xué)習(xí)情境項(xiàng) 目單子情境子 目子元學(xué)習(xí)內(nèi)容（支撐 知識(shí)）教學(xué)方法及手段成果形式參考課時(shí)JavaScript 的1JavaScript 1.程序Hello 概述 World運(yùn)行源 瀏覽器之爭(zhēng)講敘示及練習(xí)可正常運(yùn)行第一個(gè) Javascript 小序4體驗(yàn)第一個(gè)31.輸入數(shù)字判 斷程序Javascript 小序JavaScript 語(yǔ)JavaScript 變與關(guān)鍵字2. JavaScript基礎(chǔ)2.輸出 乘 法表程序3.對(duì) 2 數(shù)行 四則運(yùn)算條件語(yǔ)句循環(huán)語(yǔ)句函數(shù)講敘

9、示及練習(xí)能實(shí)現(xiàn)需求功能的 可運(yùn)行的 HTML 網(wǎng)文件104. 對(duì)調(diào)用 實(shí)例對(duì)象BOM 基礎(chǔ)3. 開(kāi)及調(diào) 試工具1.根據(jù)當(dāng)前時(shí) 間顯示問(wèn)候語(yǔ)程序常用開(kāi)發(fā)工具介 紹常用調(diào)試工具介 紹講敘示及練習(xí)程序可實(shí)現(xiàn)根據(jù)當(dāng) 前時(shí)間顯示問(wèn)候語(yǔ)句44CSS 基礎(chǔ) 進(jìn)階1.圖片的雙邊 框效果及圖文 混排，首字下沉效果2.浮動(dòng)定位效 果的實(shí)現(xiàn)1.動(dòng)態(tài)修改圖CSS 的使用樣式CSS 選擇器CSS 文字與圖片 效果CSS 布局定位DOM 技術(shù)簡(jiǎn)介講敘實(shí)現(xiàn)要求效果的網(wǎng)示及練頁(yè)文件習(xí) 105.DOM 編片（HTMLDOM實(shí)現(xiàn)及 COREDOM 實(shí)） 2.顯示圖片的網(wǎng)頁(yè)中的 DOM 模 型框架元素節(jié)點(diǎn)、文本 節(jié)點(diǎn)、屬性節(jié)點(diǎn)講敘

10、示及練習(xí)實(shí)現(xiàn)了動(dòng)態(tài)修改圖 片及顯示路徑等屬 性的網(wǎng)頁(yè)文件8路徑等屬性1.屏蔽鼠標(biāo)右DOM 與 CSS事件機(jī)制簡(jiǎn)介講敘實(shí)現(xiàn)屏蔽鼠標(biāo)右鍵 446JavaScript事件機(jī)制鍵 2.伸縮的兩級(jí)常用事件函數(shù)示及練習(xí)及伸縮兩級(jí)菜單的 網(wǎng)頁(yè)文件菜單 1.對(duì)一個(gè)表格使用 CSS 控制表7.表格與表單進(jìn)行增刪改操 作2.對(duì)表單元素 如文本框的值格樣式使用 DOM 動(dòng)態(tài)控 制表格控制表單并對(duì)表講敘示及練習(xí)實(shí)現(xiàn)表格及表單功 能的 HTML 網(wǎng)文件128. JavaScript進(jìn)行驗(yàn)證1.對(duì)指定的帶 有錯(cuò)誤的程序單元素進(jìn)行驗(yàn)證常見(jiàn)錯(cuò)誤和異常錯(cuò)誤處理設(shè)計(jì)與優(yōu)化進(jìn)行調(diào)試使用調(diào)試器JavaScript 優(yōu)了解 的 關(guān)目錄

11、講敘示及練習(xí)通過(guò) trycatch 逐 漸縮小范圍查找錯(cuò) 誤講敘及演示練習(xí)， 最終能得到一個(gè)完 整正確的程序4可獲得服務(wù)器端 內(nèi)容的 Ajax 程序9.練 1.設(shè)個(gè)人網(wǎng)站思路整個(gè)綜合知識(shí)的 應(yīng)用練習(xí)設(shè)計(jì)出具有個(gè)人風(fēng) 格的動(dòng)態(tài)網(wǎng)站4課時(shí)合計(jì)64五課考評(píng)教學(xué)評(píng)價(jià)和考核中貫徹能力本位的理念。變單向教學(xué)評(píng)價(jià)為多元評(píng)價(jià)，將靜態(tài)教學(xué)評(píng)價(jià)變?yōu)?動(dòng)態(tài)評(píng)價(jià)；變學(xué)生被動(dòng)應(yīng)對(duì)考試為主動(dòng)參與考核，將結(jié)果式考核變?yōu)榉蛛A段分層次的過(guò)程考核 （一）課程評(píng)價(jià)為了能夠?qū)W(xué)生的綜合能力進(jìn)行有效評(píng)價(jià)課程采用多種方式相結(jié)合的考核方式日常 記錄：對(duì)學(xué)生日常出勤、課堂互動(dòng)、提交作業(yè)等情況做記錄，考核學(xué)生的學(xué)習(xí)態(tài)度過(guò)考 核：課堂上按照學(xué)生

12、任務(wù)完成的時(shí)長(zhǎng)及完成質(zhì)量給予評(píng)分，考核學(xué)生 技能掌握熟練程度；） 集中閉卷筆試（項(xiàng)目或任務(wù)成果）：理論掌握情況，采用了閉卷集中考試的方式。學(xué)期教學(xué)評(píng)=平時(shí)成績(jī)（主要包括考勤、課堂互動(dòng)X20% 程考核（主要包括任務(wù)完成5情況、單元測(cè)試X40%+期集筆試成績(jī)（項(xiàng)目或任務(wù)成果X （二）考核要求課程中需要學(xué)生動(dòng)手實(shí)操的部分，以學(xué)習(xí)情境或項(xiàng)目為單位，進(jìn)行過(guò)程性考核，能夠在規(guī)定 時(shí)間內(nèi)自主完成項(xiàng)目或任務(wù)，得滿分；否則根據(jù)完成任務(wù)所用時(shí)長(zhǎng)和所獲得的幫助情況，酌情 分。根據(jù)在項(xiàng)目開(kāi)發(fā)過(guò)程中的重要程度所需完成的任務(wù)量和難度，占分比重有所不同。表 學(xué)情境或項(xiàng)目考核占分比重學(xué)情或目JavaScript概述JavaS

13、cript基礎(chǔ) 開(kāi)發(fā)及調(diào)試工具 CSS基礎(chǔ)及進(jìn)階DOM編 JavaScript事件機(jī)制表格與表單 JavaScript設(shè)計(jì)與優(yōu)化六課資開(kāi)與用占比（）學(xué)習(xí)資料資源：教材、實(shí)訓(xùn)指導(dǎo)書(shū)重在于實(shí)際項(xiàng)目相結(jié)合，以項(xiàng)目（任務(wù)）的方式推進(jìn)對(duì)技 能的學(xué)習(xí)。信息化教學(xué)資源：依據(jù)學(xué)習(xí)過(guò)程中對(duì)項(xiàng)目的推進(jìn)，通過(guò)多媒體課件、網(wǎng)絡(luò)課程引入，使學(xué)生 通過(guò)模擬仿真進(jìn)行案例練習(xí)。課程資源要求具備：課程文檔、教案、課件、工具、實(shí)訓(xùn)案例。課程資源的引入需符合行業(yè)標(biāo)。 七課實(shí)建（一）教學(xué)條件課程應(yīng)在校內(nèi)實(shí)訓(xùn)基地具備如下條件的實(shí)訓(xùn)室中完: 要求有教學(xué)做一體化的綜合實(shí)訓(xùn)室， 融教學(xué)與實(shí)訓(xùn)為一體，以及與課程相應(yīng)的軟件 Dreamweave

14、r 支持。校外要求有與學(xué)校長(zhǎng)期合作 的企業(yè)做實(shí)訓(xùn)基地，滿足學(xué)生頂崗實(shí)習(xí)的需要。6擔(dān)任本課程的主講教師需要熟練掌握網(wǎng)頁(yè)設(shè)計(jì)相關(guān)專業(yè)知識(shí)，具有敏銳的網(wǎng)站設(shè)計(jì)發(fā)展趨勢(shì) 眼光，同時(shí)應(yīng)具備較豐富的教學(xué)經(jīng)驗(yàn)。在教學(xué)組織能力方面，本課程的主講教師應(yīng)具備基本的 計(jì)能力，即根據(jù)本課程標(biāo)準(zhǔn)制定詳細(xì)的授課計(jì)劃，對(duì)每一堂課的教學(xué)過(guò)程精心設(shè)計(jì)；還應(yīng)具備 強(qiáng)的施教能力、課堂掌控能力和應(yīng)變能力。（二）教學(xué)方法建議（1項(xiàng)引領(lǐng)任驅(qū)動(dòng)教在各章節(jié)不斷根據(jù)基于工作過(guò)程的例子成務(wù)的設(shè)計(jì)與 實(shí)現(xiàn)，使學(xué)生對(duì)即將展開(kāi)的學(xué)習(xí)有大致的方向性了解。（2）注重自主學(xué)習(xí)、合作學(xué)習(xí)兼顧學(xué)生的個(gè)性發(fā)展 授課過(guò)程中應(yīng)注重學(xué)生“終身學(xué)習(xí)能 力”的培養(yǎng)和鍛煉，

15、項(xiàng)目中某些功能模塊，其實(shí)現(xiàn)技術(shù)與小節(jié)中任務(wù)的實(shí)現(xiàn)技術(shù)相似，以“舉 反三”的形式給出，并有實(shí)現(xiàn)提示，要求學(xué)生根據(jù)已習(xí)得的知識(shí)和技能，并自行查找參考資料 完成在固課堂知識(shí)的同時(shí)鍛煉了學(xué)生自學(xué)能力和自主解決問(wèn)題的能力。 課除了規(guī)定的 “主線”外，在每一章節(jié)的課后練習(xí)中設(shè)計(jì)了一條 “能力拓展”為附線項(xiàng)目（任務(wù)），附線項(xiàng)目 （任務(wù)）的選題，鼓勵(lì)學(xué)生分組到企業(yè)實(shí)地考察調(diào)研之后來(lái)完成。（3建網(wǎng)絡(luò)課程延展教學(xué)空與時(shí)間本門課程建設(shè)有網(wǎng)絡(luò)課程內(nèi)包括授課視頻電 子課件的自動(dòng)播放、可視化項(xiàng)目引導(dǎo)等多種多媒體呈現(xiàn)形式，方便學(xué)生在課余時(shí)間重溫課堂； 絡(luò)課程中還設(shè)置有 延閱讀案例參考學(xué)生優(yōu)秀項(xiàng)目庫(kù)等多種資源課堂教學(xué)內(nèi)容的優(yōu)質(zhì)補(bǔ) 充；網(wǎng)絡(luò)課程中還有設(shè)置有試題庫(kù)、自我測(cè)試等板塊，學(xué)生可以及時(shí)進(jìn)行自我評(píng)估