下载文档原格式
《JavaScript程序设计实训》实践教学大纲课程编号：030111S0 课程归口部门：软件技术学分/学时：2 / 30 适用专业：软件技术课程类型：实训课程一、课程定位本实训课程主要配套《JavaScript程序设计》课程，提高学生使用JavaScript及框架处理Web前端应用的能力。
二、教学目标通过课程设计达到综合运用JavaScript及框架的目的，能够按照项目要求完成对页面的异步通信功能的设计。
熟练使用UI设计Web界面，能够给页面添加必要的Ajax 功能。
三、教学内容课程设计内容：课程采用一个完整的项目案例做为课程设计内容，学生自主选择项目实现。
如果没有合适的项目，则选用在线考试系统做为项目。
自主选择项目要求：⏹能够JavaScript及框架进行页面设计（页面动态布局、网页选项卡、折叠（下拉）导航菜单、表单设计校验、表格设计等）；⏹使用Ajax技术实现与服务器端的数据交互；⏹系统功能至少包括用户的登录/注册以及一组完整的增、删、改、查功能。
课程设计时间安排：四、考核方法与评价标准最终成绩评定将采取指导老师根据实训期间表现、答辩情况和课程设计报告综合考核，权重分别40%、30%、30%。
五、实践教学条件要求课程设计过程在机房完成，要求机器安装网页制作软件等。
六、其他说明要求指导教师在课程设计的整个过程中贯穿任务驱动教学法，引导学生将所学知识应用到课程设计中，培养发现问题、解决问题的能力，引导学生在程序设计过程中有意识的运用软件工程的思想，善于协作，共同完成有特色的课程设计。
修订日期：2020年9月执笔人：郑丽萍审核人：批准人：。
《JavaScript程序设计》课程教学大纲课程编号： 030109Z0 适用专业：计算机相关专业课程类型：专业课课程性质：必俢课课程学时： 64 课程学分：4一、课程定位《JavaScript程序设计》是计算机软件技术专业的专业技能课，通过本课程的学习，将掌握使用JavaScript进行Internet客户端应用程序开发的知识，使学生具备使用JavaScript客户端编程和借鉴网络资源的能力；为学生掌握专业知识和职业技能、全面提高职业素质、增强适应职业变化的能力和继续学习的能力打下良好的基础。
本课程的先修课为：程序设计基础、信息基础和网页设计与制作等。
学好JavaScript 语言，同时具备了一定的客户端脚本编程能力。
二、课程目标1.知识目标(1) 了解什么是JavaScript以及JavaScript基本语法；(2) JavaScript对象基础,掌握JavaScript基于对象的编程方法及事件处理；(3) 掌握用JavaScript及框架增加web页的智能性和交互性。
2.能力目标(1) 能够使用JavaScript进行浏览器端应用程序的开发。
3.素质目标(1) 培养学生吃苦耐劳与敬业精神、团队精神；(2) 培养学生具有实事求是的学风和严谨的工作态度；(3) 培养学生分析问题和解决问题的能力；(4) 培养学生创新意识、创新精神。
三、课程设计1.设计理念（1）以职业能力培养为重点进行课程开发与设计，体现职业性、实践性：根据企业需求，从岗位能力出发，以职业能力培养为重点，按照企业岗位能力要求来确定课程的内容、教学组织、教学方法和手段、考核的方法和手段，突出学生编码能力、抽象问题能力、逻辑思维能力、计算机思维能力和自学能力的培养，达到培养学生解决实际问题能力的课程教学目标。
（2）以典型任务为载体设计教学环节，强化技能训练：由于高职学生的基础比较薄弱，自学能力不强，思维能力较弱，学习的主动性不够，以实际项目开发的典型工作任务为载体设计教学环节，建立真实工作任务与专业知识、专业技能的联系，增强学生的直观体验，激发学生的兴趣。
《JavaScript》课程标准（B类课程）课程编码：03160207课程类别：专业基础课适用专业：移动通信，物联网授课院（系、部）：机电与电子信息工程学院学分学时：4学分60学时（理论教学30学时实践教学30学时）编写执笔人：刘亮教研室主任审核签字：审核日期：院长（主任）审定签字：审定日期：1.课程性质和课程设计1. 1课程定位与作用课程的定位：（JavaScript））是一门专业基础课程。
通过本课程的学习，使学生获得互联网编程领域必备的基本理论、基本知识和基本技能，具备网站交互设计、网站脚本设计、网站动态设计等专业能力，突出培养学生互联网网站APP脚本开发能力能力，毕业后能够胜任互联网企业的相关岗位工作。
课程作用：本课程对学生职业岗位能力培养和职业素质养成起着重要的支撑作用，能够全面培养学生的团队协作、工作责任心、职业规范和职业道德等综合素养。
与其他课程的关系：本课程是《JQuety》课程的前导课程。
1. 2课程设计理念①坚持高职性，体现高职院校人才培养的特色。
高职性的内涵包括高素质和技能型。
课程坚持以就业为导向，以理实一体化为特色，培养高素质、技能型专门人才。
②坚持主体性，突出学生在教学中的重要地位。
坚持主体性，首先体现在尊重学生的知识基础上，课程要从学习内容安排上，在低起点的学生和高素质的培养目标之间搭建递进式阶梯。
坚持主体性，其次体现在尊重学生的学习能力上，在教学实施的过程中要加强对教学方法的研究，充分调动学生的学习积极性和学习潜能，激发学习的内驱力。
坚持主体性，还体现在尊重学生的个体差异上，课程要尊重学生在学习动机、兴趣爱好、身心素质等方面的个性差异，确定适宜的学习目标和评价方法，使每个学生都能体验到学习的成功和快乐，以满足自我发展的需要。
③坚持全面性，培养终身学习和全面发展能力。
面向全体学生，着眼于学生终身学习和全面发展。
尊重事物发展的客观规律，从课程设计到教学实施的多个环节，注重培养学生的可持续发展能力，在夯实专业基础的同时，强调学生自主学习能力的培养，为学生终身学习莫定基础。
javascript课程标准JavaScript课程标准。
JavaScript是一种广泛应用于网页开发的脚本语言，它可以为网页添加动态功能，使用户与网页进行交互。
随着互联网的发展，JavaScript的重要性日益凸显，因此制定一套JavaScript课程标准对于培养具备优秀JavaScript编程能力的人才至关重要。
本文将围绕JavaScript课程标准展开讨论，旨在为相关教育机构和教师提供指导。
首先，JavaScript课程标准应当包括基础知识的系统学习。
学生需要掌握JavaScript的语法规则、数据类型、运算符、控制语句等基础知识，并能够灵活运用这些知识进行编程。
此外，还应当注重对DOM（文档对象模型）和BOM（浏览器对象模型）的学习，这是JavaScript操作网页元素和与浏览器交互的重要基础。
其次，JavaScript课程标准需要强调实践能力的培养。
学生不仅需要理解JavaScript的理论知识，更需要通过大量的编程实践来巩固所学内容。
因此，课程标准应当包括一定数量的编程作业和项目实践，让学生在实际操作中提升编程能力，培养解决实际问题的能力。
另外，JavaScript课程标准还应当注重与前沿技术的结合。
随着Web技术的不断发展，JavaScript的应用范围也在不断扩大，例如Node.js、React、Vue等技术的出现，为JavaScript的应用提供了新的可能性。
因此，课程标准应当及时更新，引入相关的前沿技术内容，使学生在学习JavaScript的同时也能够了解最新的发展动态。
此外，JavaScript课程标准还应当注重学生的创新能力培养。
编程是一门创造性的工作，学生应当具备独立思考和解决问题的能力。
因此，课程标准可以引入一些开放性的编程项目，鼓励学生进行自主设计和实现，培养他们的创新意识和实践能力。
最后，JavaScript课程标准还应当注重对学生综合能力的培养。
除了编程能力，学生还应当具备团队合作、沟通能力、项目管理等综合素质。
《Javascript》课程授课纲领一、课程基本信息课程名称Javascript课程种类□通识必修□通识选修■专业必修□方向必修□任意选修□创业必修□创业选修课程性质■理论 +实践□理论□实践执行学期核查方式■考试□观察总学分总学时理论学时实践学时开课单位适用专业(方向 )先修课程程序设计基础、网页设计理论：■一体化机房□多媒体教室□谈论课教室授课环境实践：□一体化机房■实验机房二、课程简介本课程是面向软件工程专业的一门专业必修课，涉及 javascript 语言基础、 javascript 与 CSS 交互、DOM 编程、表单考据、javascript 动画收效等内容，经过本课程的学习，学生能掌握JavaScript 语言的基本编程思想，并能熟练利用 JavaScript 控制 WEB 页面各级元素，实现 WEB 前端的考据、动向显现等任务；使学生形成必然的学习能力、沟通与团队的协作能力，形成优异的思虑问题、解析问题和解决问题的能力，养成优异的职业涵养。
遵守国家关于软件与信息技术的相关法律法规，形成重点性的软件开发与应用的能力。
最后成为具备较全面的软件开发与信息服务的技术人才。
本课程的前导课程是《程序设计基础》和《网页设计》，为后继课程《前端开发项目课程》、《搬动web 开发技术》等课程确定理论和实践的基础。
三、课程支撑的毕业要求及其详尽指标点支持毕业要求详尽指标点1.认识 Javascript 发展历程1.3 掌握工程基础知识和软件工程专业知识；2.掌握 Javascript 的基本作用并可以解决 (复杂 )软件工程推行过程中的相关 3.理解 HTML 、 CSS、 Javascript 三者关系问题 4.掌握介绍常有前端开发工具，比方Sublime5.掌握 DIV+CSS布局2.2 针对 (复杂 )软件工程问题，可以选择合适的1.掌握准时器递归用法数学、自然科学和工程科学看法进行表达和进2.掌握缓动动画计算公式一步的推理解析2.3 拥有找寻和解析文件资料的能力，可以经过 1.掌握常有 JS 文档查阅、学习方法文件研究解析 (复杂 )软件工程问题 2.在互联网上找寻在控制台输出“幽默”内容的网站3.1 可以有效解析需求，设计针对 (复杂 )软件工 1.综合设计作品显现系统网站模块划分程问题的解决方案 2.综合设计作品显现系统主页。
JavaScript最新教案第一章：JavaScript简介1.1 课程目标了解JavaScript的历史和发展掌握JavaScript的基本概念和特点理解JavaScript在Web开发中的作用1.2 教学内容JavaScript的起源和发展JavaScript的语法和特点JavaScript的核心概念JavaScript在现代Web开发中的应用1.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答1.4 教学资源教案和演示文稿示例代码和练习题在线资源和参考资料1.5 教学评估课堂参与和讨论练习题和代码实现项目评估和反馈第二章：JavaScript基础语法2.1 课程目标掌握JavaScript的基本语法和结构理解变量、数据类型和运算符的使用学会使用控制结构和函数2.2 教学内容JavaScript的基本语法和结构变量和数据类型的定义和使用运算符的种类和功能控制结构的作用和实现函数的定义和调用2.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答2.4 教学资源教案和演示文稿示例代码和练习题在线资源和参考资料2.5 教学评估课堂参与和讨论练习题和代码实现项目评估和反馈第三章：JavaScript对象和数组3.1 课程目标理解对象的概念和作用掌握对象的创建和属性的操作学会使用数组和字符串的处理方法3.2 教学内容对象的概念和作用创建对象和使用构造函数属性和属性的操作数组的概念和操作方法字符串的处理和操作3.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答3.4 教学资源教案和演示文稿示例代码和练习题在线资源和参考资料3.5 教学评估练习题和代码实现项目评估和反馈第四章：JavaScript事件处理4.1 课程目标理解事件的概念和作用掌握事件处理的方法和技巧学会使用事件监听器和事件委托4.2 教学内容事件的概念和作用事件处理的方法和技巧事件监听器的使用和实现事件委托的原理和应用4.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答4.4 教学资源教案和演示文稿示例代码和练习题在线资源和参考资料4.5 教学评估练习题和代码实现项目评估和反馈第五章：JavaScript高级应用5.1 课程目标掌握JavaScript的高级特性学会使用ES6和ES7的新特性理解模块化和组件化的开发模式5.2 教学内容JavaScript的高级特性ES6和ES7的新特性模块化的概念和实现组件化的开发模式和应用5.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答5.4 教学资源教案和演示文稿示例代码和练习题在线资源和参考资料5.5 教学评估练习题和代码实现项目评估和反馈第六章：JavaScript DOM操作6.1 课程目标理解DOM的概念和结构掌握DOM的查询和修改方法学会使用DOM事件处理和动画6.2 教学内容DOM的概念和结构DOM的查询方法（getElementById, getElementsByClassName, querySelector等）DOM的修改方法（添加、删除、修改元素和属性）DOM事件处理（事件监听器、事件流、事件对象）DOM动画的实现（transition, animation等）6.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答6.4 教学资源教案和演示文稿示例代码和练习题6.5 教学评估课堂参与和讨论练习题和代码实现项目评估和反馈第七章：JavaScript网络请求7.1 课程目标理解网络请求的概念和原理掌握JavaScript中网络请求的实现学会使用协议和REST API7.2 教学内容网络请求的概念和原理JavaScript中的网络请求（XMLHttpRequest, Fetch API）协议的基本概念和状态码REST API的设计原则和实现7.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答7.4 教学资源教案和演示文稿示例代码和练习题7.5 教学评估课堂参与和讨论练习题和代码实现项目评估和反馈第八章：JavaScript模块化和打包8.1 课程目标理解模块化的概念和优势掌握JavaScript模块化的实现学会使用打包工具和构建流程8.2 教学内容模块化的概念和优势JavaScript模块化的实现（CommonJS, ES6模块）打包工具的使用（Webpack, Parcel, Rollup）构建流程和自动化（Gulp, Grunt, npm scripts）8.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答8.4 教学资源教案和演示文稿示例代码和练习题8.5 教学评估课堂参与和讨论练习题和代码实现项目评估和反馈第九章：JavaScript前端框架9.1 课程目标理解前端框架的概念和作用掌握常见前端框架的使用学会前端框架的原理和扩展9.2 教学内容前端框架的概念和作用常见前端框架（React, Vue, Angular）的使用和比较前端框架的原理和扩展（组件化、状态管理等）9.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答9.4 教学资源教案和演示文稿示例代码和练习题在线资源和参考资料9.5 教学评估课堂参与和讨论练习题和代码实现项目评估和反馈第十章：JavaScript项目实践10.1 课程目标理解项目实践的重要性掌握项目开发的流程和技巧完成一个简单的JavaScript项目10.2 教学内容项目实践的重要性项目开发的流程和技巧（需求分析、设计、编码、测试）完成一个简单的JavaScript项目（如待办事项列表、天气应用等）10.3 教学方法讲解和演示示例代码和练习互动讨论和问题解答10.4 教学资源教案和演示文稿示例代码和练习题在线资源和参考资料10.5 教学评估课堂参与和讨论练习题和代码实现项目评估和反馈重点和难点解析一、JavaScript简介1.1 重点和难点解析JavaScript的历史和发展JavaScript的基本概念和特点JavaScript在Web开发中的作用二、JavaScript基础语法2.1 重点和难点解析变量和数据类型的定义和使用运算符的种类和功能控制结构的作用和实现函数的定义和调用三、JavaScript对象和数组3.1 重点和难点解析对象的概念和作用创建对象和使用构造函数属性和属性的操作数组的概念和操作方法字符串的处理和操作四、JavaScript事件处理4.1 重点和难点解析事件的概念和作用事件处理的方法和技巧事件监听器的使用和实现事件委托的原理和应用五、JavaScript高级应用5.1 重点和难点解析JavaScript的高级特性ES6和ES7的新特性模块化的概念和实现组件化的开发模式和应用六、JavaScript DOM操作6.1 重点和难点解析DOM的概念和结构DOM的查询方法DOM的修改方法DOM事件处理和动画七、JavaScript网络请求7.1 重点和难点解析网络请求的概念和原理JavaScript中的网络请求协议和REST API八、JavaScript模块化和打包8.1 重点和难点解析模块化的概念和优势JavaScript模块化的实现打包工具和构建流程九、JavaScript前端框架9.1 重点和难点解析前端框架的概念和作用常见前端框架的使用和比较前端框架的原理和扩展十、JavaScript项目实践10.1 重点和难点解析项目实践的重要性项目开发的流程和技巧完成一个简单的JavaScript项目全文总结和概括：本文针对“JavaScript最新教案”的十个章节进行了重点和难点的解析。
《JavaScript编程》课程标准课程类型理论+实践课课程性质必修课学时及学分36，2适用专业（群）执笔人课程组审核系（中心）审核二〇一五年4月《JavaScript编程》课程标准一、课程定位《JavaScript编程》课程是高职高专计算机网络、计算机信息安全和计算机类各专业的专业基础课和职业素质必修课。
《JavaScript编程》是一门学习制作网站的课程。
通过对本课程的学习，学生将能够使用JavaScript制作网页客户端特效，实现页面特效、动画、用户反馈等功能，从而达到美化网页的效果。
《JavaScript编程》属于专业必修课程。
先修课程为：HTML与页面开发。
二、课程设计的理念与思路本课程方案的设计进一步强化实践训练课程的比重，突出学生能力培养，科学处理讲、练关系，按照三个“三分之一”的比例设计课程并组织教学，三分之一的教学内容采取讲授方式组织教学，三分之一的内容以边讲边练的方式组织教学，三分之一的内容以训练方式组织教学。
在通过教学内容的优化组合，突出实用性和先进性，突出“强调动手、加强实践、培养兴趣、积极创新”的理念，实施循序渐进，实施“基础→综合→系统→创新”的教学体系，打破以往只重视基础内容的教学模式。
“基础→综合→系统→创新”的教学体系，就是强调基本概念、基础内容，但不局限；在教学过程中引导学生根据基本内容综合基本知识，升华基本规律，结合工程应用，达到举一反三，使大多数同学能够掌握教材基本内容和重点内容；教学内容各模块基本掌握的情况下，教师注重从系统整体分析与设计角度出发，从更高层次让学生进一步掌握基本内容和重点内容，使学习优秀的同学能够利用基本知识，从系统角度分析教学内容各模块，最终实现学习方法创新及基本教学内容在创新实践中的应用。
三、课程目标本课程的总目标是：“以学生为主体，以学生的学习为中心”，通过课程的实施，帮助学生学会学习。
使学生的知识、情感、技能得到全面发展，既为今后的专业课程学习打下良好的知识与技能基础，又培养良好的态度，为其将来从事专业活动和未来的职业生涯打下基础。
《JavaScript脚本语言》课程标准一、课程定位《JavaScript脚本语言》本课程是计算机应用技术专业的一门专业必修课，本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过多个项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
二、课程目标通过本课程的学习，使学生能够在各种网站中灵活运用JavaScript或JQuery技术实现网站需要的功能，同时使学生建立有关程序设计的思路，掌握在Web中加入动态元素的技巧，具备使用JavaScript开发设计实用网页的能力。
全面掌握JavaScript开发技术和技能及基于JavaScript的流行框架技术，培养学生规范编码和良好的程序设计风格；培养学生面向对象编程的思维和提高逻辑思维能力。
同时，通过本课程的学习培养学生踏实认真、精益求精、创新的精神，培养良好的职业道德、团队分工协作精神，为学生学习或从事动态网站开发、基于Web应用开发打下坚实的基础。
1．知识目标（1）熟悉JavaScript语法基础知识；（2）掌握JavaScript函数的编写和常用内部对象的使用；（3）了解BOM基础（4）熟悉CSS样式及DIV+CSS网站布局（5）熟悉DOM模型（6）掌握表单验证技术（7）掌握JQuery技术知识（8）熟练使用一种以上的基于JavaScript流行框架技术2．能力目标（1）会运用编程思想和脚本编写能力解决Web中的实际问题（2）能运用CSS以及JavaScript代码操作CSS的方式格式化网页（3）能运用DIV+CSS布局技术解决基本网页框架（4）能使用DOM模型的层次关系访问网页元素（5）会基本的Internet操作（6）能够运用基于对象和事件驱动编程解决Web中的客户需求（7）会使用脚本编程及表单事件、脚本函数实现表单验证（8）能利用JQuery简化JavaScript操作Web页面（9）能够运用当前基于JavaScript的流行框架技术进行基本的Web开发3．素质目标（1）具有社会主义和共产主义的理想信念（2）具有改革开放的意识和强烈的竞争意识（3）具有良好的行为规范和社会公德以及较强的法制观念（4）具有良好的职业道德和质量服务意识（5）具有不断学习、不断创新的进取精神（6）具有团队协作精神和较强的协调能力及独立工作的能力（7）具有健康的体魄和良好的心理素质（8）能吃苦耐劳、爱岗敬业三、课程设计1．设计思想以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。
《Java Script程序设计》课程教学大纲一、课程的性质和任务课程性质：《Java程序设计》是信息与网络技术专业/现代文秘的一门选修课程，是学习Java语言在互联网中使用技巧的一门课程。
主要任务：使学生了解Java中使用对象概念的一般方法，建立有关Java程序设计的思路，掌握在Web中加入动态元素的技巧，具备使用Java开发实用网页的能力。
二、学时分配序号课题教学时数小计讲课现场教学及实操一JavaScript简介 2 2二在HTML中嵌入JavaScript 4 2 2三JavaScript的语法结构 4 2 2四用户自定义对象 4 2 2五内置对象和函数 4 2 2六Navigator对象树 4 2 2七详解Navigator对象树 4 2 2八JavaScript与Form 2 1 2九JavaScript和Frame 3 1 2十JavaScript的高级技术概述 2 1 2总计3517 18第一章 JavaScript简介教学内容：讲述Internet、HTML、JavaScript及JavaScript程序的编辑与调试。
重点：WWW、HTML、JavaScript概念；JavaScript程序的编辑与调试方法。
第二章在HTML中嵌入JavaScript教学内容：讲述怎样在HTML中嵌入JavaScript。
重点：在HTML中嵌入JavaScript的方法以及对不同的浏览器的处理。
第三章 JavaScript的语法结构教学内容:讲述JavaScript语言的变量和数据类型、表达式与操作符、控制流和函数、使用事件触发。
重点：JavaScript语言的变量和数据类型、表达式与操作符、控制流和函数、使用事件触发。
难点：事件触发第四章用户自定义对象教学内容:讲述对象和实例、数组对象的概念，，以及怎样在JavaScript中使用对象。
重点：对象和实例、数组对象的概念；难点：在JavaScript中使用对象的方法。
《JavaScript项目式实例教程》课程标准《JavaScript项目式实例教程》课程标准课程编号：02104 课程类型：非核心课程、一体化课程学时：72 适用对象：软件与信息服务专业二年级学生编制者：张屹峰审核者：编制日期：2014-07-05一、课程的性质1、课程定位《JavaScript项目式实例教程》课程是计算机软件与信息服务专业的一门重要的专业课，定位于WEB技术开发工作岗位。
它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用。
本课程的前导课程：静态网页设计、DIV+CSS 布局。
后续课程：网页美工、PHP动态网页设计、C#程序设计与应用等。
2、课程任务《JavaScript项目式实例教程》课程课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务。
二、职业活动通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。
遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。
最终成为具备较全面的软件开发与信息服务的技术人才。
该课程涉及的知识是Web应用程序或网站前端开发人员必备的基本技能，职业活动与课程内容的对应关系如下：Web前端开发岗位职业能力教学内容（理实一体化课）模块化设计思想任务模块化（第1章）程序设计基本流程判断、循环结构（第2、3章）与基本对象的交互设计事件（第4章）事件高级应用（第8章）操作浏览器窗口窗口对象（第5章）操作Document 文档对象（第6章）操作DOM DOM对象（第7章）动画基础运动基础（第9章）三、教学目标1、职业关键能力目标（1）掌握JavaScript语言的基本语法及常用的内置函数（2）掌握事件以及事件的触发机制（3）掌握BOM对象的常用属性和方法《JavaScript项目式实例教程》课程标准3（4）掌握文档对象的常用属性和方法（5）掌握Cookie对象的使用方法（6）掌握DOM的概念以及利用DOM操作文档节点的方法（7）掌握事件流和事件绑定（8）掌握利用JavaScript设计缓冲运动的原理和方法2、职业专门能力目标（1）通过完成相关的项目，掌握JavaScript语言的语法结构。
（2）通过完成相关的项目，掌握JavaScript各种内置对象的使用方法和应用情境。
（3）通过完成相关的项目，寻找发现问题途径，学会解决问题的方法3、方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。
遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。
四、课程内容1、预备知识学习本课程，学生必须具备的知识和技能有：计算机应用基础、HTML标记语言、DIV+CSS网页布局。
如果已具有一门程序设计语言基础则能达到更好的学习效果。
2、核心内容课程重难点及课时分配如下表所示：核心内容教学要求重点(☆)难点（ABC）学时安排备注JavaScript与HTML混编的方式B ☆C 2判断、循环结构 A ☆ B 5 数据类型及转换 A ☆ B 3 字符串对象及处理函数A ☆B 4事件处理机制及主要事件A ☆ A 6窗口对象 A ☆ A 5文档对象 A ☆ A 5 DOM对象 A ☆ A 6合计36 （教学要求：A—熟练掌握；B—掌握；C一了解）（技能要求：A—熟练掌握；B_掌握；C一了解）3、项目设计项目设计及课时分配如下表所示：项目设计教学要求重点(☆)难点（ABC）学时安排备注项目一：对话框和页面输出C ☆ C 2项目二：简单计算器A ☆B 3项目三：统计成绩单A ☆B 5项目四：注册页面设计A ☆B 4项目五：多窗体注册页面A ☆ A 4项目六：多功能A ☆ A 4相册A ☆ A 4项目七：商品列表项目八：自制滚A ☆ A 5动条项目九：运动基A ☆ A 5础合计36 （教学要求：A—熟练掌握；B—掌握；C一了解）（技能要求：A—熟练掌握；B_掌握；C一了解）4、学习情境本课程以JavaScript程序设计语言为主要工具，学习Web应用程序或网站前端开发技术。
为了更好实施软件技术专业“职业情境，项目主导”的工学结合人才培养模式，开展基于软件产品开发工作过程的项目实践教学，本课程组织为9个模块，9个项目。
按照项目开发的过程进行模块的划分，在完成每个模块学习和实践的过程中，融入相应的知识点、程序设计方法、程序调试方法和软件设计规范。
在教学内容选取和组织过程中，突出与企业的深度融合，引进企业软件产品开发环境、管理规范、技术资源，校企双方共同完成本课程的教学与实践。
5、项目实施通过项目设计培养学生的职业素养。
在项目设计过程中，加深对知识的理解，提高对编程工具使用的熟练程度，掌握软件项目开发的一般方法、步骤与流程，熟悉程序设计的基本工作规范，养成良好的编程习惯。
同时，通过协作完成软件项目开发，培养学生的沟通交流能力、组织协调能力、团队合作能力和自主学习能力。
项目开发过程中，每4-5人一组，在教师的指导下，制定项目开发计划、时间进度、工作流程等，项目组成员可以具体的分工协作。
完成项目测试，项目文档制作等。
6、教学要求序号课题知识要求能力要求教学建议课时1 JavaScript与HTML混编初步体验使用JavaScrip1、初步体验JavaScrip带领学4t进行WEB 前端应用开发的方法t脚本内嵌在HTML中的书写方法2、初步了解事件触发的概念以及函数调用生共同体验任务完成过程，不必对其中涉及的知识点做过多的解释2 简单计算器掌握判断结构的使用方法1、熟悉变量和常量的概念和使用方法2、熟悉基本数据类型及类型转换3、熟悉各种运算符的使用方法4、熟悉判断结以学习判断结构为主线，融入其他6构知识点，在项目完成后对这些知识做总结归纳3 统计成绩单掌握循环结构的使1、初步了解数组的以学1用方法概念和使用方法。
2、初步了解对象的概念。
3、熟悉Math数学对象的应用。
4、熟悉循环结构的使用方法。
5、熟悉变量的作用域习循环结构为主线，融入其他知识点，在项目完成后对些知识做总结归纳4 注册页面设计掌握事件的应用1、理解事件的概念。
2、掌握事件的触发机制。
3、掌握常用事件的应用。
以学习事件为主线，融入其他知8点，在项目完成后对这些知识做总结归纳5 多窗体注册页面掌握窗口对象1、掌握窗体对象Window的常用属性以学习五8和方法。
2、掌握地址对象Location 的常用属性和方法。
3、掌握历史对象History的常用属性和方法。
4、掌握屏幕对象Screen的常用属性和方法。
5、掌握浏览器对象Navigator 的常用属性大对象主线，融入其他知识点，在项目完成后对这些知识做总结归纳6 多功能相册掌握文档对象1、掌握文档对象Document的常用属性和方法。
2、掌握Cookie对象的使用方法。
3、掌握图像对象的使用方法。
4、掌握超级链接对象的使用以学习文档对象主线，融入其他知识点，8方法。
5、掌握利用JavaScrip t设置样式的方法。
在项目完成后对这些知识做总结归纳7 商品列表掌握DOM对象1、掌握利用DOM获取文档节点的方法。
2、以学习DOM对8掌握利用DOM操作文档节点的方法。
3、掌握利用DOM获取或设置文档节点样式的方法。
4、掌握利用DOM操作表格的方法象主线，融入其他知识点，在项目完成后对这些知识做结归纳8 自制滚动条掌握事件的高级应用1、掌握事件流和事件绑定。
2、掌握阻止浏览器默认行为的方法。
3、掌握鼠标滚轮事件的处理方法。
以学习事件的高级应用为主线，融入其他1识点，在项目完成后对这些知识做总结归纳9 运动基础掌握利用JavaScript设计动画1、掌握物理运动的基本规以学习1的基本思想律。
2、掌握缓冲运动的原理和实现方法。
3、掌握窗口滚动事件。
缓冲运动的设计思想主线，融入其他知识点，在项目完成后对这些知识做总结归纳18周授课，其余时间机动（考试、复习等）合计72 五、课程实施条件1、人员条件授课教师必须具备以下条件：①本科以上计算机相关专业学历，有一定的英语水平；②通过初级或者高级程序员考试或者拿到一些国际、国内认证的证书，有一年以上教授相关程序设计课程或项目开发经验；③有网页设计及Web应用程序开发能力及经验；④较强的逻辑思维能力，团队精神和协作能力，强烈的好奇心和学习精神。
2、环境条件本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。
配备液晶投影仪、多媒体教学软件、Dreamweaver CS5.0及以上版本、一款JavaScript常用开发工具，如Aptana等。
六、教学组织与方法1、教学方法结合软件与信息服务专业学生特点，基于行动导向，根据每个任务的内容特点，以真实项目进行引导开展教学。
整个课程以项目任务实训为主线，以技能培养为核心来组织教学。
学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。
（1）项目教学法课程将WEB前端开发中的某个应用作为一个项目，并分解为多个小的任务。
每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。
（2）小组教学法以6人为一个单位，成立教学小组。
单人完成的项目，组内可以互相学习，督促和评价。
大型复杂的项目，小组成员共同完成。
（3）视频展示法教师对讲授内容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲解。
使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。
2、教学手段（1）充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。
开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。
（2）鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。
（3）严格考评制度设计了内容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。
严格检查平时作业完成情况，及时反馈作业中反映的问题。
采用定期模拟考试的方法及时检验学生阶段性学习成果。
建立科学合理的考核评价制度，以促进学生的学习积极性和自我学习的动力。
（4）充分利用网络环境和资源充分利用互联网资源、本课程网站资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等，使学生可以不受时间、地点的限制，方便地进行学习。
