JavaScript程序设计基础教程(慕课版)(第2版) 教案 单元1、2 JavaScript简介、JavaScript基本语法_第1页
JavaScript程序设计基础教程(慕课版)(第2版) 教案 单元1、2 JavaScript简介、JavaScript基本语法_第2页
JavaScript程序设计基础教程(慕课版)(第2版) 教案 单元1、2 JavaScript简介、JavaScript基本语法_第3页
JavaScript程序设计基础教程(慕课版)(第2版) 教案 单元1、2 JavaScript简介、JavaScript基本语法_第4页
JavaScript程序设计基础教程(慕课版)(第2版) 教案 单元1、2 JavaScript简介、JavaScript基本语法_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

PAGE3PAGE单元1JavaScript简介课程名称JavaScript程序设计项目名称JavaScript简介任务名称JavaScript简介课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标能力目标:1.具备使用浏览器和Web服务器搭建JavaScript环境的能力2.能够自主编写第一个JavaScript程序知识目标:1.了解什么是JavaScript2.了解JavaScript与Java的区别3.了解JavaScript能做什么和不能做什么4.掌握JavaScript的3个组成部分素质目标:1.培养学生信息搜集能力和动手实践能力2.培养学生团结合作、互帮互助的能力教学内容1.任务描述2.任务展示与实现(1)利用浏览器和Web服务器搭建JavaScript环境并验证其效果(2)学生动手操作3.教师讲解本任务涉及的知识点4.任务小结教学重点(1)什么是JavaScript(2)搭建JavaScript环境教学难点编写第一个JavaScript程序教学准备1.装有Chrome浏览器或者Firefox浏览器,并且安装有WAMP的电脑2.教学课件PPT3.教材:《JavaScript程序设计基础教程(微课版)》刘刚人民邮电出版社作业设计设计一个JavaScript页面,实现显示“这是第一个JavaScrip例子”的效果。教学过程教学内容与过程(教学内容、教学方法、组织形式、教学手段)做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。【课前说明】分别从JavaScript的定义及基本特点、JavaScript与Java的区别、JavaScript能做什么和不能做什么,JavaScript的实现等基础知识点进行初步的了解。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面内容,明确学习本单元知识的要求和目标。一、什么是JavaScript?从JavaScript的概念和使用目的等方面展开,介绍JavaScript的基本特点,了解JavaScript的简单性、动态性、跨平台性、节省服务器的开销等特点,从而掌握JavaScript是一种基于对象(Object)和事件驱动(Event

Driven)并具有安全性能的脚本语言这一核心概念。二、JavaScript与Java的区别?二者的区别主要从基于对象和面向对象、解释和编译、强变量和弱变量、代码格式、嵌入方式、静态联编和动态联编这几个方面进行比较,从而加深对JavaScript的进一步了解。三、JavaScript能做什么和不能做什么?JavaScript可以创建活跃的用户界面,确保用户以表单形式输入有效的信息,根据用户的操作可以创建自定义的Web页面,处理表单、设置cookie等;JavaScript不允许写服务器上的文件,不能关闭不是由它自己打开的窗口,不能从来自另一个服务器的已经打开的网页中读取信息。四、JavaScript的3个组成部分。核心(ECMAScript)、文档对象模型(DOM)和浏览器对象模型(BOM)。1.设计一个JavaScript页面,实现显示“这是第一个JavaScrip例子”和“欢迎你进入JavaScrip世界”的效果。2.创建一个JavaScript文件,保存后运行脚本观察结果窗口的变化。通过学习,学生能够掌握JavaScript的概念、基本特点,JavaScript本节课主要运用案例教学法,通过对JavaScript概念的深入理解,掌握JavaScript的基本特点和实现,深入探讨JavaScript脚本编程的方法,通过实例的方法加强对JavaScript,达到能够独立熟练运用JavaScript来解决实际问题的能力。教学评价方式以小组为单位,以完成案例的质量为评价标准,形成任务驱动,小组协作,质量与速度并存的课堂评价方式,促进学生的自主、创新学习的方式。单元2JavaScript基本语法课程名称JavaScript程序设计项目名称JavaScript在HTML中的使用、代码调试方式、语句、变量以及数据类型任务名称JavaScript在HTML中的使用、代码调试方式、语句、变量以及数据类型课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标能力目标:1.具备在HTML中使用JavaScript的能力2.具备进行JavaScript代码调试的能力3.具备声明变量、使用变量解决实际问题的能力4.具备解决不同数据类型问题的能力知识目标:1.认识JavaScript中的语句2.掌握变量的概念、类型和作用域3.掌握变量声明、变量赋值、变量提升的方法4.掌握基本数据类型和引用数据类型以及数据类型的转换素质目标:1.培养学生信息搜集能力2.培养学生团结合作、互帮互助的能力教学内容1.任务描述2.任务展示与实现(1)在HTML中编写JavaScript代码(2)进行JavaScript代码调试(3)使用JavaScript语句赋值变量(4)学生动手操作3.教师讲解本任务涉及的知识点4.任务小结教学重点1.JavaScript的基本数据类型和引用数据类型2.JavaScript的变量声明、变量提升的方法教学难点1.JavaScript代码调试方式2.变量的使用方法教学准备1.装有Chrome浏览器或者Firefox浏览器,并且安装有WAMP的电脑2.教学课件PPT3.教材:《JavaScript程序设计基础教程(微课版)》刘刚人民邮电出版社作业设计随机生成两个小数给变量x,y,求出这两个数中的最大值教学过程教学内容与过程(教学内容、教学方法、组织形式、教学手段)做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。【课前说明】分别从JavaScript的语句、变量、基础数据类型以及引用数据类型等知识点对JavaScrip进行初步的了解。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。一、JavaScript中的语句JavaScript语句是向浏览器发出的命令,语句的作用是告诉浏览器该做什么。二、变量的概念、类型和作用域。三、变量声明、变量赋值、变量提升的方法。案例:定义一个名为mynum的变量,并赋值为8。用var关键字声明变量,用=给变量赋值。实现代码如下:varmynum=8;四、基本数据类型和引用数据类型以及数据类型的转换JavaScript中有5种基本数据类型,分别为字符串(String)类型、数值(Number)类型、布尔(Boolean)类型、Null类型、Undefined类型。引Array类型、Date类型、RegExp类型、Function类型。JavaScript数据类型转换主要有3种方法:利用转换函数、强制类型转换和利用JavaScript变量弱类型转换。运用在HTML中引用JavaScript的方式,在页面上弹出alert警告框“欢迎学习JavaScript!”。参考代码:<!DOCTYPEhtml><html><head><title>在HTML中使用JavaScript</title></head><body><script>alert('欢迎学习JavaScript!');</script></body></html>通过学习,学生能够掌握JavaScript中的语句、数据类型,能够声明变量、使用变量解决实际问题,并掌握在HTML中嵌入JavaScript脚本的方法。本节课主要运用案例教学法,通过对JavaScript概念的深入理解,认识JavaScript中的语句和变量以及数据类型,

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论