文档详情

jQuery网页特效设计基础教程(慕课版)(第2版)-教案 第1、2章 JavaScript基础、 初识jQuery.docx

发布:2025-05-10约3.73千字共9页下载文档
文本预览下载声明

PAGE1

PAGE

第1章JavaScript基础

课程名称

jQuery网页特效设计基础教程

项目名称

JavaScript基础

任务名称

JavaScript基础

课时

1

项目性质

□演示性□验证性□设计性√综合性

授课班级

授课日期

授课地点

教学目标

知识目标

1.了解什么是JavaScript。

2.了解JavaScript的开发工具及使用。

3.了解如何编写JavaScript程序。

4.了解JavaScript的程序出错类型及调试方式。

5.了解JavaScript常用库。

能力目标

1.能够搭建JavaScript开发环境及工具使用。

2.能够使用JavaScript的调试方式来进行代码调试。

素质目标

1.培养学生独立自主的学习态度。

2.培养学生规范、严谨的工作态度。

教学内容

1.任务描述

2.任务展示与实现

(1)利用记事本编写JavaScript代码并验证其效果

(2)应用VSCode编程JavaScript脚本

(2)学生动手操作

3.教师讲解本任务涉及的知识点

4.任务小结

教学重点

1.JavaScript的应用领域

2.JavaScript的特点

3.编写JavaScript脚本

教学难点

1.应用VSCode编辑器编写JavaScript程序

教学准备

1.装有VSCode的电脑

2.教学课件PPT

3.教材:《jQuery网页特效设计基础教程(慕课版)》刘刚人民邮电出版社

作业设计

1.应用VSCode编辑器编写第一个JavaScript程序

教学过程

教学

环节

教学内容与过程

(教学内容、教学方法、组织形式、教学手段)

课前组织

做好课前“5分钟”教学管理(多媒体、实训室),做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等),吸引学生注意力。

课程

说明

【课前说明】

分别从JavaScript概述,JavaScript的应用领域、JavaScript的特点、JavaScript的开发工具以及JavaScript的出错类型、JavaScript的调试方式、JavaScript库等JavaScript基础等知识点进行初步的了解。

【目的】

使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习本单元知识的要求和目标。

课程

内容

描述

一、什么是JavaScript?

从JavaScript的概念展开,介绍JavaScript的应用领域,了解JavaScript的特点。掌握JavaScript是基于对象和事件驱动的解释型脚本语言这一核心概念。

二、JavaScript的库?

JavaScript库,是指可以方便地应用到现有Web开发体系中的、现成的JavaScript代码资源,包含工具、函数库、约定以及从常用任务中抽象出的可以复用的通用模块,能帮助使用者轻松地建立具有高难度交互特性的富客户端页面,并且兼容各大浏览器。它们通常由开源社区开发和维护,并被各大公司支持和使用。目前流行的JavaScript库有jQuery、Vue、AngularJS、ReactJS、Prototype、ExtJS、Dojo、YUI、MooTools等。

三、编写第一个JavaScript程序

在HTML中嵌入JavaScript脚本代码可以通过直接嵌入HTML文档、链接外部文件以及通过事件的方式来实现,可以通过案例来说明。

案例:

1.通过使用记事本工具来作为JavaScript的编辑器编写第一个JavaScript脚本

html

head

title一段简单的JavaScript代码/title

scriptlanguage=javascript

window.alert(欢迎光临本网站);

/script

/head

body

h3这是一段简单的JavaScript代码。/h3

/body

/html

课堂

实训

1.应用VSCode编程JavaScript脚本

2.应用VSCode编辑器编写第一个JavaScript程序

总结

评价

通过学习,学生能够掌握JavaScript的基本特点和应用领域,JavaScript的编写方法。

本节课主要运用案例教学法,通过对JavaScript概念的深入理解,掌握JavaScript的特点及应用领域,深入探讨JavaScript脚本编程的方法,通过实例的方法加强对JavaScript编程方法的掌握,达到能够独立熟练运用JavaScript来解决实际问题的能力。教学评价方式以小组为单位,以完成案例的质量为评价标准,形成任务驱动,小组协作,质量与速度并存的课堂评价方式,促进学生的自主、创新学习的方式。

第2章初识jQuery

显示全部
相似文档