《JavaScirpt程序设计I》-课程标准

《JavaScript程序设计I》课程标准课程代码R00181243课程名称JavaScript程序设计I课程性质专业必修课课程类型B理实一体化课程（理论教学+实践教学）学分4学时64适用专业软件技术、大数据应用、移动互联、人工智能技术应用合作企业华晟经世信息技术股份有限公司教学方式B线上线下混合式考核类型考试课制订时间2023年9月制订人刘斌审核人一、课程定位1.课程在专业培养中的定位及作用《JavaScript程序设计》是面向软件技术相关专业的一门Web前端基础课程，涉及JavaScript语言基础、数组、函数、对象、BOM、DOM、事件等内容。通过本课程的学习，学生能够了解JavaScript语言的特点，掌握面向对象程序设计思想，为前端方向的后续课程打下扎实的语言功底，并通过融入的“课程思政”元素，培养爱国、敬业、无私奉献的精神，树立正确的人生观、价值观、世界观。2.本课程与其它课程的关系本课程的前导课程为《C语言程序设计》《移动Web高级开发》等，通过前导课程的学习，学生已经具备一定的编程思维和编程能力，熟练掌握了HTML和CSS的知识。该课程后续课程有《Web前端框架与应用Ⅰ》《Node.js应用开发》、《微信小程序开发》等，本课程对后续课程的支撑能力是问题分析能力、为静态网页增加动态功能的能力。表1前导、后续课程一览表前导课程本课程后续课程《C语言程序设计》《移动Web高级开发》《JavaScript程序设计》《Web前端框架与应用Ⅰ》《Node.js应用开发》《微信小程序开发》二、课程目标通过本课程的学习，培养学生运用所学的知识和技能进行WEB前端开发的能力，熟悉基本的项目开发流程、养成良好的编程习惯，为今后从事Web全栈开发相关工作奠定良好的基础。通过“职业发展前景介绍”等思政元素的融入，激发学生的家国情怀和责任担当，牢记专业使命，肩负专业的社会责任，形成真善美的良好品质，具备国家大局意识和社会服务意识。课程具体目标为：1.知识目标(1)掌握JavaScript的基本语法(2)掌握JavaScript数组、函数、内置对象、事件等(3)能够运用JavaScript实现表单数据的验证；(4)理解BOM窗口对象模型的概念，能够应用常见BOM对象；(5)掌握DOM树形结构及其操作方法，能够控制DOM对象；(6)掌握JavaScript事件的基本概念，能够编写事件处理程序；2.能力目标(1)能独立进行资料收集与整理、具备用户需求的理解能力和书面表达能力；(2)能根据项目需求，具备项目页面的分析与设计能力；(3)具有使用JavaScript技术进行页面事件处理与表单验证的能力；(4)能根据DOM树形结构，进行页面DOM的控制；(5)能根据不同的典型事件，编写具体的事件处理程序；3.素质目标(1)养成善于思考、深入研究的良好自主学习的习惯；(2)通过项目与案例教学，培养学习者的分析问题、解决问题的能力；(3)具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力；(4)通过课外拓展训练，培养学习者的创新意识；(5)具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。三、课程内容与要求本课程根据Web前端开发工程师的岗位能力要求，重构课程结构，形成了模块化的课程结构，主要内容包括：JavaScript基础语法、面向对象编程、浏览器对象模型（BOM）、文档对象模型（DOM）和事件，每个模块又由若干教学单元组成，具体见表2所示：表2教学内容及要求序号模块/项目名称教学单元/子任务主要学习内容（知识点）对接典型工作任务要求或职业能力要求思政育人目标建议学时1模块1：JavaScript基础语法1-1JavaScript概述(1) JavaScript开发工具；(2) 数据与运算、函数、对象、事件；(3) JavaScript引入方式、常用输出语句、注释。典型工作任务：1.在前端开发中，编写函数和对象以实现复杂逻辑，并响应用户操作，改善应用的交互性。2.在团队协作中，正确引入JavaScript代码，使用输出语句进行调试，并通过注释提升代码可读性，帮助团队成员理解逻辑。讨论代码的可读性和维护性，强调良好注释和输出的重要性。让学生意识到清晰表达和沟通的重要性，鼓励他们在团队合作中分享思路，提升彼此的理解，倡导开放与合作的精神。22模块1：JavaScript基础语法1-2JavaScript基本语法(1) 变量的定义、变量的赋值；(2) 基本数据类型、数据类型检测、数据类型转换；(3) 算术运算符、字符串运算符、赋值运算符、比较运算符、逻辑运算符、三元运算符、运算符优先级、表达式；(4) if语句、switch语句；(5) while语句、for语句、跳转语句。典型工作任务：在编写代码时，准确存储和处理数据，确保输入输出的正确性，通过复杂表达式实现数据逻辑，提升程序的健壮性与效率。2.在系统开发中，根据不同条件执行逻辑，使用循环高效遍历数据集，提升代码灵活性与用户体验。引导学生理解决策与控制的重要性，强调在编程中要理性思考、科学决策。通过流程控制的学习，培养学生在生活和工作中遇到问题时，能够冷静分析、做出合理选择，强调责任与后果意识。43模块1：JavaScript基础语法1-3数组(1) 初识数组、创建数组；(2) 数组的基本操作；(3) 二维数组的创建与遍历；(4) 数组排序、数组检索方法、数组转字符串、数组其他方法。典型工作任务：1.在项目中，能够创建并初始化数组，灵活执行增删改查操作，使用二维数组存储和管理表格数据，以提升数据处理的效率和准确性。2.在数据处理和分析中，能够对数组进行排序与检索，以实现高效的数据操作与展示。引导学生认识数组作为数据集合的重要性，强调在生活和工作中组织和管理信息的能力。鼓励学生在编程中养成良好的数据结构意识，培养他们在面对复杂问题时能有效分类和整合信息的能力。44模块1：JavaScript基础语法1-4函数(1) 初识函数、参数设置、函数的调用；(2) 变量的作用域；(3) 匿名函数、回调函数；(4) 函数嵌套、闭包函数。典型工作任务：1.在开发过程中，能够编写可复用的函数以封装逻辑，提高代码的可读性与维护性，并合理使用作用域，以避免变量冲突和提升代码的可维护性。2.在异步编程或事件处理时，能够使用回调函数来处理任务，提高代码的灵活性和响应性，并在需要封装数据或创建私有变量时，能够使用闭包来实现功能，增强代码的安全性和模块化。探讨函数嵌套与闭包的概念，强调复杂问题的解决需要深入思考与系统分析。引导学生认识到生活中的许多问题也是多层次的，鼓励他们在遇到困难时深入分析、寻求多元解决方案，培养他们的批判性思维和解决问题的能力。65模块2：面向对象编程2-1面向对象概述(1) 面向对象概述；(2) 对象的定义、属性、方法；(3) 对象成员访问与遍历。典型工作任务：1.在项目开发中，能够设计并实现对象模型，灵活地访问和遍历对象的属性，以模拟真实世界的事物，提升代码的可维护性与重用性，确保数据的准确性与有效性。讨论对象的属性与方法，让学生认识到每个个体都有其独特的特性和作用。通过这一过程，强调尊重个体差异的重要性，鼓励学生欣赏多样性，培养他们的包容心和团队合作精神。26模块2：面向对象编程2-2掌握自定义对象的定义和基本操作，理解构造函数的概念(1) 构造函数的概念；(2) 定义构造函数；(3) 构造函数的属性和方法的增删。典型工作任务：1.在项目开发中，利用构造函数创建对象以实现面向对象的设计，提升代码的组织性和可读性。引导学生认识到对象的动态性，强调在适应变化时的灵活性和创新能力。让学生明白，在团队合作和社会交往中，面对不同的挑战和需求，适时调整和优化自己的角色与行为是十分重要的，鼓励他们积极应对变化，培养适应能力。47模块2：面向对象编程2-3内置对象(1) String对象的使用；(2) Number对象和Math对象的使用；(3) Date对象的使用；(4) setTimeout的使用、setInterval的使用。典型工作任务：1.在项目开发中，能够利用String等内置对象处理数据，使用setTimeout和setInterval实现动态效果或时间控制，提升应用的交互性和用户体验。讨论时间管理的重要性，强调在学习与工作中高效利用时间，对个人和社会发展的影响。68模块3：浏览器对象模型（BOM）3-1了解BOM的组成结构(1) BOM对象；(2) 弹出对话框和窗口、窗口位置和大小；(3) document对象的使用。典型工作任务：1.在项目开发中，能够利用BOM实现用户交互功能（如提示信息、确认操作），根据需求调整窗口的尺寸和位置，同时使用document对象修改网页内容和样式，提升用户体验。用户体验的重要性，强调在开发中关注用户需求和感受，培养学生的服务意识与社会责任感。29模块3：浏览器对象模型（BOM）3-2熟悉其他对象(1) location对象；(2) history对象；(3) navigator对象；(4) screen对象。典型工作任务：1.在项目开发中，能够利用location等BOM对象，确保网页在各种设备上的良好展示。了解历史的意义，引导学生理解个人和社会的历史积累。在编程中，可以用history对象回顾用户的行为，让学生意识到每一个选择和决策对未来的影响，强调对历史的尊重和学习的重要性。210模块4：文档对象模型（DOM）4-1了解DOM的组成结构(1) DOM对象简介；(2) DOM对象的继承关系。典型工作任务：1.在项目开发中，能够使用DOM对象进行元素的创建、删除和修改，同时理解DOM对象的继承关系以优化操作效率和代码组织。讨论继承的概念，引导学生思考人类社会中的相互影响与借鉴。通过DOM对象的继承，学生可以理解如何通过已有的知识和技术创新出新的解决方案，强调团队合作与知识共享的重要性，培养学生在技术领域内积极探索与合作的意识。211模块4：文档对象模型（DOM）4-2掌握元素与样式的操作(1) 获取操作的元素相关API；(2) 元素内容相关API；(3) 元素属性相关API；(4) 元素样式相关API。典型工作任务：1.在项目开发中，学生能够利用对应API实现动态内容更新、属性修改和样式调整，设计交互式网页，优化用户体验，灵活运用API满足具体需求。讨论网页的视觉效果如何影响用户体验，引导学生思考美学在技术中的重要性。强调在技术设计中不仅要关注功能，也要关注对用户的心理影响，培养学生的审美能力与社会责任感。612模块4：文档对象模型（DOM）4-3掌握节点的操作(1) 获取节点相关API；(2) 节点追加相关API；(3) 节点删除相关API。典型工作任务：1.在项目开发中，学生能够利用节点API实现动态内容的添加与删除，构建交互式组件（如动态列表、表单等），并优化网页结构，使其更加灵活和用户友好。让学生反思删除的概念，探讨在生活和工作中，何时需要舍弃不必要的东西以追求更高的目标。强调对“删除”的深思熟虑，培养学生在做决策时的责任感，特别是在处理信息和内容时。813模块5：事件\o"任务5-1事件的绑定"5-1事件的绑定\o"1事件流"(1)事件流(2)\o"2事件的绑定方式"事件的绑定方式(3)\o"3事件对象的使用"事件对象的使用典型工作任务：1.在项目开发中，学生能够实现复杂的用户交互效果，如点击、悬停和键盘事件的处理，构建动态和响应式的网页应用，提高用户体验。让学生认识到事件对象携带的信息和状态，强调在处理问题时要关注细节与背景。引导学生理解在社会生活中，倾听和理解他人的观点与需求是建立良好关系的基础，培养他们的同理心和沟通能力。414模块5：事件\o"任务5-2常用事件的实现"5-2常用事件的实现\o"1用户界面事件"(1)用户界面事件编辑(2)\o"2焦点事件"焦点事件(3)\o"3鼠标事件"鼠标事件(4)\o"4键盘事件"键盘事件(5)\o"5表单事件"表单事件典型工作任务：1.在项目开发中，学生能够实现动态表单验证、交互式鼠标操作和键盘输入处理，构建响应式用户界面，提升应用的功能性和可用性。讨论表单事件的处理，强调数据的有效收集和处理在决策中的重要性。让学生理解在社会生活中，信息的准确性和真实性对决策的影响，鼓励他们保持诚实与负责的态度，培养他们的诚信意识。815模块5：事件\o"任务5-3正则表达式"5-3正则表达式\o"1正则表达式的基本概念"(1)正则表达式的基本概念(2)\o"2创建正则对象"创建正则对象(3)\o"3边界符"边界符(4)\o"4字符范围"字符范围(5)\o"5预定义类"预定义类(6)\o"6量词符"量词符编辑(7)\o"7惰性匹配"惰性匹配(8)\o"8括号字符"括号字符(9)\o"9正则表达式优先级"正则表达式优先级(10)\o"10字符串对象与正则表达式"字符串对象与正则表达式典型工作任务在前端开发中处理用户输入，确保数据符合预期格式，如邮箱、电话号码等。2.在项目中根据不同需求选择合适的方法创建正则对象，以提高代码的可读性和效率。探讨字符串对象与正则表达式的关系，强调数据处理与信息获取的重要性。让学生认识到，准确获取信息是做出合理判断的基础，培养他们的信息素养和批判性思维。4四、教学方法建议以学生为主体，针对具体的教学内容和教学过程需要，采用“教学做一体化”的项目教学法、任务驱动法、情境教学法、讨论式教学法、翻转课堂法等。鼓励和引导学生开展合作探究学习、自主学习、亲身实践学习等。五、课程实施条件1.师资团队要求具有高校教师资格和本专业领域有关证书；有理想信念、有道德情操、有扎实学识、有仁爱