JS教学JavaScript快速入门教学设计教案电子教案.docx
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《JS教学JavaScript快速入门教学设计教案电子教案.docx》由会员分享,可在线阅读,更多相关《JS教学JavaScript快速入门教学设计教案电子教案.docx(7页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、前端开发案例教程JavaScript教学设计课程名称:JavaScript 前端开发案例教程授课年级:年级授课学期:学年第一学期教师姓名:某某教师年月日2课题第 1 章 JavaScript 快速入门打算名称学时3 学时在 Web 前端开发中,HTML、CSS 和JavaScript 是开发一个网页所必备的技术。在把握内容了 HTML 和 CSS 技术之后,已经能够编写出各式各样的网页了,但假设想让网页具有良分析好的交互性,JavaScript 就是一个极佳的选择。本章将介绍JavaScript 的根本概念,并通过实践案例来体验JavaScript 编程。教学目1.生疏JavaScript 的
2、用途和进展状况标及基2.理解JavaScript 与ECMAScript 的关系本要求3.把握JavaScript 的根本使用方法教学JavaScript 引入方式、语法风格、注释、输出语句重点教学函数、对象、大事的根本概念难点教学承受教师课堂讲授为主教学l概念性学问点:提出为什么,将抽象具体化,协作教学PPT、图例关心讲解。方式l功能性学问点:提需求,并上机演示如何应用,重点内容总结运行原理。l 综合实战操作:分析整体的设计思路和步骤,对具体操作进展上机演练。第一学时初识 JavaScript、开发工具 一、提出需求,导入学习任务1回忆网页开发的常用技术,引出为什么要学习JavaScript
3、。l HTML、CSS 和JavaScript 是开发网页的必备技术。教lHTML、CSS 用来实现网页的构造和样式。学l使用JavaScript 可以让网页具有良好的交互性。过2明确学习方向。程把握JavaScript 的概念、应用、由来、特点。 理解JavaScript 与ECMAScript 的关系。 了解常用扫瞄器的分类、特点,以及排版引擎、JavaScript 引擎的概念。 了解常用编辑工具,至少把握一种编辑工具的使用。二、学问讲解1. 什么是JavaScriptl 作用:开发交互式的Web 页面。l 分工:HTML 负责构造,CSS 负责样式,JavaScript 负责行为。Jav
4、aScript 可以嵌入到网页中。l 应用:演示JavaScript 在网页开发中的应用,如轮播图、选项卡、地图、表单验证、百度搜寻框等。l 优点:可以使网页的互动性更强,用户体验更好。2. JavaScript 的由来与进展l 由来:1995 年网景公司开发的LiveScript。l 名称转变:借用Java 名气,改名为JavaScript,两者其实是不同的语言。l 设计初衷:嵌入到网页中的编程语言,用来把握扫瞄器的行为。l 滥用现象:广告、弹窗、恶意代码、安全漏洞。l 里程碑:Ajax 技术的流行与进展。l 将来进展:效劳器端Node.js、移动端开发、全栈开发。3. JavaScript
5、 的特点l JavaScript 是脚本语言,具有脚本语言的一些特点:简洁、易学、易用。l JavaScript 可以跨平台,开发和使用都格外便利,支持PC 和移动端。l JavaScript 支持面对对象,诞生了很多库和框架,提高开发速度,能够用来解决简洁问题。4. JavaScript 与ECMAScript 的关系l ECMAScript 是一种标准标准,用于统一JavaScript 同类的语言,如JScript。l JavaScript 是ECMAScript 的一种实现,其他实现还有ActionScript。5. 开发工具扫瞄器l 介绍常见的扫瞄器和其开发厂商。l 了解常见扫瞄器的特
6、点。l 留意老版本IE 扫瞄器的市场占有率和兼容性问题。l 重点介绍标准扫瞄器Chrome、火狐。l 介绍扫瞄器的引擎,并列举常见扫瞄器和与之相对应的引擎。l 理解扫瞄器引擎与扫瞄器、开发人员的关系。l 生疏扫瞄器的兼容问题。l 生疏Chrome 扫瞄器的开发者工具。6. 开发工具代码编辑器l 了解常见的代码编辑器。l 选择一种代码编辑器进展具体讲解。l 把握代码编辑器的安装和使用方法,并把握根本的配置。三、【案例】第一个 JavaScript 程序1. 创立网页并设置编码l 创立 hello.html 文件。l 将编码设置为UTF-8 无 BOM 格式。l 补充讲解常见字符集、编码格式,如
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JS 教学 JavaScript 快速 入门 设计 教案 电子
![提示](https://www.deliwenku.com/images/bang_tan.gif)
限制150内