课程概述


     《JavaScript及框架应用》是软件技术专业的一门专业课程。通过课程教学的实施,培养学生能掌握结合DIV+CSS布局、交互式JavaScript、jQuery框架、Ajax等技术,为Web构建交互式用户界面或体验,设计网页特效、增强界面友好性、提高响应实时性、在B/S结构软件开发的课程体系中起着必要的辐射作用,从而提高学生的软件开发实力与潜能、增强学生就业竞争力。


       课程内容涵盖JavaScript基本语法、BOM编程、DOM编程、事件、原生Ajax实现、HTML5相关API、本地存储、jQuery基础、jQuery中的DOM操作、jQuery制作动画、jQuery插件、jQuery与Ajax、jQuery UI布局等客户端交互特效制作技术。并增加移动端开发章节,介绍流行且容易上手的MUI框架技术,实现JavaScript移动端的开发。内容由浅入深,每讲内容都与案例紧密结合,有助于学习者理解知识、应用知识、达到学以致用的目的,大大加强读者实践动手操作的能力。所选案例具有极强的扩展性,能够给读者以启发,使读者举一反三,实现非常实用的效果。


        第一篇主要讲解JavaScript相关案例,第二篇主要讲解jQuery(JavaScript框架),使得编写脚本的过程更快、更容易。课程引入综合型项目案例,并开发出了配套教材,既实现了学生碎片化的学习,又满足了系统化、结构化学习的需要。后续增加MUI移动端框架,拓展实现移动端应用。


证书要求

考核方案为:单元测验(30%+单元作业(20%+考试(40%+课程讨论(10%)。

成绩评定采取百分制,60-84分为合格,85分及以上为优秀。测验不难,只要认真学习都能够取得好的成绩。


预备知识

      本课程的先修课程是《网页设计技术》,至少掌握HTML+CSS基础知识。

授课大纲

第1章 JavaScript初探

JavaScript实现商品详情展示

JavaScript相关应用

JavaScript简介

JavaScript的使用方法

HBuilder的快速开发

JavaScript常用的输出语句 

第2章JavaScript语言基础-JavaScript 数据类型

typeof的用法

数据类型的自动转换

JavaScript 数据类型-字符串

JavaScript 数据类型-数值型

复合数据类型-json 的遍历

JavaScript数据类型-特殊数据类型

JavaScript 数据类型-布尔型 

第2章JavaScript语言基础-JavaScript变量和函数

JavaScript 函数

JavaScript 变量

三元运算符实现图片切换

函数的使用实现点亮灯泡

变量的作用域 

第2章JavaScript语言基础-JavaScript控制语句

switch.语句

if...else...语句

循环语句

prompt()方法及动态输入实现矩形周长面积计算

异常处理语句

控制语句综合案例:猜数字游戏,99 乘法表展示 

第3章 常用内置对象-常用属性与方法

日期对象的应用:动态时钟的实现、考试倒计时的实现、节日倒计时的实现

数组对象的常用属性与方法

二维数组的数据访问实现试题展示

定时器函数setInterval()与setTimeout()

新建 JavaScript 数组 

第3章 常用内置对象-字符串及应用于表单

form 对象-表单

表单及其控件的访问

input 控件常用方法

表单简单验证

字符串对象常用的属性与方法

字符串应用

下拉列表框的应用

标题栏滚动显示效果

随机点名器的实现 

第3章 常用内置对象-综合案例

正则表达式实现表单严谨验证

内置对象应用

综合案例:计算器功能实现

体彩 11 选 5 的实现方案1

列表的显示隐藏

案例拓展:计算器功能拓展

体彩 11 选 5 的实现方案2 

第5章 BOM和DOM-基础

DOM操作

window子对象

初识文档对象模型及DOM节点访问

认识浏览器对象模型及窗口操作 

第5章 BOM和DOM-综合案例及拓展

本地存储

DOM拓展

DOM综合案例

DOM 优化及DOM 事件处理 

第4章自定义对象及表格操作-综合案例

复选框对象应用在表格

radio单选框的应用

复选框的应用 

第4章自定义对象及表格操作-操作表格

动态删除表格的行

动态增加表格的行和单元格

自定义对象的创建 

第6章 项目实战:JavaScript实现在线测试系统

核心功能实现

界面实现

Ajax实现远程数据访问 

第7章 jQuery基础

jQuery常用选择器的应用

jQuery实现DOM操作  

第8章 jQuery进阶

jQuery插件与登录综合实现

jQuery动画

jQuery Ajax

jQuery进阶

第9章 项目实战:jQuery UI实现服饰网站与MUI移动布局

jQuery UI使用

详情页面的功能实现

jQuery UI

参考资料

郑丽萍等. JavaScript与jQuery案例教程. 北京:高等教育出版社,2018.5

详情