《跨平臺腳本開發(fā)技術》教學大綱

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