JavaScript教案课程设计

PAGE课程教案课题名称JavaScript程序设计授课班级授课学时1-2授课地点授课形式讲授参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：1、JS执行原理。2、JS代码编写位置。3、JS代码作为A标签的属性。技能目标：了解JS执行原理。能在网页选中使用规范的JavaScript脚本。素质目标：理解JS执行原理，并能够掌握在不同的地方编写JS脚本代码。教学重点与难点教学重点理解JS执行原理，在不同的地方编写JS脚本教学难点将JS编写在外部文件中并调用学情分析本次课程为JavaScript程序设计的第一次课程，主要需要将JavaScript使用场景和执行原理等给学生介绍清楚，并演示一些学完本门课程之后可以制作的网页效果，让学生对本门课程产生兴趣。教学过程课前：阅读教材，为第一次JavaScript理论课程做准备课中：（1）展示学完本门课程可以完成的JS小游戏。（2）JavaScript语言介绍及作用。（3）开发环境介绍。（4）JS代码弹窗及JS代码编写在不同的位置。（5）使用JS代码作为A标签的href属性课后：布置预习任务，预习下次课内容，了解JS中数据类型，变量和运算符。教学反思本次课程内容主要以展示和理解为主，让学生对课程产生兴趣，效果良好。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法本次课学时数2学时教学目的让学生理解JS执行原理，并能够掌握在不同的地方编写JS脚本代码。教学分析本次课程为JavaScript程序设计的第一次课程，主要需要将JavaScript使用场景和执行原理等给学生介绍清楚，并演示一些学完本门课程之后可以制作的网页效果，让学生对本门课程产生兴趣。教学重点与难点重点理解JS执行原理，在不同的地方编写JS脚本难点将JS编写在外部文件中并调用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配课程导入展示JavaScript制作小游戏JS版本华容道游戏JS版贪吃蛇游戏通过多个小游戏的展示，并且告知学生本门课程学完之后可以独立完成展示的小游戏，激发学生的学习兴趣10分钟1.介绍课程的授课计划、考核标准（1）平时成绩占30%，包括出勤、作业、提问，课堂项目（作业）、综合项目完成情况等。（2）考试成绩占70%。2.提问什么是脚本语言。3.提问JavaScript和Java有关系吗。4.根据学生对提问的回答，介绍JavaScript相关基本概念和特点。（1）、JavaScript是Netscape公司的产品，用于扩展公司的浏览器产品NetscapeNavigator功能。而Java是Sun公司推出的新一代面向对象的程序设计语言，特别适用于Internet应用程序开发。（2）、JavaScript是脚本语言，它是一种基于对象和事件驱动的编程语言，它本身提供很多内部对象以供使用。Java是一种面向对象语言，及时开发简单的程序，也要设计和创建类。（3）、Java源码先要进行编译，然后才能在Java虚拟机中解释执行，而JavaScript不需要进行编译，编写后，直接由浏览器解释执行。（4）、Java采用强类型，即变量的使用，在编译之前都必须声明，而JavaScript中采用弱类型，即变量在使用前不需要声明。（5）、JavaScript使用<script></script>标签来嵌入代码，而Java则使用<applet></applet>标签。（6）、Java采用静态数据绑定，即Java的对象引用必须在编译时进行确定；JavaScript则采用动态数据绑定，即JavaScript的对象是在运行时进行确定，编写时，是无法确定类型检查。介绍整门课程的授课即考核计划并让学生从大的方向了解JS语言的特点。15分钟通过举例和效果演示的方式，让学生明白利用JS具体可以实现哪些类似效果：（1）炫酷的前端菜单效果（2）动态表单Cookies存储（3）画布显示游戏界面完成客户端（4）媒体查询自适应屏幕显示（5）动态读取服务器信息实现局部更新让学生更加直观的了解JS的作用10分钟代码执行：记事本，Dreamweaver，WebStorm，Hbuilder效果执行：在课程中，使用Hbuilder和Chrome做为推荐介绍JS课程相关技术的开发环境和运行环境，让学生可以在自己电脑上安装。10分钟10分钟10分钟15分钟课程内容总结复习总结如下知识点：1、JS分别可以编写在什么地方？2、使用JS弹窗使用什么命令。让学生了解自身学习情况进行针对性复习5分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中数据类型，变量和运算符。布置预习任务，让学生提前预习下一章内容。5分钟参考资料https://www/r//js/js-tutorial.html--JavaScript教程课后小结本次课程内容主要以展示和理解为主，让学生对课程产生兴趣，效果良好。

课程教案课题名称JavaScript程序设计授课班级授课学时3-4授课地点授课形式讲授参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：数据类型，变量，运算符。技能目标：能在网页选中使用规范的JavaScript脚本能够使用JavaScript中的常见数据类型能够使用JavaScript中的运算符能够使用JavaScript进行各种数据类型进行混合运算素质目标：能灵活运用JavaScript中的数据类型，变量，运算符解决实际问题教学重点与难点教学重点数据类型和运算符教学难点运算符和变量的实际应用学情分析本次课程为JavaScript的第二次课，在本课程中主要讲解JS中的基础语法，由于学生之前有过Java和C#的基础，对JS的语法接受状况良好。教学过程课前：阅读本章教材和课件，准备提问问题，准备案例，准备作业等课中：（1）JS编码规范。（2）JS数据类型。（3）JS变量命名规则。（4）数据类型之间的转换。（5）运算符和表达式课后：布置预习任务，预习下次课内容，了解JS中选择分支结构。教学反思本次课程介绍JS的基本语法，与Java和C#有很多类似的地方，教学过程中不需要全部一一介绍，重点介绍和Java与C#不一样的地方，教学过程良好，学生接受情况良好。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法本次课学时数2学时教学目的能灵活运用JavaScript中的数据类型，变量，运算符解决实际问题教学分析本次课程为JavaScript的第二次课，在本课程中主要讲解JS中的基础语法，由于学生之前有过Java和C#的基础，对JS的语法接受状况良好。教学重点与难点重点数据类型和运算符难点运算符和变量的实际应用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配10分钟15分钟15分钟15分钟10分钟10分钟课程内容总结复习总结如下知识点：（1）JS数据类型。（2）JS变量命名规则。（3）数据类型之间的转换。（4）运算符和表达式让学生了解自身学习情况进行针对性复习10分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中选择分支结构。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次课程介绍JS的基本语法，与Java和C#有很多类似的地方，教学过程中不需要全部一一介绍，重点介绍和Java与C#不一样的地方，教学过程良好，学生接受情况良好。

课程教案课题名称JavaScript程序设计授课班级授课学时5-6授课地点授课形式上机参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：数据类型，变量，运算符。技能目标：能在网页选中使用规范的JavaScript脚本能够使用JavaScript中的常见数据类型能够使用JavaScript中的运算符能够使用JavaScript进行各种数据类型进行混合运算素质目标：能灵活运用JavaScript中的数据类型，变量，运算符解决实际问题教学重点与难点教学重点数据类型和运算符教学难点运算符和变量的实际应用学情分析本次课程为JavaScript第一次上机课程，让学生通过自主实践实现自己的第一个JS程序，并且通过上机练习让学生掌握JS的特点，熟悉JS数据类型，表达式等操作。教学过程课前：阅读本章教材和课件，准备提问问题，上机任务，准备作业等课中：（1）布置任务在不同地方编写JS打印欢迎信息。（2）布置任务实现JS代码写在A标签中实现点击A标签弹窗（3）选择合适数据类型存储个人信息到变量中，并进行打印课后：布置预习任务，预习下次课内容，了解JS中选择分支结构。教学反思本次上机课任务量适中，适当督促学生，提醒学生，控制进度，学生基本可以自主完成本次上机课任务。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法（上机）本次课学时数2学时教学目的能灵活运用JavaScript中的数据类型，变量，运算符解决实际问题教学分析本次课程为JavaScript第一次上机课程，让学生通过自主实践实现自己的第一个JS程序，并且通过上机练习让学生掌握JS的特点，熟悉JS数据类型，表达式等操作。教学重点与难点重点数据类型和运算符难点运算符和变量的实际应用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习理论课知识点复习理论课：（1）JS代码编写位置（2）JS中弹窗操作。（3）数据类型，变量，运算符复习加深印象10分钟布置任务在不同地方编写JS打印欢迎信息布置任务实现如下需求：编写JS代码实现打印：“欢迎进入JavaScript编程的世界！”。分别将代码写在不同的地方进行实现（1）直接写在HTML页面的Script标签中（2）将JS代码写在外部JS文件中让学生熟练掌握JS在不同地方编写的步骤25分钟布置任务实现JS代码写在A标签中布置任务：（1）将JS代码写在A标签中实现点击A标签，在网页输出“欢迎来到JS编程的世界”（2）将JS代码写在A标签中实现点击A标签，在网页上弹出对话框，在对话框显示“欢迎来到JS编程的世界”让学生熟练掌握JS代码作为A标签属性25分钟选择合适数据类型存储个人信息到变量中，并进行打印15分钟课程内容总结复习总结如下知识点：（1）JS数据类型。（2）JS变量命名规则。（3）数据类型之间的转换。（4）运算符和表达式让学生了解自身学习情况进行针对性复习10分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中选择分支结构。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次上机课任务量适中，适当督促学生，提醒学生，控制进度，学生基本可以自主完成本次上机课任务。

课程教案课题名称JavaScript程序设计授课班级授课学时7-8授课地点授课形式讲授参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：JavaScript中选择分支结构技能目标：If单分支结构If双分支结构If多分支结构选择分支的嵌套Switch选择分支结构素质目标：能灵活运用if，switch等语法解决程序中的选择分支判断问题。教学重点与难点教学重点If单分支结构If双分支结构If多分支结构教学难点选择分支的嵌套Switch选择分支结构学情分析本次课程为JS中的选择分支结构的讲授课程，学生有了Java和C#基础，本次课程可以采取多提问，帮助学生回忆的方式，让学生和老师进行互动学习本课程，同时也可以检查学生之前课程的掌握情况教学过程课前：阅读本章教材和课件，准备提问问题，准备案例，准备作业等课中：介绍If单分支结构介绍If双分支结构介绍If多分支结构介绍选择分支的嵌套介绍Switch选择分支结构课后：布置预习任务，预习下次课内容，了解JS中循环结构。教学反思本次课程内容，大多数知识点和语法，采取让学生回忆的方式来学习，学习效果良好，在今后的课程中，如遇到类似课程也可以采取类似方法，发挥学生自己思考问题的积极性。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法（讲授）本次课学时数2学时教学目的能灵活运用if，switch等语法解决程序中的选择分支判断问题。教学分析本次课程为JS中的选择分支结构的讲授课程，学生有了Java和C#基础，本次课程可以采取多提问，帮助学生回忆的方式，让学生和老师进行互动学习本课程，同时也可以检查学生之前课程的掌握情况教学重点与难点重点If单分支结构If双分支结构If多分支结构难点选择分支的嵌套Switch选择分支结构教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习上次课程内容复习：（1）JS中整数相除之后是小数还是整数（2）JS中定义变量使用什么关键字（3）JS中如何将字符串转换成数字复习加深印象10分钟（1）让学生回忆，并提问在Java中的if语句的基本语法，引出JavaScript中if语句的基本语法和java一致。if(条件){//条件成立时执行的代码}（2）现场演示使用if语句解决如下问题：获取当前日期，判断当前日期是否为自己的生日，如果是则提示"生日快乐"（3）让学生自行解决如下问题输入框输入分数，分数大于等于60分，提示“恭喜您，考试及格”。给学生演示在JS中运用选择分支，并让学生自主完成选择分支的其它问题，让学生能够熟练灵活掌握if语句10分钟（1）提问如果在分支结构中需要表达否则的含义，使用什么语法，引出else语句if(条件){//条件成立时执行的代码}else{//条件不成立时执行的代码}让学生现场实验，实现如下功能：获取当前时间，判断是否为星期六，星期日，如果是提示"我要休息",否则提示"努力工作"让学生自己实验，了解if…else的使用场景及熟练掌握if…else语句的语法。15分钟20分钟10分钟10分钟课程内容总结复习总结如下知识点：If单分支结构If双分支结构If多分支结构选择分支的嵌套Switch选择分支结构让学生了解自身学习情况进行针对性复习10分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中循环结构。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次课程内容，大多数知识点和语法，采取让学生回忆的方式来学习，学习效果良好，在今后的课程中，如遇到类似课程也可以采取类似方法，发挥学生自己思考问题的积极性。

课程教案课题名称JavaScript程序设计授课班级授课学时9-10授课地点授课形式上机参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：JavaScript中选择分支结构技能目标：If单分支结构If双分支结构If多分支结构选择分支的嵌套Switch选择分支结构素质目标：能灵活运用if，switch等语法解决程序中的选择分支判断问题。教学重点与难点教学重点If单分支结构If双分支结构If多分支结构教学难点选择分支的嵌套Switch选择分支结构学情分析本次课程为JS中的选择分支结构的上机课程，通过具体的实例让学生能够熟练掌握JS中的选择分支结构教学过程课前：阅读本章教材和课件，准备提问问题，准备上机任务，准备作业等课中：布置任务，根据当前日期判断是否为生日布置任务，根据当前时间判断当前是早上，中午，下午还是晚上布置任务，根据当前日期和时间判断工作日，双休日等布置任务，根据数字判断星期打印课表课后：布置预习任务，预习下次课内容，了解JS中循环结构。教学反思本次课程内容，让学生自主实践通过JS中的if,switch语法解决现实中的选择分支逻辑判断问题，实施效果良好。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法（上机）本次课学时数2学时教学目的能灵活运用if，switch等语法解决程序中的选择分支判断问题。教学分析本次课程为JS中的选择分支结构的上机课程，通过具体的实例让学生能够熟练掌握JS中的选择分支结构教学重点与难点重点If单分支结构If双分支结构If多分支结构难点选择分支的嵌套Switch选择分支结构教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习理论课程内容复习：（1）JS中if选择分支结构有哪几种使用方法（2）JS中switch选择分支的基本语法复习加深印象10分钟布置任务，根据当前日期判断是否为生日布置任务：获取当前时间，判断是否为星期六，星期日，如果是提示"我要出去浪",否则提示"努力工作"让学生自主实践掌握JS双分支10分钟布置任务，根据当前时间判断当前是早上，中午，下午还是晚上布置任务：获取当前时间，如果0点-12点提示：早上好；如果12点-14点提示：中午好；如果14点-18点提示：下午好；剩下时间提示：晚上好。让学生实践掌握JS多分支结构15分钟布置任务，根据当前日期和时间判断工作日，双休日等布置任务：获取当前时间：如果是工作日（星期一到星期五）10点之前提示："开会中..."10点之后提示:"努力敲代码中..."如果是双休日（星期六星期天）10点之前提示："还在睡梦中..."10点之后提示:"游戏中..."让学生实践掌握JS中选择分支的嵌套20分钟布置任务，根据数字判断星期打印课表布置任务：获取当前时间星期几，自动提示当天的课表信息，课表如下：星期一：语文、体育、英语星期二：数学、化学、计算机星期三：政治、历史、物理星期四：语文、数学、英语星期五：计算机、英语、美术星期六和星期天：休息让学生实践掌握switch结构的使用20分钟课程内容总结复习总结如下知识点：If单分支结构If双分支结构If多分支结构选择分支的嵌套Switch选择分支结构让学生了解自身学习情况进行针对性复习10分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中循环结构。布置预习任务，让学生提前预习下一章内容。5分钟参考资料https://www./r//js/js-tutorial.html--JavaScript教程课后小结本次课程内容，大多数知识点和语法，采取让学生回忆的方式来学习，学习效果良好，在今后的课程中，如遇到类似课程也可以采取类似方法，发挥学生自己思考问题的积极性。

课程教案课题名称JavaScript程序设计授课班级授课学时11-12授课地点授课形式讲授参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：JavaScript中循环结构的使用技能目标：while循环和do…while循环for循环循环嵌套素质目标：能灵活while及for循环解决实际编码中遇到的问题。教学重点与难点教学重点while循环和do…while循环for循环循环嵌套教学难点循环嵌套学情分析本次课程为JS中的循环结构的讲授课程，重点需要让学生理解并掌握语法，并且在理解和掌握语法的基础上通过案例演示，让学生可以灵活运用。教学过程课前：阅读本章教材和课件，准备提问问题，准备教学案例，准备作业等课中：演示while循环和do…while循环的语法及应用演示for循环的语法及应用演示循环嵌套的语法及应用课后：布置预习任务，预习下次课内容，了解JS中函数的定义及调用。教学反思本次课程内容，学生对基础的循环语法掌握的很好，但利用循环解决实际问题能力有所欠缺，需要引导学生积极思考。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法（讲授）本次课学时数2学时教学目的能灵活while及for循环解决实际编码中遇到的问题。教学分析本次课程为JS中的循环结构的讲授课程，重点需要让学生理解并掌握语法，并且在理解和掌握语法的基础上通过案例演示，让学生可以灵活运用。教学重点与难点重点while循环和do…while循环for循环循环嵌套难点循环嵌套教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习上次课程内容复习：（1）JS中if选择分支结构有哪几种使用方法（2）JS中switch选择分支的基本语法复习加深印象10分钟30分钟30分钟课程内容总结复习总结如下知识点：while循环和do…while循环for循环循环嵌套让学生了解自身学习情况进行针对性复习15分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中函数的定义及调用。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次课程内容，学生对基础的循环语法掌握的很好，但利用循环解决实际问题能力有所欠缺，需要引导学生积极思考。

课程教案课题名称JavaScript程序设计授课班级授课学时13-14授课地点授课形式上机参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：JavaScript中循环结构的使用技能目标：while循环和do…while循环for循环循环嵌套素质目标：能灵活while及for循环解决实际编码中遇到的问题。教学重点与难点教学重点while循环和do…while循环for循环循环嵌套教学难点循环嵌套学情分析本次课程为JS中的循环结构的上机课程，重点在学生理解语法的基础上，让学生自主实践熟练掌握语法，并能够对循环结构灵活运用，解决实际问题。教学过程课前：阅读本章教材和课件，准备提问问题，准备上机任务，准备作业等课中：布置任务，使用while循环解决迟到罚款问题。布置任务，使用for循环在网页打印九九乘法表。布置任务，利用循环解决数据累加问题课后：布置预习任务，预习下次课内容，了解JS中函数的定义及调用。教学反思本次课程内容，对语法要求不高，但需要有一点点的逻辑思维，在实施上机课程的时候需要积极引导学生和提示学生相关的思路。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法（上机）本次课学时数2学时教学目的能灵活while及for循环解决实际编码中遇到的问题。教学分析本次课程为JS中的循环结构的讲授课程，重点需要让学生理解并掌握语法，并且在理解和掌握语法的基础上通过案例演示，让学生可以灵活运用。教学重点与难点重点while循环和do…while循环for循环循环嵌套难点循环嵌套教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习上次课程内容复习：（1）JS中if选择分支结构有哪几种使用方法（2）JS中switch选择分支的基本语法复习加深印象10分钟布置任务，使用while循环解决迟到罚款问题。布置任务：假设迟到一次罚款10元，第二次罚款20元，第三次40元，依次翻倍罚款，计算迟到第几次的时候总罚款金额会超过10000元,并显示总罚款金额。20分钟布置任务，使用for循环在网页打印九九乘法表20分钟布置任务，利用循环解决数据累加问题20分钟课程内容总结复习总结如下知识点：while循环和do…while循环for循环循环嵌套让学生了解自身学习情况进行针对性复习15分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中函数的定义及调用。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次课程内容，对语法要求不高，但需要有一点点的逻辑思维，在实施上机课程的时候需要积极引导学生和提示学生相关的思路。

课程教案课题名称JavaScript程序设计授课班级授课学时15-16授课地点授课形式讲授参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：JavaScript函数的定义及调用技能目标：自定义函数介绍函数参数的运用函数返回值的运用全局变量和局部变量常用内置函数的运用素质目标：能灵活运用自定义函数将功能代码进行封装，并进行调用。教学重点与难点教学重点自定义函数介绍函数参数的运用函数返回值的运用教学难点全局变量和局部变量常用内置函数的运用学情分析本次课程为JS中的函数讲授课程，需要让学生理解为什么在编码的时候需要使用函数，函数给我们解决的模块化以及代码复用的好处等，在理解的基础上，学习JS定义函数及调用函数的方式。教学过程课前：阅读本章教材和课件，准备提问问题，准备课程案例，准备作业等课中：讲解自定义函数的基本语法及应用讲解函数的参数讲解函数的返回值讲解变量的作用域介绍常见的内置函数课后：布置预习任务，预习下次课内容，了解JS中常用对象的使用。教学反思本次课程内容需要学生将JS中函数和Java或C#中进行对比，掌握JS函数的特点，并能够灵活运用JS中的函数定义和调用。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法（讲授）本次课学时数2学时教学目的能灵活运用自定义函数将功能代码进行封装，并进行调用。教学分析本次课程为JS中的函数讲授课程，需要让学生理解为什么在编码的时候需要使用函数，函数给我们解决的模块化以及代码复用的好处等，在理解的基础上，学习JS定义函数及调用函数的方式。教学重点与难点重点自定义函数介绍函数参数的运用函数返回值的运用难点全局变量和局部变量常用内置函数的运用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习上次课程内容复习：（1）JS中while和do…while循环（2）JS中for循环（3）JS中循环嵌套复习加深印象10分钟15分钟15分钟15分钟15分钟课程内容总结复习总结如下知识点：自定义函数介绍函数参数的运用函数返回值的运用全局变量和局部变量常用内置函数的运用让学生了解自身学习情况进行针对性复习15分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中常用对象。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次课程内容需要学生将JS中函数和Java或C#中进行对比，掌握JS函数的特点，并能够灵活运用JS中的函数定义和调用。

课程教案课题名称JavaScript程序设计授课班级授课学时17-18授课地点授课形式上机参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：JavaScript函数的定义及调用JavaScript中常见事件的使用技能目标：自定义函数介绍函数参数的运用函数返回值的运用全局变量和局部变量常用内置函数的运用素质目标：能灵活运用自定义函数将功能代码进行封装，并进行调用。教学重点与难点教学重点自定义函数介绍函数参数的运用函数返回值的运用教学难点全局变量和局部变量常用内置函数的运用学情分析本次课程为JS中的函数和事件的上机实践课，在本次课程上，学生将自主实践来实现自定义函数，并选择合适的事件对函数进行调用。课程任务有一定的趣味性，学生学习兴趣浓厚。教学过程课前：阅读本章教材和课件，准备提问问题，准备上机任务，准备作业等课中：编写函数实现网页背景颜色的切换编写函数实现简易版计算器课后：布置预习任务，预习下次课内容，了解JS中自定义对象的使用。教学反思本次课程任务使用函数来实现，让学生通过具体案例了解函数的作用，函数的参数，返回值等具体的使用。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第一章：JavaScript基础语法（上机）本次课学时数2学时教学目的能灵活运用自定义函数将功能代码进行封装，并进行调用。教学分析本次课程为JS中的函数和事件的上机实践课，在本次课程上，学生将自主实践来实现自定义函数，并选择合适的事件对函数进行调用。课程任务有一定的趣味性，学生学习兴趣浓厚。教学重点与难点重点自定义函数介绍函数参数的运用函数返回值的运用难点全局变量和局部变量常用内置函数的运用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习理论课课程内容复习：自定义函数介绍函数参数的运用函数返回值的运用全局变量和局部变量常用内置函数的运用复习加深印象10分钟编写函数实现网页背景颜色的切换30分钟编写函数实现简易版计算器30分钟课程内容总结复习总结如下知识点：自定义函数介绍函数参数的运用函数返回值的运用全局变量和局部变量常用内置函数的运用让学生了解自身学习情况进行针对性复习15分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中常用对象的使用。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次课程任务使用函数来实现，让学生通过具体案例了解函数的作用，函数的参数，返回值等具体的使用。

课程教案课题名称JavaScript程序设计授课班级授课学时19-20授课地点授课形式讲授参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：Date对象的应用Image对象的应用技能目标：利用Date对象和定时器制作网页脚本效果利用Image对象制作网页脚本效果素质目标：能灵活运用Date对象和Image对象制作网页脚本效果并能根据API文档进行自主学习，有一定的自学能力。教学重点与难点教学重点Date对象的应用Image对象的应用教学难点Date对象和setInterval的结合使用学情分析本次课程为JavaScript常用对象的使用，其中挑选出Date对象和Image对象给学生进行演示，起到抛砖引玉的作用，引导学生课下自学其他对象的使用教学过程课前：阅读本章教材和课件，准备提问问题，准备课程案例，准备作业等课中：Date对象的应用Image对象的应用课后：布置预习任务，预习下次课内容，了解JS中Math对象和数组对象的使用。教学反思本次课程任务主要演示Date和Image对象，希望通过此演示，引起学生的学习兴趣，并且锻炼学生的自学能力。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第二章：JavaScript常用对象（讲授）本次课学时数2学时教学目的能灵活运用Date对象和Image对象制作网页脚本效果并能根据API文档进行自主学习，有一定的自学能力。教学分析本次课程为JavaScript常用对象的使用，其中挑选出Date对象和Image对象给学生进行演示，起到抛砖引玉的作用，引导学生课下自学其他对象的使用教学重点与难点重点Date对象的应用Image对象的应用难点Date对象和setInterval的结合使用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习上次课课程内容复习：自定义函数介绍函数参数的运用函数返回值的运用全局变量和局部变量常用内置函数的运用复习加深印象10分钟25分钟显示当前时间并对格式进行格式化25分钟10分钟课程内容总结复习总结如下知识点：Date对象的应用Image对象的应用让学生了解自身学习情况进行针对性复习15分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中Math对象和数组对象的使用。布置预习任务，让学生提前预习下一章内容。5分钟参考资料/js/js-tutorial.html--JavaScript教程课后小结本次课程任务主要演示Date和Image对象，希望通过此演示，引起学生的学习兴趣，并且锻炼学生的自学能力。

课程教案课题名称JavaScript程序设计授课班级授课学时21-22授课地点授课形式上机参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：Date对象的应用Image对象的应用技能目标：利用Date对象和定时器制作网页脚本效果利用Image对象制作网页脚本效果素质目标：能灵活运用Date对象和Image对象制作网页脚本效果并能根据API文档进行自主学习，有一定的自学能力。教学重点与难点教学重点Date对象的应用Image对象的应用教学难点Date对象和setInterval的结合使用学情分析本次课程为JavaScript常用对象Date对象和Image对象的操作实践，学生通过上节理论课的知识点，实现上机任务有一定的困难，需要老师引导提供简单的思路。教学过程课前：阅读本章教材和课件，准备提问问题，准备上机任务，准备作业等课中：使用Image对象制作图片切换效果使用Date对象和定时器结合制作电子表效果课后：布置预习任务，预习下次课内容，了解JS中Math对象和数组对象的使用。教学反思本次课程学生通过上机任务实践不但学习了Date对象和Image对象，同时还学习了定时器的使用，使用定时器可以制作各种网页效果，引导学生发挥创意，制作各种不同效果。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第二章：JavaScript常用对象（上机）本次课学时数2学时教学目的能灵活运用Date对象和Image对象制作网页脚本效果并能根据API文档进行自主学习，有一定的自学能力。教学分析本次课程为JavaScript常用对象Date对象和Image对象的操作实践，学生通过上节理论课的知识点，实现上机任务有一定的困难，需要老师引导提供简单的思路。教学重点与难点重点Date对象的应用Image对象的应用难点Date对象和setInterval的结合使用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习理论课课程内容复习：Date对象的应用Image对象的应用复习加深印象10分钟使用Image对象制作图片切换效果10分钟20分钟30分钟课程内容总结复习总结如下知识点：Date对象的应用Image对象的应用让学生了解自身学习情况进行针对性复习15分钟思考题或预习题或作业题布置预习任务，预习下次课内容，了解JS中Math对象和数组对象的使用。布置预习任务，让学生提前预习下一章内容。5分钟参考资料https://www.r/r//js/js-tutorial.html--JavaScript教程课后小结本次课程任务主要演示Date和Image对象，希望通过此演示，引起学生的学习兴趣，并且锻炼学生的自学能力。

课程教案课题名称JavaScript程序设计授课班级授课学时23-24授课地点授课形式讲授参考教材《JavaScript网页交互特效范例与技巧》教学资源/js/js-tutorial.html--JavaScript教程教学目标知识目标：Math对象的应用String对象的应用技能目标：利用Math对象提供的功能解决各种数学问题利用String对象解决常见的字符串问题素质目标：能理解Math对象和String对象的作用，并且能熟练掌握Math对象和String对象提供的功能解决现实问题。教学重点与难点教学重点Math对象的应用String对象的应用教学难点String对象的应用学情分析本次课程通过讲授演示的方式让学生学习Math对象和String对象，学习效果良好教学过程课前：阅读本章教材和课件，准备提问问题，准备课程案例，准备作业等课中：介绍Math对象提供的功能介绍String对象提供的功能课后：布置预习任务，预习下次课内容，了解BOM和DOM模型。教学反思本次课程知识点较多，但难度较小，可以适当安排翻转课堂，提出需求功能，让学生自主思考并分享解决问题的方案。

课程JavaScript程序设计教学设计课程名称JavaScript程序设计授课对象授课章节第二章：JavaScript常用对象（讲授）本次课学时数2学时教学目的能理解Math对象和String对象的作用，并且能熟练掌握Math对象和String对象提供的功能解决现实问题。教学分析本次课程通过讲授演示的方式让学生学习Math对象和String对象，学习效果良好教学重点与难点重点Math对象的应用String对象的应用难点String对象的应用教学方法与手段●课堂讲授○讲解例题●电子课件●案例分析○小组讨论●文字材料●提问○音像材料其他：教学过程设计教学内容教学过程设计意图时间分配复习上次课课程内容复习：Date对象的应用Image对象的应用复习加深印象10分钟10分钟10分钟1