JavaScript程序设计基础教程电子教案 单元2 JavaScript基本语法 教案-1.docx
PAGE3
PAGE
单元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.教学课件PPT
3.教材：《JavaScript程序设计基础教程（微课版）》刘刚人民邮电出版社
作业设计
随机生成两个小数给变量x,y，求出这两个数中的最大值
教学过程
教学
环节
教学内容与过程
（教学内容、教学方法、组织形式、教学手段）
课前组织
做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。
课程
说明
【课前说明】
分别从JavaScript的语句、变量、基础数据类型以及引用数据类型等知识点对JavaScrip进行初步的了解。
【目的】
使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。
课程
内容
描述
一、JavaScript中的语句
JavaScript语句是向浏览器发出的命令，语句的作用是告诉浏览器该做什么。
二、变量的概念、类型和作用域。
三、变量声明、变量赋值、变量提升的方法。
案例：
定义一个名为mynum的变量，并赋值为8。
用var关键字声明变量，用=给变量赋值。实现代码如下：
varmynum=8;
四、基本数据类型和引用数据类型以及数据类型的转换
JavaScript中有5种基本数据类型，分别为字符串（String）类型、数值（Number）类型、布尔（Boolean）类型、Null类型、Undefined类型。
引用类型通常叫作类，也就是说，遇到引用值时，所处理的就是对象，包括Object类型、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中的语句和变量以及数据类型，深入探讨JavaScript脚本编程的方法，通过实例的方法加强对JavaScript嵌入HTML文档方法以及变量赋值和运用变量提升的方法的理解，达到能够独立熟练运用JavaScript来解决实际问题的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。