《前端交互設(shè)計(jì)基礎(chǔ)》課程標(biāo)準(zhǔn)

PAGEPAGE1《前端交互設(shè)計(jì)基礎(chǔ)》課程標(biāo)準(zhǔn)適用專業(yè)：軟件技術(shù)課程代碼：B05323057學(xué)制：3年學(xué)時(shí)：64學(xué)時(shí)學(xué)分：4學(xué)分開設(shè)學(xué)期：第2學(xué)期一、課程定位1.課程屬性專業(yè)核心課2.前導(dǎo)主要專業(yè)課程名稱計(jì)算機(jī)導(dǎo)論、網(wǎng)頁(yè)制作、C程序設(shè)計(jì)基礎(chǔ)。3.課程定位創(chuàng)新創(chuàng)業(yè)教育類、現(xiàn)代學(xué)徒制類、校企合作開發(fā)類。通過(guò)本課程的學(xué)習(xí)，重點(diǎn)掌握使用JavaScript進(jìn)行Internet客戶端應(yīng)用程序開發(fā)的知識(shí)，了解Ajax技術(shù)，具備使用JavaScript和Ajax進(jìn)行瀏覽器端應(yīng)用程序開發(fā)的基本知識(shí)和技能。4.后續(xù)主要專業(yè)課程名稱Web前端開發(fā)框架5.融通課程性課程對(duì)接1+X職業(yè)技能等級(jí)證書的考核內(nèi)容。6.配套線上課程SPOC線上課程教學(xué)平臺(tái)二、課程教學(xué)目標(biāo)1.素質(zhì)目標(biāo)（1）培養(yǎng)學(xué)生良好的工作態(tài)度和責(zé)任心，遵守職業(yè)道德。（2）具有實(shí)事求是、學(xué)風(fēng)和謹(jǐn)?shù)墓ぷ鲬B(tài)度。（3）有好奇心和終身學(xué)習(xí)的愿望；（4）具有計(jì)劃組織能力和團(tuán)隊(duì)協(xié)作能力。（5）具有較強(qiáng)的學(xué)習(xí)能力、吃苦耐勞精神、創(chuàng)新能力。（6）培養(yǎng)學(xué)生分析問題和解決問題的能力。（7）具備愛崗敬業(yè)、誠(chéng)實(shí)守信、辦事公道、服務(wù)群眾、奉獻(xiàn)社會(huì)的職業(yè)道德精神；（8）具備教育部規(guī)定的?？粕貍涞目茖W(xué)、文化知識(shí)和素養(yǎng)；2.知識(shí)目標(biāo)（1）了解JavaScript的基礎(chǔ)和基本語(yǔ)法。（2）詳細(xì)探討瀏覽器文檔對(duì)象模型的發(fā)展及JavaScript對(duì)象的有關(guān)知識(shí)，熟悉JavaScript的核心語(yǔ)言。（3）圍繞標(biāo)準(zhǔn)Web的各項(xiàng)技術(shù)（Css、Html），熟悉Web瀏覽器的相關(guān)技術(shù)，掌握客戶端程序設(shè)計(jì)的基本方法。（4）通過(guò)大量實(shí)例對(duì)JavaScript、CSS、DOM、Ajax等Web關(guān)鍵技術(shù)進(jìn)行深入淺出的分析，具備JavaScript在Web中的運(yùn)用技巧。（5）結(jié)合XML講解，了解JavaScript的高級(jí)應(yīng)用。（6）熟練掌握jQuery編程技術(shù)和方法。3.能力目標(biāo)（1）掌握編程環(huán)境搭建的流程，并熟悉掌握一種編程環(huán)境的使用方法。（2）能夠在相應(yīng)編程環(huán)境下進(jìn)行程序的編輯、編譯、調(diào)試和運(yùn)行。（3）能夠使用JavaScript進(jìn)行瀏覽器端應(yīng)用程序的開發(fā)。（4）能夠使用jQuery編寫常見特效，靈活使用插件。（5）了解前端交換設(shè)計(jì)流程，具備使用所學(xué)知識(shí)獨(dú)立完成一半應(yīng)用問題的編程、調(diào)試的能力；（6）養(yǎng)成規(guī)范的編程習(xí)慣，具有編寫可閱讀性的代碼的能力。三、課程教學(xué)內(nèi)容及學(xué)時(shí)建議見表1。表1 《前端交互設(shè)計(jì)基礎(chǔ)》課程主要教學(xué)內(nèi)容及要求項(xiàng)目/情景/模塊/單元編號(hào)名稱教學(xué)目標(biāo)教學(xué)內(nèi)容A純理論/B理實(shí)一體/C純實(shí)踐時(shí)分配素質(zhì)目標(biāo)知識(shí)目標(biāo)能力目標(biāo)1瀏覽器應(yīng)用程序的創(chuàng)建與調(diào)試41、了解JavaScript概念、應(yīng)用場(chǎng)合、特點(diǎn)；2、熟悉開發(fā)環(huán)境3、掌握腳本的基本結(jié)構(gòu)4、掌握?qǐng)?zhí)行原理5、掌握腳本嵌入方式6、能使用一種文本編輯器7、掌握變量的定義與使用8、能靈活使用各種數(shù)據(jù)類型9、了解運(yùn)算符與表達(dá)式10、掌握運(yùn)算優(yōu)先級(jí)別11、掌握基本流程控制語(yǔ)句1、掌握編程環(huán)境搭建的流程，并熟悉掌握一種編程環(huán)境的使用方法。2、能夠在相應(yīng)編程環(huán)境下進(jìn)行程序的編輯、編譯、調(diào)試和運(yùn)行。1、認(rèn)識(shí)JavaScript2、搭建JavaScript的開發(fā)環(huán)境3、Javascriptt腳本的基本結(jié)構(gòu)4、JavaScript的執(zhí)行原理5、Javascriptt腳本嵌入方式6、文本編輯器的使用7、數(shù)據(jù)類型8、變量9、運(yùn)算符與表達(dá)式10、分支語(yǔ)句--if和switch語(yǔ)句11、循環(huán)--for語(yǔ)句和while語(yǔ)句12、對(duì)象操作語(yǔ)句foreach..in、for…in和with語(yǔ)句異常處理、跳轉(zhuǎn)語(yǔ)句、其他語(yǔ)句B理實(shí)一體62文本處理41、掌握創(chuàng)建對(duì)象的多種方法2、掌握對(duì)象屬性的構(gòu)建與使用3、了解構(gòu)建與使用對(duì)象的方法4、靈活實(shí)現(xiàn)string的運(yùn)算5、靈活使用String的屬性與方法1、掌握文本對(duì)象不同屬性、方法的能力。1、創(chuàng)建對(duì)象2、屬性（查詢、設(shè)置、刪除、檢測(cè)）3、對(duì)象方法（創(chuàng)建、使用）4、字符串連接（string與string、string與非string）5、字符串比較6、子字符串（查找、提取、分解、去掉尾部空格）7、字符串非空判定8、字符串填補(bǔ)（插入特殊字符、左右填充）9、處理textarea中某行B理實(shí)一體83日期時(shí)間與計(jì)時(shí)41、掌握date類型與對(duì)象的聯(lián)系2、靈活實(shí)現(xiàn)date運(yùn)算3、靈活使用Date對(duì)象的屬性與方法4、掌握number類型與對(duì)象的聯(lián)系5、熟悉Math對(duì)象6、靈活使用Number對(duì)象的屬性與方法7、靈活使用Math對(duì)象的屬性與方法1、掌握網(wǎng)頁(yè)中關(guān)于日期時(shí)間與計(jì)時(shí)的問題；1、輸出日期與時(shí)間（北京時(shí)間、UTC、ISO8061格式）2、構(gòu)建日期對(duì)象（特定日期、未來(lái)日期）3、計(jì)數(shù)器4、轉(zhuǎn)換器（進(jìn)制轉(zhuǎn)換、轉(zhuǎn)換為Number類型、角度與弧度轉(zhuǎn)換）5、隨機(jī)生成器（數(shù)字、顏色）6、累加器7、頁(yè)面元素中畫圓B理實(shí)一體64級(jí)聯(lián)菜單與狀態(tài)欄信息顯示101、熟悉Aarry對(duì)象特點(diǎn)2、靈活使用Aarry對(duì)象的屬性與方法3、熟悉函數(shù)的特點(diǎn)4、掌握Function構(gòu)建的3種方法5、學(xué)會(huì)Function調(diào)用6、能夠構(gòu)建與使用對(duì)象的方法7、*了解類的繼承與封裝1、掌握利用數(shù)組做級(jí)聯(lián)菜單；2、學(xué)會(huì)用函數(shù)完成狀態(tài)欄信息顯示；1、數(shù)組元素遍歷2、多維數(shù)組實(shí)現(xiàn)3、數(shù)組元素值連接4、數(shù)組元素排序5、數(shù)組元素不同順序的存儲(chǔ)與訪問6、數(shù)組子集的實(shí)現(xiàn)7、數(shù)字索引搜索8、數(shù)組扁平化（多維數(shù)組一維化）9、數(shù)組元素變更（刪除、替換、函數(shù)法替換）10、數(shù)組過(guò)濾11、數(shù)組內(nèi)容驗(yàn)證12、數(shù)組元素與表單13、構(gòu)建函數(shù)（參數(shù)個(gè)數(shù)為0、1、n）14、調(diào)用函數(shù)（有參、無(wú)參）15、函數(shù)的形參與實(shí)參16、函數(shù)的屬性、方法17、遞歸算法的實(shí)現(xiàn)18、函數(shù)式編程19、*類與原型、類與構(gòu)造函數(shù)、類的繼承與封裝B理實(shí)一體165網(wǎng)頁(yè)信息校驗(yàn)41、了解正則表達(dá)式2、掌握正則表達(dá)式的基本技巧3、熟悉正則表達(dá)式的使用1、能夠用正則表達(dá)式解決網(wǎng)頁(yè)數(shù)據(jù)校驗(yàn)的方法1、什么是正則表達(dá)式2、創(chuàng)建正則表達(dá)式3、獲取與替換4、合法性驗(yàn)證與格式化5、*URL、路徑、Internet地址B理實(shí)一體86網(wǎng)頁(yè)跳轉(zhuǎn)與頁(yè)面操作101、掌握windows的onload事件的使用2、熟練使用鼠標(biāo)事件3、熟練使用鍵盤事件4、掌握BOM對(duì)象的屬性、方法、事件的使用5、*熟悉JavaSript對(duì)Cookies操作的編程6、了解DOM概念，熟悉DOM基礎(chǔ)。7、熟悉JavaScript在DOM中的應(yīng)用。8、了解DOM客戶端編程1、了解DOM概念，熟悉DOM基礎(chǔ)。2、熟 悉JavaScript在DOM中的應(yīng)用。3、掌 握removeChild()方法與parentNode屬性。1、利用onload事件檢測(cè)頁(yè)面裝載2、利用event對(duì)象捕獲鼠標(biāo)單擊事件的鼠標(biāo)位置3、捕獲鍵盤活動(dòng)4、Form對(duì)象5、表單控件元素6、windows對(duì)象（父級(jí)）7、navigator對(duì)象8、screen對(duì)象9、history對(duì)象10、location對(duì)象11、*Cookie認(rèn)識(shí)、存取、高級(jí)設(shè)置12、DOM的層次結(jié)構(gòu)13、DOM的核心對(duì)象14、訪問元素15、修改元素16、定位與移動(dòng)B理實(shí)一體147快速Web開發(fā)201、理解jQuery的作用與優(yōu)勢(shì)；2、熟練配置jQuery環(huán)境；3、理解jQuery基本結(jié)構(gòu)；4、了解選擇器的作用；5、靈活使用各種選擇器（層次、過(guò)濾選擇器、表單）；6、理解插件機(jī)制與插件（滾動(dòng)、圖表、布局、文字處理、UI）使用方法；7、靈活使用常用插件；8、學(xué)會(huì)解決庫(kù)沖突問題9、了解DOM操作分類；10、掌握節(jié)點(diǎn)操作；11、掌握CSS屬性獲取與設(shè)置；12、掌握樣式操作；13、掌握HTML元素尺寸、位置的獲取與設(shè)置；14、掌握常用的事件與合成事件的使用；15、了解事件的對(duì)象屬性；16、掌握事件的模擬操作；17、掌握jQuery動(dòng)畫方法；18、掌握jQuery動(dòng)畫隊(duì)列；19、自定義動(dòng)畫的使用。1、能自如使用jQuery解決問題；1、理解jQuery作用與優(yōu)勢(shì)2、jQuery的開發(fā)工具3、jQuery基本結(jié)構(gòu)4、jQuery選擇器5、jQuery插件6、jQuery中DOM操作7、jQuery中CSS操作8、jQuery常用插件9、jQuery常用事件與處理10、jQuery動(dòng)畫特效B理實(shí)一體308*網(wǎng)頁(yè)Ajax技術(shù)實(shí)現(xiàn)41、了解Ajax的概念；2、熟悉JavaScript在Ajax中的應(yīng)用；3、實(shí)現(xiàn)Ajax的簡(jiǎn)單效果。1、具有靈活使用Ajax技術(shù)的能力；1、創(chuàng)建XMLHttpRequest對(duì)象；2、向服務(wù)器發(fā)出請(qǐng)求；3、服務(wù)器響應(yīng)；4、onreadystatechange事件；5、創(chuàng)建動(dòng)態(tài)性更輕的應(yīng)用程序；6、與數(shù)據(jù)庫(kù)進(jìn)行動(dòng)態(tài)通信；7、與XML文件進(jìn)行交換式通信B理實(shí)一體49考核4綜合考核綜合考核B理實(shí)一體4合計(jì)學(xué)時(shí)80四、教學(xué)資源標(biāo)準(zhǔn)1.校內(nèi)教師標(biāo)準(zhǔn)必須為雙師素質(zhì)教師。同時(shí)：（1）具有高校教師資格和本專業(yè)領(lǐng)域有關(guān)證書；（2）有理想信念、有道德情操、有扎實(shí)學(xué)識(shí)、有仁愛之心；（3）具有軟件技術(shù)相關(guān)專業(yè)本科及以上學(xué)歷；（4）具有扎實(shí)的軟件技術(shù)專業(yè)相關(guān)理論功底和實(shí)踐能力；（5）具有較強(qiáng)信息化教學(xué)能力，能夠開展課程教學(xué)改革和科學(xué)研究；（6）每5年累計(jì)不少于6個(gè)月的企業(yè)實(shí)踐經(jīng)歷。2.校外兼職教師標(biāo)準(zhǔn)主要從軟件技術(shù)相關(guān)企業(yè)聘任，具備良好的思想政治素質(zhì)、職業(yè)道德和工匠精神，具有扎實(shí)的軟件技術(shù)專業(yè)知識(shí)和豐富的的實(shí)際工作經(jīng)驗(yàn)，具有相關(guān)專業(yè)職稱，能承擔(dān)專業(yè)課程教學(xué)、實(shí)習(xí)實(shí)訓(xùn)指導(dǎo)和學(xué)生職業(yè)發(fā)展規(guī)劃指導(dǎo)等教學(xué)任務(wù)。3．教材選用標(biāo)準(zhǔn)基本要求（1）按照國(guó)家規(guī)定選用優(yōu)質(zhì)教材、高職高專規(guī)劃教材、禁止不合格的教材進(jìn)入課堂；（2）教學(xué)實(shí)施單位應(yīng)建立由專業(yè)教師、行業(yè)專家和教研人員等參與的教材選用機(jī)構(gòu)，嚴(yán)格教材選用，經(jīng)過(guò)規(guī)范程序擇優(yōu)選用教材。（3）按照《XX職業(yè)技術(shù)學(xué)院關(guān)于印發(fā)《教材建設(shè)與管理辦法》的通知》（綿職院發(fā)[2016]8號(hào)）中第四章“教材選用與管理”部分執(zhí)行（4）參考教材4.信息化教學(xué)資源標(biāo)準(zhǔn)基本要求：（1）具有利用數(shù)字化教學(xué)資源庫(kù)、文獻(xiàn)資料、常見問題解答等的信息化條件。（2）引導(dǎo)鼓勵(lì)教師、企業(yè)開發(fā)建設(shè)、配備、利用與本專業(yè)有關(guān)的教學(xué)平臺(tái)、音視頻素材、教學(xué)課件、數(shù)字化教學(xué)案例庫(kù)、虛擬仿真軟件、數(shù)字教材等專業(yè)教學(xué)資源庫(kù)，種類豐富、形式多樣、使用便捷、動(dòng)態(tài)更新、創(chuàng)新教學(xué)方法、提升教學(xué)效果。5.教學(xué)方法建議基本要求：提出實(shí)施教學(xué)應(yīng)該采取的方法指導(dǎo)建議，指導(dǎo)教師依據(jù)專業(yè)培養(yǎng)目標(biāo)、課程教學(xué)要求、學(xué)生能力與教學(xué)資源，采用適當(dāng)?shù)慕虒W(xué)方法，以達(dá)成預(yù)期教學(xué)目標(biāo)。倡導(dǎo)因材施教、因需施教，鼓勵(lì)創(chuàng)新教學(xué)方法和策略，采用理實(shí)一體化教學(xué)、案例教學(xué)、項(xiàng)目教學(xué)、網(wǎng)絡(luò)教學(xué)、線上線下混合式教學(xué)等方法，堅(jiān)持工學(xué)結(jié)合、校企合作，以學(xué)生為主體，學(xué)中做、做中學(xué)。6.理論教學(xué)學(xué)時(shí)的教學(xué)設(shè)施配置標(biāo)準(zhǔn)匹配軟件技術(shù)專業(yè)教學(xué)標(biāo)準(zhǔn)中的教學(xué)設(shè)施配置標(biāo)準(zhǔn)。7.實(shí)踐教學(xué)部分的教學(xué)設(shè)施配置標(biāo)準(zhǔn)匹配軟件技術(shù)專業(yè)教學(xué)標(biāo)準(zhǔn)中的教學(xué)設(shè)施配置標(biāo)準(zhǔn)，以及本專業(yè)實(shí)訓(xùn)教學(xué)條件建設(shè)標(biāo)準(zhǔn)。五、課程考核課程考核成績(jī)包括平時(shí)過(guò)程性考核成績(jī)40分，占比40%；期末理論（實(shí)踐）考核成績(jī)60分，占比60%。單獨(dú)考核：課程教學(xué)目標(biāo)達(dá)成度100分。課程實(shí)施考核后，每一位學(xué)生產(chǎn)生一張課程考核登記表。表2前端交互設(shè)計(jì)基礎(chǔ)課程教學(xué)實(shí)施情況學(xué)生考核模型專業(yè)班級(jí)學(xué)生學(xué)號(hào)學(xué)生姓名平時(shí)考核成績(jī)（占比40%）得分其中考核總分考勤（10%）平時(shí)理論與實(shí)踐作業(yè)（測(cè)驗(yàn)）成績(jī)（20%）課堂交互性（10%）結(jié)課考核成績(jī)（占比60%）課程教學(xué)目標(biāo)達(dá)成度達(dá)成度總分素質(zhì)目標(biāo)達(dá)成（25分）知識(shí)目標(biāo)達(dá)成（25分）能力目標(biāo)達(dá)成（50分）六、課程教學(xué)實(shí)施有效性評(píng)價(jià)按照評(píng)價(jià)主體分為4個(gè)部分：教師評(píng)價(jià)，校內(nèi)兩級(jí)督導(dǎo)評(píng)價(jià)，學(xué)生調(diào)查問卷（頂崗實(shí)習(xí)課程增設(shè)企業(yè)第三方評(píng)價(jià)）。1.教師評(píng)價(jià)其任教課程基于教學(xué)管理系統(tǒng)開展數(shù)據(jù)分析與評(píng)價(jià)。表3前端交互設(shè)計(jì)基礎(chǔ)課程教學(xué)實(shí)施有效性教師評(píng)價(jià)模型學(xué)生學(xué)號(hào)學(xué)生姓名考核成績(jī)（分平時(shí)考核+結(jié)課考核）課程教學(xué)目標(biāo)達(dá)成度（%）班級(jí)最高分班級(jí)最低分班級(jí)平均分課程教學(xué)目標(biāo)平均達(dá)成度課程教學(xué)實(shí)施成效總結(jié)評(píng)價(jià)結(jié)論A非常有效B有效C基本