《JavaScirpt程序設(shè)計(jì)I》-整體設(shè)計(jì)

《JavaScript程序設(shè)計(jì)》課程整體設(shè)計(jì)常州信息職業(yè)技術(shù)學(xué)院課程教學(xué)設(shè)計(jì)課程名稱《JavaScript程序設(shè)計(jì)》授課對(duì)象軟件技術(shù)專業(yè)-WEB全棧方向課程學(xué)分4總學(xué)時(shí)64課程性質(zhì)專業(yè)核心課所屬系部軟件與大數(shù)據(jù)學(xué)院設(shè)計(jì)人（團(tuán)隊(duì)）JavaScript課程團(tuán)隊(duì)審核人批準(zhǔn)人一、課程設(shè)計(jì)思路《JavaScript程序設(shè)計(jì)》課程旨在培養(yǎng)學(xué)生的Web前端開發(fā)能力，結(jié)合行業(yè)發(fā)展和職業(yè)崗位需求，實(shí)施崗課賽證融通，促進(jìn)校企合作。課程將深入講解JavaScript語(yǔ)言基礎(chǔ)、數(shù)組、函數(shù)、對(duì)象、BOM、DOM及事件處理等知識(shí)，并引入實(shí)用項(xiàng)目案例，涵蓋響應(yīng)式設(shè)計(jì)、動(dòng)態(tài)交互和API調(diào)用等內(nèi)容，以使學(xué)生在真實(shí)場(chǎng)景中應(yīng)用所學(xué)知識(shí)。通過項(xiàng)目驅(qū)動(dòng)學(xué)習(xí)，設(shè)計(jì)小組合作任務(wù)，鼓勵(lì)學(xué)生開發(fā)簡(jiǎn)單的Web應(yīng)用，組織編程比賽激發(fā)創(chuàng)新能力和團(tuán)隊(duì)合作精神，同時(shí)采用翻轉(zhuǎn)課堂模式，鼓勵(lì)自主學(xué)習(xí)，課堂時(shí)間用于實(shí)踐操作與項(xiàng)目開發(fā)，定期邀請(qǐng)行業(yè)專家進(jìn)行分享，提供最新動(dòng)態(tài)和實(shí)用技能指導(dǎo)。課程還將創(chuàng)建真實(shí)的開發(fā)環(huán)境，模擬企業(yè)工作流程，使學(xué)生在“項(xiàng)目孵化”場(chǎng)景中進(jìn)行角色扮演，提升職場(chǎng)適應(yīng)能力，并結(jié)合在線協(xié)作工具，培養(yǎng)遠(yuǎn)程協(xié)作和溝通能力，以適應(yīng)未來(lái)職場(chǎng)需求。在評(píng)價(jià)考核方面，實(shí)施多元化考核方式，包括項(xiàng)目展示、同行評(píng)審和個(gè)人總結(jié)，綜合評(píng)估學(xué)生的實(shí)踐能力與理論知識(shí)掌握程度，增設(shè)自我反思和團(tuán)隊(duì)反饋環(huán)節(jié)，幫助學(xué)生認(rèn)識(shí)自身不足，激勵(lì)持續(xù)改進(jìn)。通過這樣的設(shè)計(jì)，學(xué)生不僅將掌握J(rèn)avaScript編程技能，還能在實(shí)際項(xiàng)目中培養(yǎng)綜合素質(zhì)，增強(qiáng)社會(huì)責(zé)任感，成為具備家國(guó)情懷的優(yōu)秀Web開發(fā)人才。二、課程目標(biāo)設(shè)計(jì)（一）總體目標(biāo)通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生運(yùn)用所學(xué)的知識(shí)和技能進(jìn)行WEB前端開發(fā)的能力，熟悉基本的項(xiàng)目開發(fā)流程、養(yǎng)成良好的編程習(xí)慣，為今后從事Web全棧開發(fā)相關(guān)工作奠定良好的基礎(chǔ)。通過“職業(yè)發(fā)展前景介紹”等思政元素的融入，激發(fā)學(xué)生的家國(guó)情懷和責(zé)任擔(dān)當(dāng)，牢記專業(yè)使命，肩負(fù)專業(yè)的社會(huì)責(zé)任，形成真善美的良好品質(zhì)，具備國(guó)家大局意識(shí)和社會(huì)服務(wù)意識(shí)。（二）具體目標(biāo)課程具體目標(biāo)為：1.知識(shí)目標(biāo)(1)掌握J(rèn)avaScript的基本語(yǔ)法(2)掌握J(rèn)avaScript數(shù)組、函數(shù)、內(nèi)置對(duì)象、事件等(3)能夠運(yùn)用JavaScript實(shí)現(xiàn)表單數(shù)據(jù)的驗(yàn)證；(4)理解BOM窗口對(duì)象模型的概念，能夠應(yīng)用常見BOM對(duì)象；(5)掌握DOM樹形結(jié)構(gòu)及其操作方法，能夠控制DOM對(duì)象；(6)掌握J(rèn)avaScript事件的基本概念，能夠編寫事件處理程序；2.能力目標(biāo)(1)能獨(dú)立進(jìn)行資料收集與整理、具備用戶需求的理解能力和書面表達(dá)能力；(2)能根據(jù)項(xiàng)目需求，具備項(xiàng)目頁(yè)面的分析與設(shè)計(jì)能力；(3)具有使用JavaScript技術(shù)進(jìn)行頁(yè)面事件處理與表單驗(yàn)證的能力；(4)能根據(jù)DOM樹形結(jié)構(gòu)，進(jìn)行頁(yè)面DOM的控制；(5)能根據(jù)不同的典型事件，編寫具體的事件處理程序；3.素質(zhì)目標(biāo)(1)養(yǎng)成善于思考、深入研究的良好自主學(xué)習(xí)的習(xí)慣；(2)通過項(xiàng)目與案例教學(xué)，培養(yǎng)學(xué)習(xí)者的分析問題、解決問題的能力；(3)具有吃苦耐勞、團(tuán)隊(duì)協(xié)作精神，溝通交流和書面表達(dá)能力；(4)通過課外拓展訓(xùn)練，培養(yǎng)學(xué)習(xí)者的創(chuàng)新意識(shí)；(5)具有愛崗敬業(yè)、遵守職業(yè)道德規(guī)范、誠(chéng)實(shí)、守信的高尚品質(zhì)。4.職業(yè)技能證書目標(biāo)通過本課程的學(xué)習(xí)，可以參加以下職業(yè)資格證書的考試：Web前端開發(fā)職業(yè)技能等級(jí)證書；全國(guó)計(jì)算機(jī)技術(shù)與軟件專業(yè)技術(shù)資格(水平)程序員考試。三、課程內(nèi)容設(shè)計(jì)（一）課程內(nèi)容設(shè)計(jì)在JavaScript程序設(shè)計(jì)課程中，課程內(nèi)容設(shè)計(jì)圍繞五個(gè)核心模塊展開。首先，模塊1將引導(dǎo)學(xué)生掌握J(rèn)avaScript基礎(chǔ)語(yǔ)法，為后續(xù)學(xué)習(xí)打下堅(jiān)實(shí)基礎(chǔ)。模塊2將深入探討面向?qū)ο缶幊蹋箤W(xué)生理解如何構(gòu)建可復(fù)用的代碼。模塊3與模塊4分別聚焦于瀏覽器對(duì)象模型（BOM）和文檔對(duì)象模型（DOM），幫助學(xué)生理解網(wǎng)頁(yè)交互和操作的機(jī)制。模塊5則引入事件處理，增強(qiáng)學(xué)生對(duì)動(dòng)態(tài)網(wǎng)頁(yè)的理解。整個(gè)課程通過開發(fā)經(jīng)典頁(yè)面游戲——俄羅斯方塊，將理論與實(shí)踐相結(jié)合，培養(yǎng)學(xué)生的編程能力與問題解決能力，確保他們能有效應(yīng)用所學(xué)知識(shí)。具體內(nèi)容設(shè)計(jì)見表1。表1課程內(nèi)容表項(xiàng)目（模塊）名稱任務(wù)（單元）名稱任務(wù)（單元）教學(xué)目標(biāo)主要教學(xué)方法建議學(xué)時(shí)模塊1：JavaScript基礎(chǔ)語(yǔ)法任務(wù)1：JavaScript概述1.熟悉JavaScript的用途和發(fā)展?fàn)顩r，理解JavaScript與ECMAScript的關(guān)系

2.了解JavaScript的語(yǔ)法組成

3.掌握J(rèn)avaScript的基本使用方法（1）教學(xué)做一體化（2）引導(dǎo)啟發(fā)法（3）案例/任務(wù)驅(qū)動(dòng)法（4）協(xié)作討論法2任務(wù)2：JavaScript基本語(yǔ)法1.掌握變量的定義與賦值

2.掌握數(shù)據(jù)類型與運(yùn)算符的使用

3.掌握流程控制語(yǔ)句的使用4任務(wù)3:數(shù)組1.掌握數(shù)組的創(chuàng)建

2.掌握數(shù)組的訪問與遍歷

3.掌握數(shù)組的屬性與方法4任務(wù)4:函數(shù)1.掌握函數(shù)的使用方法

2.掌握變量的作用域

3.掌握匿名函數(shù)與閉包函數(shù)6模塊2：面向?qū)ο缶幊倘蝿?wù)1：面向?qū)ο蟾攀?.理解面向?qū)ο笏枷耄軌蛘f(shuō)出面向?qū)ο笈c面向過程的區(qū)別

2.對(duì)象的定義

3.對(duì)象成員訪問與遍歷2任務(wù)2：掌握自定義對(duì)象的定義和基本操作，理解構(gòu)造函數(shù)的概念1.構(gòu)造函數(shù)的概念

2.定義構(gòu)造函數(shù)

3.構(gòu)造函數(shù)的屬性和方法的增刪4任務(wù)3:內(nèi)置對(duì)象掌握J(rèn)avaScript常用內(nèi)置對(duì)象的使用方法6模塊3：瀏覽器對(duì)象模型（BOM）任務(wù)1：了解BOM的組成結(jié)構(gòu)1.理解BOM的組成結(jié)構(gòu)

2.window對(duì)象

3.document對(duì)象2任務(wù)2:熟悉其他對(duì)象1.location對(duì)象

2.history對(duì)象

3.navigator對(duì)象

4.screen對(duì)象2模塊4：文檔對(duì)象模型（DOM）任務(wù)1：了解DOM的組成結(jié)構(gòu)1.DOM對(duì)象簡(jiǎn)介

2.DOM對(duì)象的繼承關(guān)系2任務(wù)2：掌握元素與樣式的操作1.獲取操作的元素2.元素內(nèi)容

3.元素屬性

4.元素樣式6任務(wù)3:掌握節(jié)點(diǎn)的操作1.獲取節(jié)點(diǎn)

2.節(jié)點(diǎn)追加

3.節(jié)點(diǎn)刪除8模塊5：事件\o"任務(wù)5-1事件的綁定"任務(wù)1事件的綁定\o"1事件流"1.事件流2.\o"2事件的綁定方式"事件的綁定方式3.\o"3事件對(duì)象的使用"事件對(duì)象的使用4\o"任務(wù)5-2常用事件的實(shí)現(xiàn)"任務(wù)2常用事件的實(shí)現(xiàn)\o"1用戶界面事件"1.用戶界面事件編輯2.\o"2焦點(diǎn)事件"焦點(diǎn)事件3.\o"3鼠標(biāo)事件"鼠標(biāo)事件4.\o"4鍵盤事件"鍵盤事件5.\o"5表單事件"表單事件8\o"任務(wù)5-3正則表達(dá)式"任務(wù)3正則表達(dá)式\o"1正則表達(dá)式的基本概念"1.正則表達(dá)式的基本概念2.\o"2創(chuàng)建正則對(duì)象"創(chuàng)建正則對(duì)象3.\o"3邊界符"邊界符4.\o"4字符范圍"字符范圍5.\o"5預(yù)定義類"預(yù)定義類6.\o"6量詞符"量詞符編輯7.\o"7惰性匹配"惰性匹配8.\o"8括號(hào)字符"括號(hào)字符9.\o"9正則表達(dá)式優(yōu)先級(jí)"正則表達(dá)式優(yōu)先級(jí)10.\o"10字符串對(duì)象與正則表達(dá)式"字符串對(duì)象與正則表達(dá)式4（二）思政內(nèi)容設(shè)計(jì)在JavaScript程序設(shè)計(jì)課程中，思政內(nèi)容設(shè)計(jì)同樣注重將思想政治教育融入專業(yè)知識(shí)的傳授中。課程通過五個(gè)模塊和十五個(gè)子任務(wù)的結(jié)構(gòu)，圍繞“知識(shí)傳授與價(jià)值引領(lǐng)相結(jié)合”的宗旨，構(gòu)建了全面的思政教育體系，確保思想政治理論與專業(yè)教育協(xié)調(diào)發(fā)展。每個(gè)子任務(wù)都設(shè)置了“思政小課堂”，通過實(shí)際案例引導(dǎo)學(xué)生思考與社會(huì)價(jià)值觀的聯(lián)系。這些思政點(diǎn)不僅僅是抽象的理論，而是通過與實(shí)際編程任務(wù)的結(jié)合，使學(xué)生在學(xué)習(xí)過程中潛移默化地接受社會(huì)主義核心價(jià)值觀的熏陶。課程強(qiáng)調(diào)誠(chéng)實(shí)、守信、堅(jiān)韌不拔的品質(zhì)，通過項(xiàng)目合作與交流，提升學(xué)生的溝通表達(dá)能力和團(tuán)隊(duì)協(xié)作能力，最終實(shí)現(xiàn)教書育人的目標(biāo)。具體內(nèi)容見表2。表2思政內(nèi)容設(shè)計(jì)表序號(hào)模塊名稱子任務(wù)名稱引例名稱思政小課堂思政育人目標(biāo)1模塊1：JavaScript基礎(chǔ)語(yǔ)法1-1JavaScript概述代碼清晰性實(shí)踐溝通與合作的藝術(shù)討論代碼的可讀性和維護(hù)性，強(qiáng)調(diào)良好注釋和輸出的重要性。讓學(xué)生意識(shí)到清晰表達(dá)和溝通的重要性，鼓勵(lì)他們?cè)趫F(tuán)隊(duì)合作中分享思路，提升彼此的理解，倡導(dǎo)開放與合作的精神。2模塊1：JavaScript基礎(chǔ)語(yǔ)法1-2JavaScript基本語(yǔ)法流程控制決策演練理性思考與責(zé)任意識(shí)引導(dǎo)學(xué)生理解決策與控制的重要性，強(qiáng)調(diào)在編程中要理性思考、科學(xué)決策。通過流程控制的學(xué)習(xí)，培養(yǎng)學(xué)生在生活和工作中遇到問題時(shí)，能夠冷靜分析、做出合理選擇，強(qiáng)調(diào)責(zé)任與后果意識(shí)。3模塊1：JavaScript基礎(chǔ)語(yǔ)法1-3數(shù)組數(shù)組管理實(shí)戰(zhàn)信息組織與分類能力引導(dǎo)學(xué)生認(rèn)識(shí)數(shù)組作為數(shù)據(jù)集合的重要性，強(qiáng)調(diào)在生活和工作中組織和管理信息的能力。鼓勵(lì)學(xué)生在編程中養(yǎng)成良好的數(shù)據(jù)結(jié)構(gòu)意識(shí)，培養(yǎng)他們?cè)诿鎸?duì)復(fù)雜問題時(shí)能有效分類和整合信息的能力。4模塊1：JavaScript基礎(chǔ)語(yǔ)法1-4函數(shù)函數(shù)深度解析批判性思維與多元解決方案探討函數(shù)嵌套與閉包的概念，強(qiáng)調(diào)復(fù)雜問題的解決需要深入思考與系統(tǒng)分析。引導(dǎo)學(xué)生認(rèn)識(shí)到生活中的許多問題也是多層次的，鼓勵(lì)他們?cè)谟龅嚼щy時(shí)深入分析、尋求多元解決方案，培養(yǎng)他們的批判性思維和解決問題的能力。5模塊2：面向?qū)ο缶幊?-1面向?qū)ο蟾攀鰧?duì)象屬性探索尊重差異與包容精神討論對(duì)象的屬性與方法，讓學(xué)生認(rèn)識(shí)到每個(gè)個(gè)體都有其獨(dú)特的特性和作用。通過這一過程，強(qiáng)調(diào)尊重個(gè)體差異的重要性，鼓勵(lì)學(xué)生欣賞多樣性，培養(yǎng)他們的包容心和團(tuán)隊(duì)合作精神。6模塊2：面向?qū)ο缶幊?-2掌握自定義對(duì)象的定義和基本操作，理解構(gòu)造函數(shù)的概念動(dòng)態(tài)對(duì)象適應(yīng)訓(xùn)練靈活性與創(chuàng)新能力引導(dǎo)學(xué)生認(rèn)識(shí)到對(duì)象的動(dòng)態(tài)性，強(qiáng)調(diào)在適應(yīng)變化時(shí)的靈活性和創(chuàng)新能力。讓學(xué)生明白，在團(tuán)隊(duì)合作和社會(huì)交往中，面對(duì)不同的挑戰(zhàn)和需求，適時(shí)調(diào)整和優(yōu)化自己的角色與行為是十分重要的，鼓勵(lì)他們積極應(yīng)對(duì)變化，培養(yǎng)適應(yīng)能力。7模塊2：面向?qū)ο缶幊?-3內(nèi)置對(duì)象時(shí)間管理高效利用時(shí)間的價(jià)值討論時(shí)間管理的重要性，強(qiáng)調(diào)在學(xué)習(xí)與工作中高效利用時(shí)間，對(duì)個(gè)人和社會(huì)發(fā)展的影響。8模塊3：瀏覽器對(duì)象模型（BOM）3-1了解BOM的組成結(jié)構(gòu)用戶體驗(yàn)優(yōu)化案例服務(wù)意識(shí)與社會(huì)責(zé)任用戶體驗(yàn)的重要性，強(qiáng)調(diào)在開發(fā)中關(guān)注用戶需求和感受，培養(yǎng)學(xué)生的服務(wù)意識(shí)與社會(huì)責(zé)任感。9模塊3：瀏覽器對(duì)象模型（BOM）3-2熟悉其他對(duì)象用戶行為歷史回顧歷史的積累與未來(lái)的影響了解歷史的意義，引導(dǎo)學(xué)生理解個(gè)人和社會(huì)的歷史積累。在編程中，可以用history對(duì)象回顧用戶的行為，讓學(xué)生意識(shí)到每一個(gè)選擇和決策對(duì)未來(lái)的影響，強(qiáng)調(diào)對(duì)歷史的尊重和學(xué)習(xí)的重要性。10模塊4：文檔對(duì)象模型（DOM）4-1了解DOM的組成結(jié)構(gòu)DOM繼承示例知識(shí)共享與團(tuán)隊(duì)合作討論繼承的概念，引導(dǎo)學(xué)生思考人類社會(huì)中的相互影響與借鑒。通過DOM對(duì)象的繼承，學(xué)生可以理解如何通過已有的知識(shí)和技術(shù)創(chuàng)新出新的解決方案，強(qiáng)調(diào)團(tuán)隊(duì)合作與知識(shí)共享的重要性，培養(yǎng)學(xué)生在技術(shù)領(lǐng)域內(nèi)積極探索與合作的意識(shí)。11模塊4：文檔對(duì)象模型（DOM）4-2掌握元素與樣式的操作網(wǎng)頁(yè)美學(xué)分析技術(shù)中的審美與責(zé)任感討論網(wǎng)頁(yè)的視覺效果如何影響用戶體驗(yàn)，引導(dǎo)學(xué)生思考美學(xué)在技術(shù)中的重要性。強(qiáng)調(diào)在技術(shù)設(shè)計(jì)中不僅要關(guān)注功能，也要關(guān)注對(duì)用戶的心理影響，培養(yǎng)學(xué)生的審美能力與社會(huì)責(zé)任感。12模塊4：文檔對(duì)象模型（DOM）4-3掌握節(jié)點(diǎn)的操作刪除與取舍討論責(zé)任感與深思熟慮讓學(xué)生反思刪除的概念，探討在生活和工作中，何時(shí)需要舍棄不必要的東西以追求更高的目標(biāo)。強(qiáng)調(diào)對(duì)“刪除”的深思熟慮，培養(yǎng)學(xué)生在做決策時(shí)的責(zé)任感，特別是在處理信息和內(nèi)容時(shí)。13模塊5：事件\o"任務(wù)5-1事件的綁定"5-1事件的綁定事件對(duì)象解析細(xì)節(jié)關(guān)注與同理心讓學(xué)生認(rèn)識(shí)到事件對(duì)象攜帶的信息和狀態(tài)，強(qiáng)調(diào)在處理問題時(shí)要關(guān)注細(xì)節(jié)與背景。引導(dǎo)學(xué)生理解在社會(huì)生活中，傾聽和理解他人的觀點(diǎn)與需求是建立良好關(guān)系的基礎(chǔ)，培養(yǎng)他們的同理心和溝通能力。14模塊5：事件\o"任務(wù)5-2常用事件的實(shí)現(xiàn)"5-2常用事件的實(shí)現(xiàn)表單數(shù)據(jù)處理練習(xí)信息準(zhǔn)確性與誠(chéng)信意識(shí)討論表單事件的處理，強(qiáng)調(diào)數(shù)據(jù)的有效收集和處理在決策中的重要性。讓學(xué)生理解在社會(huì)生活中，信息的準(zhǔn)確性和真實(shí)性對(duì)決策的影響，鼓勵(lì)他們保持誠(chéng)實(shí)與負(fù)責(zé)的態(tài)度，培養(yǎng)他們的誠(chéng)信意識(shí)。15模塊5：事件\o"任務(wù)5-3正則表達(dá)式"5-3正則表達(dá)式字符串與正則表達(dá)式應(yīng)用信息素養(yǎng)與判斷能力探討字符串對(duì)象與正則表達(dá)式的關(guān)系，強(qiáng)調(diào)數(shù)據(jù)處理與信息獲取的重要性。讓學(xué)生認(rèn)識(shí)到，準(zhǔn)確獲取信息是做出合理判斷的基礎(chǔ)，培養(yǎng)他們的信息素養(yǎng)和批判性思維。四、能力訓(xùn)練設(shè)計(jì)及進(jìn)程安排能力訓(xùn)練設(shè)計(jì)及進(jìn)程安排如表3所示。表3能力訓(xùn)練設(shè)計(jì)表序號(hào)能力訓(xùn)練模塊名稱能力訓(xùn)練任務(wù)名稱能力目標(biāo)知識(shí)目標(biāo)訓(xùn)練方式手段及步驟呈現(xiàn)結(jié)果學(xué)時(shí)其他教學(xué)要求1模塊1：JavaScript基礎(chǔ)語(yǔ)法1-1JavaScript概述1.在前端開發(fā)中，編寫函數(shù)和對(duì)象以實(shí)現(xiàn)復(fù)雜邏輯，并響應(yīng)用戶操作，改善應(yīng)用的交互性。2.在團(tuán)隊(duì)協(xié)作中，正確引入JavaScript代碼，使用輸出語(yǔ)句進(jìn)行調(diào)試，并通過注釋提升代碼可讀性，幫助團(tuán)隊(duì)成員理解邏輯。(1) JavaScript開發(fā)工具；(2) 數(shù)據(jù)與運(yùn)算、函數(shù)、對(duì)象、事件；(3) JavaScript引入方式、常用輸出語(yǔ)句、注釋。教師：引例描述、課件演示、操作演示學(xué)生：分組討論、練習(xí)作業(yè)代碼2(1)中國(guó)大學(xué)MOOC平臺(tái)/智慧職教SPOC平臺(tái)；(2)職業(yè)能力要求；(3)課程考核方案；(4)常見技術(shù)論壇；(5)參考教程。21-2JavaScript基本語(yǔ)法在編寫代碼時(shí)，準(zhǔn)確存儲(chǔ)和處理數(shù)據(jù)，確保輸入輸出的正確性，通過復(fù)雜表達(dá)式實(shí)現(xiàn)數(shù)據(jù)邏輯，提升程序的健壯性與效率。2.在系統(tǒng)開發(fā)中，根據(jù)不同條件執(zhí)行邏輯，使用循環(huán)高效遍歷數(shù)據(jù)集，提升代碼靈活性與用戶體驗(yàn)。(1) 變量的定義、變量的賦值；(2) 基本數(shù)據(jù)類型、數(shù)據(jù)類型檢測(cè)、數(shù)據(jù)類型轉(zhuǎn)換；(3) 算術(shù)運(yùn)算符、字符串運(yùn)算符、賦值運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符、三元運(yùn)算符、運(yùn)算符優(yōu)先級(jí)、表達(dá)式；(4) if語(yǔ)句、switch語(yǔ)句；(5) while語(yǔ)句、for語(yǔ)句、跳轉(zhuǎn)語(yǔ)句。431-3數(shù)組1.在項(xiàng)目中，能夠創(chuàng)建并初始化數(shù)組，靈活執(zhí)行增刪改查操作，使用二維數(shù)組存儲(chǔ)和管理表格數(shù)據(jù)，以提升數(shù)據(jù)處理的效率和準(zhǔn)確性。2.在數(shù)據(jù)處理和分析中，能夠?qū)?shù)組進(jìn)行排序與檢索，以實(shí)現(xiàn)高效的數(shù)據(jù)操作與展示。(1) 初識(shí)數(shù)組、創(chuàng)建數(shù)組；(2) 數(shù)組的基本操作；(3) 二維數(shù)組的創(chuàng)建與遍歷；(4) 數(shù)組排序、數(shù)組檢索方法、數(shù)組轉(zhuǎn)字符串、數(shù)組其他方法。441-4函數(shù)1.在開發(fā)過程中，能夠編寫可復(fù)用的函數(shù)以封裝邏輯，提高代碼的可讀性與維護(hù)性，并合理使用作用域，以避免變量沖突和提升代碼的可維護(hù)性。2.在異步編程或事件處理時(shí)，能夠使用回調(diào)函數(shù)來(lái)處理任務(wù)，提高代碼的靈活性和響應(yīng)性，并在需要封裝數(shù)據(jù)或創(chuàng)建私有變量時(shí)，能夠使用閉包來(lái)實(shí)現(xiàn)功能，增強(qiáng)代碼的安全性和模塊化。(1) 初識(shí)函數(shù)、參數(shù)設(shè)置、函數(shù)的調(diào)用；(2) 變量的作用域；(3) 匿名函數(shù)、回調(diào)函數(shù)；(4) 函數(shù)嵌套、閉包函數(shù)。65模塊2：面向?qū)ο缶幊?-1面向?qū)ο蟾攀龅湫凸ぷ魅蝿?wù)：1.在項(xiàng)目開發(fā)中，能夠設(shè)計(jì)并實(shí)現(xiàn)對(duì)象模型，靈活地訪問和遍歷對(duì)象的屬性，以模擬真實(shí)世界的事物，提升代碼的可維護(hù)性與重用性，確保數(shù)據(jù)的準(zhǔn)確性與有效性。(1) 面向?qū)ο蟾攀觯?2) 對(duì)象的定義、屬性、方法；(3) 對(duì)象成員訪問與遍歷。2(1)中國(guó)大學(xué)MOOC平臺(tái)/智慧職教SPOC平臺(tái)；(2)職業(yè)能力要求；(3)課程考核方案；(4)常見技術(shù)論壇；(5)參考教程。62-2掌握自定義對(duì)象的定義和基本操作，理解構(gòu)造函數(shù)的概念典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，利用構(gòu)造函數(shù)創(chuàng)建對(duì)象以實(shí)現(xiàn)面向?qū)ο蟮脑O(shè)計(jì)，提升代碼的組織性和可讀性。(1) 構(gòu)造函數(shù)的概念；(2) 定義構(gòu)造函數(shù)；(3) 構(gòu)造函數(shù)的屬性和方法的增刪。472-3內(nèi)置對(duì)象典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠利用String等內(nèi)置對(duì)象處理數(shù)據(jù)，使用setTimeout和setInterval實(shí)現(xiàn)動(dòng)態(tài)效果或時(shí)間控制，提升應(yīng)用的交互性和用戶體驗(yàn)。(1) String對(duì)象的使用；(2) Number對(duì)象和Math對(duì)象的使用；(3) Date對(duì)象的使用；(4) setTimeout的使用、setInterval的使用。68模塊3：瀏覽器對(duì)象模型（BOM）3-1了解BOM的組成結(jié)構(gòu)典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠利用BOM實(shí)現(xiàn)用戶交互功能（如提示信息、確認(rèn)操作），根據(jù)需求調(diào)整窗口的尺寸和位置，同時(shí)使用document對(duì)象修改網(wǎng)頁(yè)內(nèi)容和樣式，提升用戶體驗(yàn)。(1) BOM對(duì)象；(2) 彈出對(duì)話框和窗口、窗口位置和大小；(3) document對(duì)象的使用。4(1)中國(guó)大學(xué)MOOC平臺(tái)/智慧職教SPOC平臺(tái)；(2)職業(yè)能力要求；(3)課程考核方案；(4)常見技術(shù)論壇；(5)參考教程。93-2熟悉其他對(duì)象典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠利用location等BOM對(duì)象，確保網(wǎng)頁(yè)在各種設(shè)備上的良好展示。(1) location對(duì)象；(2) history對(duì)象；(3) navigator對(duì)象；(4) screen對(duì)象。310模塊4：文檔對(duì)象模型（DOM）4-1了解DOM的組成結(jié)構(gòu)典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠使用DOM對(duì)象進(jìn)行元素的創(chuàng)建、刪除和修改，同時(shí)理解DOM對(duì)象的繼承關(guān)系以優(yōu)化操作效率和代碼組織。(1) DOM對(duì)象簡(jiǎn)介；(2) DOM對(duì)象的繼承關(guān)系。2(1)中國(guó)大學(xué)MOOC平臺(tái)/智慧職教SPOC平臺(tái)；(2)職業(yè)能力要求；(3)課程考核方案；(4)常見技術(shù)論壇；(5)參考教程。114-2掌握元素與樣式的操作典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，學(xué)生能夠利用對(duì)應(yīng)API實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新、屬性修改和樣式調(diào)整，設(shè)計(jì)交互式網(wǎng)頁(yè)，優(yōu)化用戶體驗(yàn)，靈活運(yùn)用API滿足具體需求。(1) 獲取操作的元素相關(guān)API；(2) 元素內(nèi)容相關(guān)API；(3) 元素屬性相關(guān)API；(4) 元素樣式相關(guān)API。4124-3掌握節(jié)點(diǎn)的操作典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，學(xué)生能夠利用節(jié)點(diǎn)API實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容的添加與刪除，構(gòu)建交互式組件（如動(dòng)態(tài)列表、表單等），并優(yōu)化網(wǎng)頁(yè)結(jié)構(gòu)，使其更加靈活和用戶友好。(1) 獲取節(jié)點(diǎn)相關(guān)API；(2) 節(jié)點(diǎn)追加相關(guān)API；(3) 節(jié)點(diǎn)刪除相關(guān)API。613模塊5：事件\o"任務(wù)5-1事件的綁定"5-1事件的綁定典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，學(xué)生能夠?qū)崿F(xiàn)復(fù)雜的用戶交互效果，如點(diǎn)擊、懸停和鍵盤事件的處理，構(gòu)建動(dòng)態(tài)和響應(yīng)式的網(wǎng)頁(yè)應(yīng)用，提高用戶體驗(yàn)。\o"1事件流"(1)事件流(2)\o"2事件的綁定方式"事件的綁定方式(3)\o"3事件對(duì)象的使用"事件對(duì)象的使用2(1)中國(guó)大學(xué)MOOC平臺(tái)/智慧職教SPOC平臺(tái)；(2)職業(yè)能力要求；(3)課程考核方案；(4)常見技術(shù)論壇；(5)參考教程。14\o"任務(wù)5-2常用事件的實(shí)現(xiàn)"5-2常用事件的實(shí)現(xiàn)典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，學(xué)生能夠?qū)崿F(xiàn)動(dòng)態(tài)表單驗(yàn)證、交互式鼠標(biāo)操作和鍵盤輸入處理，構(gòu)建響應(yīng)式用戶界面，提升應(yīng)用的功能性和可用性。\o"1用戶界面事件"(1)用戶界面事件編輯(2)\o"2焦點(diǎn)事件"焦點(diǎn)事件(3)\o"3鼠標(biāo)事件"鼠標(biāo)事件(4)\o"4鍵盤事件"鍵盤事件(5)\o"5表單事件"表單事件215\o"任務(wù)5-3正則表達(dá)式"5-3正則表達(dá)式典型工作任務(wù)在前端開發(fā)中處理用戶輸入，確保數(shù)據(jù)符合預(yù)期格式，如郵箱、電話號(hào)碼等。2.在項(xiàng)目中根據(jù)不同需求選擇合適的方法創(chuàng)建正則對(duì)象，以提高代碼的可讀性和效率。\o"1正則表達(dá)式的基本概念"(1)正則表達(dá)式的基本概念(2)\o"2創(chuàng)建正則對(duì)象"創(chuàng)建正則對(duì)象(3)\o"3邊界符"邊界符(4)\o"4字符范圍"字符范圍(5)\o"5預(yù)定義類"預(yù)定義類(6)\o"6量詞符"量詞符編輯(7)\o"7惰性匹配"惰性匹配(8)\o"8括號(hào)字符"括號(hào)字符(9)\o"9正則表達(dá)式優(yōu)先級(jí)"正則表達(dá)式優(yōu)先級(jí)(10)\o"10字符串對(duì)象與正則表達(dá)式"字符串對(duì)象與正則表達(dá)式2五、考核評(píng)價(jià)設(shè)計(jì)課程基于云課堂教學(xué)平臺(tái)，開展多元多維考核評(píng)價(jià)，集教師評(píng)價(jià)、學(xué)生評(píng)價(jià)、學(xué)習(xí)平臺(tái)評(píng)價(jià)于一體，從編碼規(guī)范、文檔規(guī)范、計(jì)算思維、技術(shù)自信、專業(yè)責(zé)任等5個(gè)維度探索增值評(píng)價(jià)，形成素質(zhì)性評(píng)價(jià)，最終實(shí)現(xiàn)對(duì)學(xué)生的知識(shí)、能力、素質(zhì)進(jìn)行線上線下全方位全過程考核。教師通過評(píng)價(jià)反饋，及時(shí)把握學(xué)生學(xué)習(xí)情況，優(yōu)化調(diào)整教學(xué)策略，具體考核方案見表4。表4課程考核方案形式考核環(huán)節(jié)考核內(nèi)容項(xiàng)內(nèi)占比線上（20%）課程資源學(xué)習(xí)課程視頻、課件、文檔等30%模塊測(cè)驗(yàn)?zāi)K1-5測(cè)驗(yàn)30%模塊作業(yè)模塊1-5作業(yè)20%教學(xué)活動(dòng)參與課程討論、頭腦風(fēng)暴等教學(xué)活動(dòng)得分20%線下（80%）素質(zhì)性評(píng)價(jià)編碼規(guī)范、文檔規(guī)范、計(jì)算思維、技術(shù)自信、專業(yè)責(zé)任等20%知識(shí)性評(píng)價(jià)課堂實(shí)踐、課后實(shí)踐、期末成績(jī)等40%技能性評(píng)價(jià)各模塊的實(shí)踐操作40%（一）素質(zhì)性評(píng)價(jià)從編碼規(guī)范、文檔規(guī)范、計(jì)算思維、技術(shù)自信、專業(yè)責(zé)任等5個(gè)維度，以參與項(xiàng)目開發(fā)、問卷調(diào)查、小組匯報(bào)、個(gè)人展示、技能提升、實(shí)踐報(bào)告撰寫等多種方法進(jìn)行評(píng)價(jià)，探索實(shí)踐增值評(píng)價(jià)。（二）知識(shí)性評(píng)價(jià)每完成一個(gè)模塊教學(xué)任務(wù)后應(yīng)進(jìn)行一次課堂小測(cè)驗(yàn)；書面作業(yè)、模塊測(cè)驗(yàn)（含期中考試成績(jī)）、期末成績(jī)按30:20:50（百分制）計(jì)入知識(shí)性評(píng)價(jià)成績(jī)。

（三）技能性評(píng)價(jià)課程各模塊技能考核比例見表5，技能性評(píng)價(jià)標(biāo)準(zhǔn)見表6。表5課程技能考核各模塊所占比例一覽表序號(hào)模塊名稱考核比例模塊1JavaScript基礎(chǔ)語(yǔ)法20%模塊2面向?qū)ο缶幊?0%模塊3瀏覽器對(duì)象模型（BOM）10%模塊4文檔對(duì)象模型（DOM）20%模塊5事件20%合計(jì)100%表6技能性評(píng)價(jià)標(biāo)準(zhǔn)一覽表考核點(diǎn)考核比例得分評(píng)價(jià)標(biāo)準(zhǔn)優(yōu)秀(86-100)良好(70-85)及格(60-69)任務(wù)實(shí)現(xiàn)70%能綜合運(yùn)用相關(guān)教學(xué)知識(shí)模塊很好完成實(shí)踐項(xiàng)目；編寫程序的功能達(dá)到設(shè)計(jì)目標(biāo)，用戶界面友好，編程邏輯清晰，