《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