《跨平臺腳本開發(fā)技術(shù)》教學(xué)大綱適用范圍：202X版本科人才培養(yǎng)方案課程代碼：08150341課程性質(zhì)：專業(yè)選修課學(xué)分：4學(xué)分學(xué)時：64學(xué)時（理論48學(xué)時，實(shí)驗(yàn)16學(xué)時）先修課程：Web前端開發(fā)技術(shù)等后續(xù)課程：前端框架技術(shù)適用專業(yè)：軟件工程開課單位：計算機(jī)科學(xué)與技術(shù)學(xué)院一、課程說明《跨平臺腳本開發(fā)技術(shù)》是軟件工程必修的一門專業(yè)技術(shù)選修課。本課程主要傳授跨平臺腳本開發(fā)用的基本知識與方法，為學(xué)習(xí)其他有關(guān)課程及以后從事軟件開發(fā)工作打下必要的基礎(chǔ)。本課程注重基本理論知識的學(xué)習(xí)和實(shí)操能力的培養(yǎng)，強(qiáng)調(diào)培養(yǎng)運(yùn)用理論知識和實(shí)踐能力解決軟件開發(fā)過程中實(shí)際問題的能力，兼顧Web開發(fā)新技術(shù)、新框架及其發(fā)展趨勢的介紹，培養(yǎng)“厚基礎(chǔ)、寬口徑、高素質(zhì)、強(qiáng)能力”的人才。二、課程目標(biāo)通過本課程的學(xué)習(xí)，使學(xué)生達(dá)到如下目標(biāo)：課程目標(biāo)1：掌握跨平臺腳本開發(fā)常見技術(shù)，能夠運(yùn)用開發(fā)工具進(jìn)行跨平臺項(xiàng)目的設(shè)計、開發(fā)與測試。課程目標(biāo)2：掌握J(rèn)avaScript和jQuery的基本應(yīng)用、DOM與BOM事件處理機(jī)制、會運(yùn)用JavaScript和jQuery設(shè)計跨平臺的Web交互程序，最終達(dá)到熟練使用JavaScript技術(shù)和jQuery來制作跨平臺腳本，從而提高程序的交互性和體驗(yàn)性。課程目標(biāo)3：理解跨平臺腳本開發(fā)有關(guān)的行業(yè)標(biāo)準(zhǔn)、常用框架以及相關(guān)知識產(chǎn)權(quán)、行業(yè)政策等；培養(yǎng)學(xué)生使用馬克思主義的世界觀和方法論認(rèn)識、分析和綜合解決問題的能力；讓學(xué)生在學(xué)好專業(yè)知識的同時堅(jiān)定理想信念，不斷增強(qiáng)科技強(qiáng)國的使命感和責(zé)任感。三、課程目標(biāo)與畢業(yè)要求《跨平臺腳本開發(fā)技術(shù)》課程教學(xué)目標(biāo)對軟件工程專業(yè)畢業(yè)要求的支撐見表1。表1課程教學(xué)目標(biāo)與畢業(yè)要求關(guān)系畢業(yè)要求指標(biāo)點(diǎn)課程目標(biāo)支撐強(qiáng)度2.問題分析2.1能夠運(yùn)用軟件工程學(xué)科基本原理和工程方法，識別和判斷軟件工程領(lǐng)域復(fù)雜工程問題的關(guān)鍵環(huán)節(jié)。課程目標(biāo)1：掌握跨平臺腳本開發(fā)技術(shù)的常見開發(fā)技術(shù)，能夠運(yùn)用開發(fā)工具進(jìn)行跨平臺項(xiàng)目的設(shè)計、開發(fā)與測試。M3.設(shè)計/開發(fā)解決方案3.1掌握軟件工程開發(fā)全流程所需能力，能夠根據(jù)需求確定設(shè)計目標(biāo)，并研究確定技術(shù)方案。課程目標(biāo)2：掌握J(rèn)avaScript和JQuery的基本應(yīng)用、DOM與BOM事件處理機(jī)制、會運(yùn)用JS和JQuery設(shè)計跨平臺的Web交互程序，最終達(dá)到熟練使用JavaScript技術(shù)和JQuery來制作跨平臺腳本，從而提高網(wǎng)頁交互性和體驗(yàn)性。M5.使用現(xiàn)代工具5.2能夠針對不同的工程需求，開發(fā)、選擇與使用相應(yīng)的技術(shù)、資源與工具，對軟硬件系統(tǒng)進(jìn)行分析、設(shè)計、開發(fā)、測試與維護(hù)。課程目標(biāo)3：理解跨平臺腳本開發(fā)有關(guān)的行業(yè)標(biāo)準(zhǔn)、常用框架以及相關(guān)知識產(chǎn)權(quán)、行業(yè)政策等；培養(yǎng)學(xué)生使用馬克思主義的世界觀和方法論認(rèn)識、分析和綜合解決問題的能力；讓學(xué)生在學(xué)好專業(yè)知識的同時堅(jiān)定理想信念，不斷增強(qiáng)科技強(qiáng)國的使命感和責(zé)任感。H注：表中“H（高）、M（中）”表示課程與相關(guān)畢業(yè)要求的關(guān)聯(lián)度。四、教學(xué)內(nèi)容、基本要求與學(xué)時分配1.理論部分理論部分的教學(xué)內(nèi)容、基本要求與學(xué)時分配見表2。表2教學(xué)內(nèi)容、基本要求與學(xué)時分配教學(xué)內(nèi)容教學(xué)要求，教學(xué)重點(diǎn)難點(diǎn)理論學(xué)時實(shí)驗(yàn)學(xué)時對應(yīng)的課程目標(biāo)1.JavaScript語言基礎(chǔ)與函數(shù)1.1JavaScript語言基礎(chǔ)1.2JavaScript運(yùn)算符與表達(dá)式1.3程序控制語句1.4函數(shù)的應(yīng)用教學(xué)要求：使學(xué)生掌握J(rèn)avaScript的基礎(chǔ)語法、變量定義、理解運(yùn)算符表達(dá)式、函數(shù)的定義與調(diào)用、數(shù)組的使用。重點(diǎn)：運(yùn)算符JavaScript函數(shù)、運(yùn)算符優(yōu)先級。難點(diǎn)：JavaScript函數(shù)。1241、2、32.JavaScript對象和事件2.1常見對象2.2對象詳細(xì)使用2.3事件處理教學(xué)要求：使學(xué)生了解JavaScript中常見的對象、常用的事件方法，掌握對象的定義、對象的相關(guān)屬性，了解各類事件和對象的特點(diǎn)與應(yīng)用。重點(diǎn)：事件處理的概念和分類；常見事件的處理。難點(diǎn)：事件監(jiān)聽器的構(gòu)建、DOM對象模型，DOM對象的用法。1241、2、33.jQuery的基本概念3.1jQuery語法3.2jQuery選擇器的概念及用法3.3jQuery操作DOM教學(xué)要求：使學(xué)生了解jQuery框架的基本組成；掌握jQuery原理與應(yīng)用；掌握jQuery框架的調(diào)用方法；了解jQuery選擇器的使用方法；掌握jQuery對DOM操作的基本步驟。重點(diǎn)：jQuery框架基本知識，jQuery選擇器的用法。難點(diǎn)：jQuery操作DOM。1241、2、34.jQuery事件處理及相關(guān)應(yīng)用4.1jQuery事件概述4.2jQuery中的動畫4.4jQuery表單驗(yàn)證4.5jQuery綜合案例教學(xué)要求：使學(xué)生了解jQuery事件的內(nèi)涵；掌握jQuery事件的多種控制方法；會綜合運(yùn)用jQuery知識和事件進(jìn)行項(xiàng)目的開發(fā)。重點(diǎn)：jQuery事件概述；jQuery中的動畫、表單驗(yàn)證。難點(diǎn)：jQuery事件綜合案例1241、2、3合計48162.實(shí)驗(yàn)部分實(shí)驗(yàn)部分的教學(xué)內(nèi)容、基本要求與學(xué)時分配見表3。表3實(shí)驗(yàn)項(xiàng)目、實(shí)驗(yàn)內(nèi)容與學(xué)時實(shí)驗(yàn)項(xiàng)目實(shí)驗(yàn)內(nèi)容和要求實(shí)驗(yàn)學(xué)時對應(yīng)的課程目標(biāo)1.制作用戶登錄頁面及動態(tài)驗(yàn)證碼實(shí)驗(yàn)內(nèi)容：設(shè)計網(wǎng)頁登錄和動態(tài)驗(yàn)證碼。實(shí)驗(yàn)要求：掌握J(rèn)avaScript的數(shù)據(jù)類型、變量、語法結(jié)構(gòu)、函數(shù)定義與調(diào)用、文檔模型等知識，會初步使用JavaScript進(jìn)行腳本開發(fā)。41、22.創(chuàng)建動態(tài)表單-學(xué)生成績登記表實(shí)驗(yàn)內(nèi)容：利用JavaScript事件創(chuàng)建動態(tài)表單—學(xué)生成績登記表。實(shí)驗(yàn)要求：掌握J(rèn)avaScript事件的概念，會根據(jù)不同的事件采用不同的處理方法。41、23.利用jQuery制作選項(xiàng)卡實(shí)驗(yàn)內(nèi)容：利用jQuery知識制作一個選項(xiàng)卡頁面。實(shí)驗(yàn)要求：掌握jQuery的概念、調(diào)用方法、DOM操作方法，能夠利用jQuery對元素的CSS樣式、DOM節(jié)點(diǎn)進(jìn)行增、刪、改等操作。424.利用jQuery制作輪播圖實(shí)驗(yàn)內(nèi)容：利用jQuery事件知識制作一個輪播圖動畫頁面，實(shí)現(xiàn)無縫滾動效果。實(shí)驗(yàn)要求：掌握jQuery事件的多種控制方法；會綜合運(yùn)用jQuery事件進(jìn)行實(shí)際項(xiàng)目的開發(fā)。42合計16五、教學(xué)方法及手段本課程以課堂講授為主，結(jié)合討論、案例、視頻資源共享、作業(yè)、實(shí)驗(yàn)等教學(xué)手段完成課程教學(xué)任務(wù)和相關(guān)能力的培養(yǎng)。學(xué)生能夠比較全面地理解JavaScript語法知識和jQuery框架的基本概念和使用方法，在掌握相關(guān)知識方法的基礎(chǔ)上，具有跨平臺腳本設(shè)計的初步能力。在實(shí)驗(yàn)教學(xué)環(huán)節(jié)中，通過啟發(fā)式教學(xué)、討論式教學(xué)培養(yǎng)學(xué)生將理論知識轉(zhuǎn)化為動手能力的基本技能。同時培養(yǎng)學(xué)生自主學(xué)習(xí)能力、實(shí)際動手能力，激發(fā)學(xué)生的創(chuàng)新思維。在實(shí)驗(yàn)教學(xué)環(huán)節(jié)中，著重講授如何用科學(xué)的手段來完成理論知識應(yīng)用于實(shí)踐的方法；如何組織實(shí)驗(yàn)、編寫代碼和分析實(shí)驗(yàn)現(xiàn)象；介紹跨腳本開發(fā)的原理、構(gòu)造和使用及實(shí)驗(yàn)內(nèi)容的思路和方案設(shè)計等。采用教師講授和學(xué)生動手操作的方法；在實(shí)驗(yàn)前學(xué)生應(yīng)復(fù)習(xí)和掌握與本實(shí)驗(yàn)有關(guān)的教學(xué)內(nèi)容、認(rèn)真閱讀相關(guān)資料；在實(shí)驗(yàn)中要嚴(yán)格遵守實(shí)驗(yàn)紀(jì)律，按操作規(guī)程使用計算機(jī)設(shè)備；實(shí)驗(yàn)結(jié)束后，按規(guī)定將計算機(jī)關(guān)機(jī)；每完成一項(xiàng)實(shí)驗(yàn)，要認(rèn)真完成一份實(shí)驗(yàn)報告。六、課程資源1.推薦教材：（1）裴雨龍.JavaScript+jQuery動態(tài)網(wǎng)站開發(fā)（全案例微課版）[M].清華大學(xué)出版社.2021.6.2.參考書：（1）Duckett,J.Web設(shè)計與前端開發(fā)秘籍：HTMLCSS設(shè)計與構(gòu)建網(wǎng)站+JavaScriptjQuery交互式Web前端開發(fā)[M].清華大學(xué)出版社.2015.9.（2）埃里克·T.弗里曼,伊麗莎白·羅布森.HeadFirstJavaScript程序設(shè)計[M].人民郵電出版社.2017.8.（3）李剛.瘋狂前端開發(fā)講義——jQuery+AngularJS+Bootstrap前端開發(fā)實(shí)戰(zhàn)[M].電子工業(yè)出版社.2017.10.（4）劉瑞新.Web前端開發(fā)實(shí)例教程——HTML5+JavaScript+jQuery[M].清華大學(xué)出版社.2018.8.（5）阮曉龍.Web前端開發(fā)從學(xué)到用完美實(shí)踐——HTML5+CSS3+JavaScript+jQuery+AJ[M].中國水利水電出版社.2018.8.3.期刊：（1）劉瑞新.Web前端開發(fā)實(shí)例教程——HTML5+JavaScript+jQuery[M].清華大學(xué)出版社.2018.8.（2）阮曉龍.Web前端開發(fā)從學(xué)到用完美實(shí)踐——HTML5+CSS3+JavaScript+jQuery+AJ[M].中國水利水電出版社.2018.8.（6）潘曉夢,鄧建華,蘇厚勤.一種跨平臺移動應(yīng)用方案的研究與實(shí)踐[J].計算機(jī)應(yīng)用與軟件,2013,30(01):180-182.（4）何麗,龔?fù)?jQuery在AJAX技術(shù)框架中頁面加載的應(yīng)用[J].計算機(jī)時代,2011(08):25-26.（5）劉海舒.淺談jQuery的應(yīng)用[J].數(shù)字技術(shù)與應(yīng)用,2010(02):50.（6）YawenS,GuofuC,MoyanL,etal.DesignandImplementationofWebMultimediaTeachingEvaluationSystemBasedonArtificialIntelligenceandjQuery[J].MobileInformationSystems,2021,2021.4.網(wǎng)絡(luò)資源：（1）廖雪峰．廖雪峰的官方網(wǎng)站[EB/OL].(2019-01-01)[2022-07-01].（2）知乎.JavaWeb入門詳解（第一篇）之Web入門[EB/OL].(2021-07-11)[2022-09-01]/p/460289712.（3）網(wǎng)易.中國大學(xué)MOOC[EB/OL].(2020-08-16)[2022-07-01].七、課程考核對課程目標(biāo)的支撐課程成績由過程性考核成績和期末大作業(yè)成績兩部分構(gòu)成，具體考核/評價細(xì)則及對課程目標(biāo)的支撐關(guān)系見表4。表4課程考核對課程目標(biāo)的支撐考核環(huán)節(jié)占比考核/評價細(xì)則課程目標(biāo)123過程性考核課堂表現(xiàn)14（1）根據(jù)課堂出勤情況和課堂互動情況、線上章節(jié)學(xué)習(xí)次數(shù)等進(jìn)行考核，滿分100分。（2）以平時考核成績乘以其在總評成績中所占的比例計入課程總評成績?！獭獭?54實(shí)驗(yàn)10（1）根據(jù)每個實(shí)驗(yàn)的實(shí)驗(yàn)操作完成情況和實(shí)驗(yàn)報告質(zhì)量單獨(dú)評分，滿分100分；（2）每次實(shí)驗(yàn)單獨(dú)評分，取各次實(shí)驗(yàn)成績的平均值作為此環(huán)節(jié)的最終成績。（3）以實(shí)驗(yàn)成績乘以其在總評成績中所占的比例計入課程總評成績?！獭獭?32章節(jié)測試6（1）根據(jù)每個模塊的學(xué)習(xí)情況設(shè)計測試，每個測試單獨(dú)評分，滿分100分；（2）每次測試單獨(dú)評分，取各次測試成績的平均值作為此環(huán)節(jié)的最終成績。（3）以章節(jié)測試成績乘以其在總評成績中所占的比例計入課程總評成績?！獭?2作業(yè)10（1）主要考核學(xué)生對各章節(jié)知識點(diǎn)的復(fù)習(xí)、理解和掌握程度，滿分100分；（2）每次作業(yè)單獨(dú)評分，取各次成績的平均值作為此環(huán)節(jié)的最終成績。（3）以作業(yè)成績乘以其在總評成績中所占的比例計入課程總評成績。√√√532期末考核60（1）大作業(yè)成績100分，以大作業(yè)成績乘以其在總評成績中所占的比例計入課程總評成績。（2）主要考核使用JavaScript和JQuery開發(fā)跨平臺網(wǎng)站的能力。（3）考試題型為：基于JavaScript和JQuery的綜合項(xiàng)目。√√√202020合計：100分393328八、考核與成績評定1.考核方式及成績評定考核方式：本課程主要以課堂表現(xiàn)、實(shí)驗(yàn)、章節(jié)測試、作業(yè)、期末大作業(yè)等方式對學(xué)生進(jìn)行考核評價?？己嘶疽螅嚎己丝偝煽冇善谀┐笞鳂I(yè)成績和過程性考核成績組成。其中：期末大作業(yè)成績?yōu)?00分（權(quán)重60%），試題類型為綜合項(xiàng)目制作，其中包含對基本知識、基本理論、基本技能、綜合應(yīng)用題、分析題等知識的考核，重點(diǎn)考核綜合應(yīng)用能力；隨堂練習(xí)、作業(yè)評價、課堂討論、課內(nèi)實(shí)驗(yàn)、階段測驗(yàn)等過程性評價成績?yōu)?00分（權(quán)重40%）。過程性考核和考試試題分值分配應(yīng)與教學(xué)大綱各章節(jié)的學(xué)時基本成比例。2.過程性考核成績的標(biāo)準(zhǔn)過程性考核方式重點(diǎn)考核內(nèi)容、評價標(biāo)準(zhǔn)、所占比重見表5。表5過程性考核方式評價標(biāo)準(zhǔn)考核方式所占比重(%)100>x≥9090>x≥8080>x≥7070>x≥60x<60課堂表現(xiàn)35筆記完整，積極參與教學(xué)活動，踴躍回答問題，準(zhǔn)確率大于90%。筆記完整，認(rèn)真參與教學(xué)活動，回答問題準(zhǔn)確率大于80%。筆記不完整，偶爾參與教學(xué)活動，回答問題準(zhǔn)確率大于70%。上課不認(rèn)真，上課不記筆記，偶爾參與教學(xué)活動。上課不認(rèn)真，上課不記筆記，不參與教學(xué)活動。章節(jié)測試15能夠熟練掌握章節(jié)的內(nèi)容，能按時并正確的完成測試內(nèi)容，答題準(zhǔn)確率達(dá)到90%。能夠掌握章節(jié)的內(nèi)容，能按時并正確的完成測試內(nèi)容，答題準(zhǔn)確率達(dá)到80%。能夠掌握章節(jié)的內(nèi)容，能按時的完成測試內(nèi)容，答題準(zhǔn)確率達(dá)到70%。能夠基本掌握章節(jié)的內(nèi)容，能按時的完成測試內(nèi)容。不能夠掌握章節(jié)的內(nèi)容，不能按時的完成測試內(nèi)容。作業(yè)25作業(yè)完整，思路清晰，準(zhǔn)確率大于90%，字跡工整。作業(yè)完整，準(zhǔn)確率大于80%，字跡工整。不交作業(yè)2次以