《JavaScirpt程序設(shè)計(jì)I》-課程標(biāo)準(zhǔn)

《JavaScript程序設(shè)計(jì)I》課程標(biāo)準(zhǔn)課程代碼R00181243課程名稱JavaScript程序設(shè)計(jì)I課程性質(zhì)專業(yè)必修課課程類型B理實(shí)一體化課程（理論教學(xué)+實(shí)踐教學(xué)）學(xué)分4學(xué)時(shí)64適用專業(yè)軟件技術(shù)、大數(shù)據(jù)應(yīng)用、移動(dòng)互聯(lián)、人工智能技術(shù)應(yīng)用合作企業(yè)華晟經(jīng)世信息技術(shù)股份有限公司教學(xué)方式B線上線下混合式考核類型考試課制訂時(shí)間2023年9月制訂人劉斌審核人一、課程定位1.課程在專業(yè)培養(yǎng)中的定位及作用《JavaScript程序設(shè)計(jì)》是面向軟件技術(shù)相關(guān)專業(yè)的一門Web前端基礎(chǔ)課程，涉及JavaScript語言基礎(chǔ)、數(shù)組、函數(shù)、對(duì)象、BOM、DOM、事件等內(nèi)容。通過本課程的學(xué)習(xí)，學(xué)生能夠了解JavaScript語言的特點(diǎn)，掌握面向?qū)ο蟪绦蛟O(shè)計(jì)思想，為前端方向的后續(xù)課程打下扎實(shí)的語言功底，并通過融入的“課程思政”元素，培養(yǎng)愛國、敬業(yè)、無私奉獻(xiàn)的精神，樹立正確的人生觀、價(jià)值觀、世界觀。2.本課程與其它課程的關(guān)系本課程的前導(dǎo)課程為《C語言程序設(shè)計(jì)》《移動(dòng)Web高級(jí)開發(fā)》等，通過前導(dǎo)課程的學(xué)習(xí)，學(xué)生已經(jīng)具備一定的編程思維和編程能力，熟練掌握了HTML和CSS的知識(shí)。該課程后續(xù)課程有《Web前端框架與應(yīng)用Ⅰ》《Node.js應(yīng)用開發(fā)》、《微信小程序開發(fā)》等，本課程對(duì)后續(xù)課程的支撐能力是問題分析能力、為靜態(tài)網(wǎng)頁增加動(dòng)態(tài)功能的能力。表1前導(dǎo)、后續(xù)課程一覽表前導(dǎo)課程本課程后續(xù)課程《C語言程序設(shè)計(jì)》《移動(dòng)Web高級(jí)開發(fā)》《JavaScript程序設(shè)計(jì)》《Web前端框架與應(yīng)用Ⅰ》《Node.js應(yīng)用開發(fā)》《微信小程序開發(fā)》二、課程目標(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é)生的家國情懷和責(zé)任擔(dān)當(dāng)，牢記專業(yè)使命，肩負(fù)專業(yè)的社會(huì)責(zé)任，形成真善美的良好品質(zhì)，具備國家大局意識(shí)和社會(huì)服務(wù)意識(shí)。課程具體目標(biāo)為：1.知識(shí)目標(biāo)(1)掌握J(rèn)avaScript的基本語法(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)目頁面的分析與設(shè)計(jì)能力；(3)具有使用JavaScript技術(shù)進(jìn)行頁面事件處理與表單驗(yàn)證的能力；(4)能根據(jù)DOM樹形結(jié)構(gòu)，進(jìn)行頁面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ī)范、誠實(shí)、守信的高尚品質(zhì)。三、課程內(nèi)容與要求本課程根據(jù)Web前端開發(fā)工程師的崗位能力要求，重構(gòu)課程結(jié)構(gòu)，形成了模塊化的課程結(jié)構(gòu)，主要內(nèi)容包括：JavaScript基礎(chǔ)語法、面向?qū)ο缶幊?、瀏覽器對(duì)象模型（BOM）、文檔對(duì)象模型（DOM）和事件，每個(gè)模塊又由若干教學(xué)單元組成，具體見表2所示：表2教學(xué)內(nèi)容及要求序號(hào)模塊/項(xiàng)目名稱教學(xué)單元/子任務(wù)主要學(xué)習(xí)內(nèi)容（知識(shí)點(diǎn)）對(duì)接典型工作任務(wù)要求或職業(yè)能力要求思政育人目標(biāo)建議學(xué)時(shí)1模塊1：JavaScript基礎(chǔ)語法1-1JavaScript概述(1) JavaScript開發(fā)工具；(2) 數(shù)據(jù)與運(yùn)算、函數(shù)、對(duì)象、事件；(3) JavaScript引入方式、常用輸出語句、注釋。典型工作任務(wù)：1.在前端開發(fā)中，編寫函數(shù)和對(duì)象以實(shí)現(xiàn)復(fù)雜邏輯，并響應(yīng)用戶操作，改善應(yīng)用的交互性。2.在團(tuán)隊(duì)協(xié)作中，正確引入JavaScript代碼，使用輸出語句進(jìn)行調(diào)試，并通過注釋提升代碼可讀性，幫助團(tuán)隊(duì)成員理解邏輯。討論代碼的可讀性和維護(hù)性，強(qiáng)調(diào)良好注釋和輸出的重要性。讓學(xué)生意識(shí)到清晰表達(dá)和溝通的重要性，鼓勵(lì)他們?cè)趫F(tuán)隊(duì)合作中分享思路，提升彼此的理解，倡導(dǎo)開放與合作的精神。22模塊1：JavaScript基礎(chǔ)語法1-2JavaScript基本語法(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語句、switch語句；(5) while語句、for語句、跳轉(zhuǎn)語句。典型工作任務(wù)：在編寫代碼時(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)。引導(dǎo)學(xué)生理解決策與控制的重要性，強(qiáng)調(diào)在編程中要理性思考、科學(xué)決策。通過流程控制的學(xué)習(xí)，培養(yǎng)學(xué)生在生活和工作中遇到問題時(shí)，能夠冷靜分析、做出合理選擇，強(qiáng)調(diào)責(zé)任與后果意識(shí)。43模塊1：JavaScript基礎(chǔ)語法1-3數(shù)組(1) 初識(shí)數(shù)組、創(chuàng)建數(shù)組；(2) 數(shù)組的基本操作；(3) 二維數(shù)組的創(chuàng)建與遍歷；(4) 數(shù)組排序、數(shù)組檢索方法、數(shù)組轉(zhuǎn)字符串、數(shù)組其他方法。典型工作任務(wù)：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ù)操作與展示。引導(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í)能有效分類和整合信息的能力。44模塊1：JavaScript基礎(chǔ)語法1-4函數(shù)(1) 初識(shí)函數(shù)、參數(shù)設(shè)置、函數(shù)的調(diào)用；(2) 變量的作用域；(3) 匿名函數(shù)、回調(diào)函數(shù)；(4) 函數(shù)嵌套、閉包函數(shù)。典型工作任務(wù)：1.在開發(fā)過程中，能夠編寫可復(fù)用的函數(shù)以封裝邏輯，提高代碼的可讀性與維護(hù)性，并合理使用作用域，以避免變量沖突和提升代碼的可維護(hù)性。2.在異步編程或事件處理時(shí)，能夠使用回調(diào)函數(shù)來處理任務(wù)，提高代碼的靈活性和響應(yīng)性，并在需要封裝數(shù)據(jù)或創(chuàng)建私有變量時(shí)，能夠使用閉包來實(shí)現(xiàn)功能，增強(qiáng)代碼的安全性和模塊化。探討函數(shù)嵌套與閉包的概念，強(qiáng)調(diào)復(fù)雜問題的解決需要深入思考與系統(tǒng)分析。引導(dǎo)學(xué)生認(rèn)識(shí)到生活中的許多問題也是多層次的，鼓勵(lì)他們?cè)谟龅嚼щy時(shí)深入分析、尋求多元解決方案，培養(yǎng)他們的批判性思維和解決問題的能力。65模塊2：面向?qū)ο缶幊?-1面向?qū)ο蟾攀?1) 面向?qū)ο蟾攀觯?2) 對(duì)象的定義、屬性、方法；(3) 對(duì)象成員訪問與遍歷。典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠設(shè)計(jì)并實(shí)現(xiàn)對(duì)象模型，靈活地訪問和遍歷對(duì)象的屬性，以模擬真實(shí)世界的事物，提升代碼的可維護(hù)性與重用性，確保數(shù)據(jù)的準(zhǔn)確性與有效性。討論對(duì)象的屬性與方法，讓學(xué)生認(rèn)識(shí)到每個(gè)個(gè)體都有其獨(dú)特的特性和作用。通過這一過程，強(qiáng)調(diào)尊重個(gè)體差異的重要性，鼓勵(lì)學(xué)生欣賞多樣性，培養(yǎng)他們的包容心和團(tuán)隊(duì)合作精神。26模塊2：面向?qū)ο缶幊?-2掌握自定義對(duì)象的定義和基本操作，理解構(gòu)造函數(shù)的概念(1) 構(gòu)造函數(shù)的概念；(2) 定義構(gòu)造函數(shù)；(3) 構(gòu)造函數(shù)的屬性和方法的增刪。典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，利用構(gòu)造函數(shù)創(chuàng)建對(duì)象以實(shí)現(xiàn)面向?qū)ο蟮脑O(shè)計(jì)，提升代碼的組織性和可讀性。引導(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)能力。47模塊2：面向?qū)ο缶幊?-3內(nèi)置對(duì)象(1) String對(duì)象的使用；(2) Number對(duì)象和Math對(duì)象的使用；(3) Date對(duì)象的使用；(4) setTimeout的使用、setInterval的使用。典型工作任務(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)。討論時(shí)間管理的重要性，強(qiáng)調(diào)在學(xué)習(xí)與工作中高效利用時(shí)間，對(duì)個(gè)人和社會(huì)發(fā)展的影響。68模塊3：瀏覽器對(duì)象模型（BOM）3-1了解BOM的組成結(jié)構(gòu)(1) BOM對(duì)象；(2) 彈出對(duì)話框和窗口、窗口位置和大??；(3) document對(duì)象的使用。典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠利用BOM實(shí)現(xiàn)用戶交互功能（如提示信息、確認(rèn)操作），根據(jù)需求調(diào)整窗口的尺寸和位置，同時(shí)使用document對(duì)象修改網(wǎng)頁內(nèi)容和樣式，提升用戶體驗(yàn)。用戶體驗(yàn)的重要性，強(qiáng)調(diào)在開發(fā)中關(guān)注用戶需求和感受，培養(yǎng)學(xué)生的服務(wù)意識(shí)與社會(huì)責(zé)任感。29模塊3：瀏覽器對(duì)象模型（BOM）3-2熟悉其他對(duì)象(1) location對(duì)象；(2) history對(duì)象；(3) navigator對(duì)象；(4) screen對(duì)象。典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠利用location等BOM對(duì)象，確保網(wǎng)頁在各種設(shè)備上的良好展示。了解歷史的意義，引導(dǎo)學(xué)生理解個(gè)人和社會(huì)的歷史積累。在編程中，可以用history對(duì)象回顧用戶的行為，讓學(xué)生意識(shí)到每一個(gè)選擇和決策對(duì)未來的影響，強(qiáng)調(diào)對(duì)歷史的尊重和學(xué)習(xí)的重要性。210模塊4：文檔對(duì)象模型（DOM）4-1了解DOM的組成結(jié)構(gòu)(1) DOM對(duì)象簡介；(2) DOM對(duì)象的繼承關(guān)系。典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，能夠使用DOM對(duì)象進(jìn)行元素的創(chuàng)建、刪除和修改，同時(shí)理解DOM對(duì)象的繼承關(guān)系以優(yōu)化操作效率和代碼組織。討論繼承的概念，引導(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í)。211模塊4：文檔對(duì)象模型（DOM）4-2掌握元素與樣式的操作(1) 獲取操作的元素相關(guān)API；(2) 元素內(nèi)容相關(guān)API；(3) 元素屬性相關(guān)API；(4) 元素樣式相關(guān)API。典型工作任務(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ōu)化用戶體驗(yàn)，靈活運(yùn)用API滿足具體需求。討論網(wǎng)頁的視覺效果如何影響用戶體驗(yàn)，引導(dǎo)學(xué)生思考美學(xué)在技術(shù)中的重要性。強(qiáng)調(diào)在技術(shù)設(shè)計(jì)中不僅要關(guān)注功能，也要關(guān)注對(duì)用戶的心理影響，培養(yǎng)學(xué)生的審美能力與社會(huì)責(zé)任感。612模塊4：文檔對(duì)象模型（DOM）4-3掌握節(jié)點(diǎn)的操作(1) 獲取節(jié)點(diǎn)相關(guān)API；(2) 節(jié)點(diǎn)追加相關(guān)API；(3) 節(jié)點(diǎn)刪除相關(guān)API。典型工作任務(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)頁結(jié)構(gòu)，使其更加靈活和用戶友好。讓學(xué)生反思刪除的概念，探討在生活和工作中，何時(shí)需要舍棄不必要的東西以追求更高的目標(biāo)。強(qiáng)調(diào)對(duì)“刪除”的深思熟慮，培養(yǎng)學(xué)生在做決策時(shí)的責(zé)任感，特別是在處理信息和內(nèi)容時(shí)。813模塊5：事件\o"任務(wù)5-1事件的綁定"5-1事件的綁定\o"1事件流"(1)事件流(2)\o"2事件的綁定方式"事件的綁定方式(3)\o"3事件對(duì)象的使用"事件對(duì)象的使用典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，學(xué)生能夠?qū)崿F(xiàn)復(fù)雜的用戶交互效果，如點(diǎn)擊、懸停和鍵盤事件的處理，構(gòu)建動(dòng)態(tài)和響應(yīng)式的網(wǎng)頁應(yīng)用，提高用戶體驗(yà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)他們的同理心和溝通能力。414模塊5：事件\o"任務(wù)5-2常用事件的實(shí)現(xiàn)"5-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表單事件"表單事件典型工作任務(wù)：1.在項(xiàng)目開發(fā)中，學(xué)生能夠?qū)崿F(xiàn)動(dòng)態(tài)表單驗(yàn)證、交互式鼠標(biāo)操作和鍵盤輸入處理，構(gòu)建響應(yīng)式用戶界面，提升應(yīng)用的功能性和可用性。討論表單事件的處理，強(qiáng)調(diào)數(shù)據(jù)的有效收集和處理在決策中的重要性。讓學(xué)生理解在社會(huì)生活中，信息的準(zhǔn)確性和真實(shí)性對(duì)決策的影響，鼓勵(lì)他們保持誠實(shí)與負(fù)責(zé)的態(tài)度，培養(yǎng)他們的誠信意識(shí)。815模塊5：事件\o"任務(wù)5-3正則表達(dá)式"5-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á)式典型工作任務(wù)在前端開發(fā)中處理用戶輸入，確保數(shù)據(jù)符合預(yù)期格式，如郵箱、電話號(hào)碼等。2.在項(xiàng)目中根據(jù)不同需求選擇合適的方法創(chuàng)建正則對(duì)象，以提高代碼的可讀性和效率。探討字符串對(duì)象與正則表達(dá)式的關(guān)系，強(qiáng)調(diào)數(shù)據(jù)處理與信息獲取的重要性。讓學(xué)生認(rèn)識(shí)到，準(zhǔn)確獲取信息是做出合理判斷的基礎(chǔ)，培養(yǎng)他們的信息素養(yǎng)和批判性思維。4四、教學(xué)方法建議以學(xué)生為主體，針對(duì)具體的教學(xué)內(nèi)容和教學(xué)過程需要，采用“教學(xué)做一體化”的項(xiàng)目教學(xué)法、任務(wù)驅(qū)動(dòng)法、情境教學(xué)法、討論式教學(xué)法、翻轉(zhuǎn)課堂法等。鼓勵(lì)和引導(dǎo)學(xué)生開展合作探究學(xué)習(xí)、自主學(xué)習(xí)、親身實(shí)踐學(xué)習(xí)等。五、課程實(shí)施條件1.師資團(tuán)隊(duì)要求具有高校教師資格和本專業(yè)領(lǐng)域有關(guān)證書；有理想信念、有道德情操、有扎實(shí)學(xué)識(shí)、有仁愛