|
|
《JavaScript前端开发案例教程》教学设计课程名称：JavaScript前端开发案例教程授课年级：年级授课学期：学年第一学期
教师姓名：年月日课题名称第1章JavaScript快速入门计划学时4学时内容分析在Web前端开发中，HTML、CSS和
JavaScript是开发一个网页所必备的技术。在掌握了HTML和CSS技术之后，已经能够编写出各式各样的网页了，但若想让网页具有
良好的交互性，JavaScript就是一个极佳的选择。本章将介绍JavaScript的基本概念，并通过实践案例来体验JavaScr
ipt编程。教学目标及基本要求熟悉JavaScript的用途和发展状况理解JavaScript与ECMAScript的关系掌握Ja
vaScript的基本使用方法教学重点JavaScript引入方式、语法风格、注释、输出语句教学难点函数、对象、事件的基本概念教学
方式教学采用教师课堂讲授为主概念性知识点：提出为什么，将抽象具体化，配合教学PPT、图例辅助讲解。功能性知识点：提需求，并上机演示
如何应用，重点内容总结运行原理。综合实战操作：分析整体的设计思路和步骤，对具体操作进行上机演练。教学过程第一学时（初识JavaSc
ript、开发工具）一、提出需求，导入学习任务（1）回顾网页开发的常用技术，引出为什么要学习JavaScript。HTML、CSS
和JavaScript是开发网页的必备技术。HTML、CSS用来实现网页的结构和样式。使用JavaScript可以让网页具有良好的
交互性。（2）明确学习方向。掌握JavaScript的概念、应用、由来、特点。理解JavaScript与ECMAScript的关系
。了解常用浏览器的分类、特点，以及排版引擎、JavaScript引擎的概念。了解常用编辑工具，至少掌握一种编辑工具的使用。二、知识
讲解什么是JavaScript作用：开发交互式的Web页面。分工：HTML负责结构，CSS负责样式，JavaScript负责行为。
JavaScript可以嵌入到网页中。应用：演示JavaScript在网页开发中的应用，如轮播图、选项卡、地图、表单验证、百度搜索
框等。优点：可以使网页的互动性更强，用户体验更好。JavaScript的由来与发展由来：1995年网景公司开发的LiveScrip
t。名称改变：借用Java名气，改名为JavaScript，两者其实是不同的语言。设计初衷：嵌入到网页中的编程语言，用来控制浏览器
的行为。滥用现象：广告、弹窗、恶意代码、安全漏洞。里程碑：Ajax技术的流行与发展。未来发展：服务器端Node.js、移动端开发、
全栈开发。JavaScript的特点JavaScript是脚本语言，具有脚本语言的一些特点：简单、易学、易用。JavaScript
可以跨平台，开发和使用都非常方便，支持PC和移动端。JavaScript支持面向对象，诞生了许多库和框架，提高开发速度，能够用来解
决复杂问题。JavaScript与ECMAScript的关系ECMAScript是一种规范标准，用于统一JavaScript同类的
语言，如JScript。JavaScript是ECMAScript的一种实现，其他实现还有ActionScript。开发工具——浏
览器介绍常见的浏览器和其开发厂商。了解常见浏览器的特点。注意老版本IE浏览器的市场占有率和兼容性问题。重点介绍标准浏览器——Chr
ome、火狐。介绍浏览器的引擎，并列举常见浏览器和与之相对应的引擎。理解浏览器引擎与浏览器、开发人员的关系。熟悉浏览器的兼容问题。
熟悉Chrome浏览器的开发者工具。开发工具——代码编辑器了解常见的代码编辑器。选择一种代码编辑器进行详细讲解。掌握代码编辑器的安
装和使用方法，并掌握基本的配置。三、【案例】第一个JavaScript程序创建网页并设置编码创建hello.html文件。将编码设
置为UTF-8无BOM格式。补充讲解常见字符集、编码格式，如ANSI、GB2312、GBK、Unicode、UTF-8，以及UTF
-8的BOM的含义。编写一个简单的网页使用HTML5的模板编写一个简单的网页。复习网页的基本结构，强调meta设置字符集的必要性。
将JavaScript嵌入到HTML思考如何在HTML中嵌入JavaScript，引出“落脚点”的概念。思考JavaScript代
码应该写在什么位置。讲解JavaScript标记——
| | |
