中慧集团Web技术校企合作系列教材-《JavaScript程序设计》介绍

日期:2021年7月16日

为什么选择JavaScript这门技术?

JavaScript是目前最流行的网页前端开发技术之一,该技术目前几乎被所有的主流浏览器所支持,也应用于市面上绝大部分网站中。jQuery是 JavaScript框架中的优秀代表,也是目前网络上使用范围最广的JavaScript函数库,凭借简洁的语法让开发者轻松实现许多功能和特效,并对CSS、DOM、Ajax等常见Web技术提供了许多实用而简便的方法,同时很好地解决了各个浏览器之间的兼容性问题。

《JavaScript程序设计》            

【主编】  卢淑萍 陈玲

【副主编】  吴鹃 王玉贤 钱新杰

【购买链接】https://item.jd.com/10050808429838.html   

【资源下载链接】http://course.zhonghui.vip/#/web/javascript 

内容摘要

该教材从零开始讲解JavaScript与jQuery技术,全书以任务为驱动,循序渐进、案例丰富,包含的内容有:JavaScript基本语法、对象编程、BOM编程、DOM编程、网页特效、ES6新特性、jQuery基础等。

该教材针对“Web前端工程师”所需技能,以工作任务为核心重新选择和组织专业知识体系,按工作过程设计学习情景,强化Web前端工程师所需要技能,提升动手能力,是一本运用当前流行前端技术实现客户端交互效果的实用教程。

教材目录

第1章 JavaScript 简介                      向下滑动预览

任务1:认识JavaScript

1.1.1. JavaScript的发展 

1.1.2. JavaScript的特点 

1.1.3. JavaScript的组成 

任务2:搭建JavaScript开发环境 

1.2.1. Visual Studio Code 

1.2.2. 脚本基本结构 

1.2.3. 引入JavaScript的方式 

任务3:在页面输出你最喜欢的运动 

1.3.1. 常用输入输出语句 

1.3.2. 代码注释 

1.3.3. 使用Chrome浏览器控制台 

1.3.4. 任务实现 

1.3.5. 任务拓展 

小结 

课后练习 

第2章 JavaScript基本语法

任务1:显示变量数据类型 

2.1.1. 变量 

2.1.2. 数据类型 

2.1.3. 运算符 

2.1.4. 任务实现 

2.1.5. 任务拓展 

任务2:使用条件语句实现分时问候 

2.2.1. If语句 

2.2.2. 三元运算 

2.2.3. Switch语句 

2.2.4. 任务实现 

2.2.5. 任务拓展

任务3:使用循环语句输出自定义表格(循环语句) 

2.3.1. for循环 

2.3.2. whille循环 

2.3.3. for…in循环 

2.3.4. 任务实现 

2.3.5. 任务拓展 

任务4:使用函数制作简易计算器(用函数实现) 

2.4.1. 函数定义和调用 

2.4.2. 函数声明的提升 

2.4.3. 变量作用域 

2.4.4. 任务实现 

2.4.5. 任务拓展 

小结 

课后练习 

第3章 JavaScript 对象编程 

任务1:使用对象实现腾讯新闻科技栏目热点精选 

3.1.1. 初识对象 

3.1.2. JSON 

3.1.3. 对象遍历 

3.1.4. 任务实现 

3.1.5. 任务拓展 

任务2:使用时间对象实现秒杀倒计时 

3.2.1. Date对象创建 

3.2.2. Date对象常用方法 

3.2.3. 定时函数 

3.2.4. 任务实现 

3.2.5. 任务拓展 

任务3:使用数组输出导航菜单 

3.3.1. 数组的创建 

3.3.2. 数组的访问 

3.3.3. 数组的常用属性和方法 

3.3.4. 任务实现 

3.3.5. 任务拓展 

任务4:使用字符串验证注册页面信息 

3.4.1. 字符串对象的创建

3.4.2. 字符串对象的常用属性和方法 

3.4.3. 任务实现 

3.4.4. 任务拓展 

任务5:使用正则表达式验证注册页面信息 

3.5.1. 定义正则表达式 

3.5.2. 正则表达式的操作方法 

3.5.3. 正则表达式模式 

3.5.4. 任务实现 

3.5.5. 任务拓展 

小结 

课后练习 

第4章 BOM 编程 

任务1:使用window对象实现弹窗效果 

4.1.1. Window对象常用属性 

4.1.2. Window对象常用方法 

4.1.3. Window对象常用事件 

4.1.4. 任务实现 

4.1.5. 任务拓展 

任务2:使用document对象实现复选框全选效果 

4.2.1. document对象常用属性 

4.2.2. document对象常用方法 

4.2.3. 任务实现 

4.2.4. 任务拓展 

任务3:使用本地存储实现登录效果 

4.3.1. SessionStorage 

4.3.2. localStorage 

4.3.3. 任务实现 

4.3.4. 任务拓展 

小结 

课后练习 

第5章 DOM编程

任务1:使用属性操作实现Tab栏切换 

5.1.1. 获取属性值 

5.1.2. 设置属性值

5.1.3. 移除属性 

5.1.4. 任务实现 

5.1.5. 任务拓展 

任务2:使用节点操作实现简易留言板 

5.2.1. 创建节点 

5.2.2. 添加节点 

5.2.3. 删除和替换节点 

5.2.4. 任务实现 

5.2.5. 任务拓展 

任务3:使用HTML DOM实现动态添加表格 

5.3.1. HTML DOM对象 

5.3.2. 访问 HTML DOM对象属性 

5.3.3. 表格对象 

5.3.4. 任务实现 

5.3.5. 任务拓展 

小结 

课后练习 

第6章 JavaScript 的网页特效

任务1:使用display实现图片轮显效果 

6.1.1. style属性 

6.1.2. className属性 

6.1.3. 任务实现 

6.1.4. 任务拓展 

任务2:使用offset实现放大镜效果(商城的放大镜) 

6.2.1. offset属性 

6.2.2. offset与style的区别 

6.2.3. 任务实现 

6.2.4. 任务拓展 

任务3:使用scroll实现固定侧边效果(电梯效果) 

6.3.1. 事件进阶 

6.3.2. 事件对象 

6.3.3. Scroll事件 

6.3.4. 任务实现 

6.3.5. 任务拓展 

小结课后练习 

第7章 ES6 新特性

任务1:使用箭头函数实现简易计算器 

7.1.1. let与const 

7.1.2. 箭头函数 

7.1.3. 函数的扩展 

7.1.4. 任务实现 

7.1.5. 任务拓展 

任务2:使用ES6实现绚丽小球效果 

7.2.1. 对象的扩展 

7.2.2. Symbol 

7.2.3. Class的基本语法 

7.2.4. Class的继承 

7.2.5. 任务实现 

7.2.6. 任务拓展 

任务3:使用ES6实现商品查询效果 

7.3.1. 解构赋值 

7.3.2. 字符串的扩展 

7.3.3. 数组的扩展 

7.3.4. Set与Map数据结构 

7.3.5. 任务实现 

7.3.6. 任务拓展 

任务4:使用promise实现天气查询 

7.4.1. Promise对象 

7.4.2. 用Promise对象实现Ajax操作 

7.4.3. 任务实现 

7.4.4 任务拓展

第8章 jQuery 基础

任务1:体验jQuery程序 

8.1.1. 了解jQuery 

8.1.2. 配置jQuery环境 

8.1.3. 任务实现 

8.1.4. 任务拓展 

任务2:使用选择器实现京东商品展开与收起效果 

8.2.1. 基本选择器与层次选择器 

8.2.2. 过滤选择器 

8.2.3. 任务实现 

8.2.4. 任务拓展 

小结 

课后练习 

第9章 使用jQuery实现页面特效

任务1:使用增加删除方法实现购物车增删效果 

9.1.1. 创建节点 

9.1.2. 删除节点 

9.1.3. 遍历节点 

9.1.4. 任务实现 

9.1.5. 任务拓展 

任务2:使用事件实现导航菜单效果 

9.2.1. 事件绑定 

9.2.2. 鼠标事件 

9.2.3. 合成事件hover 

9.2.4. 任务实现 

9.2.5. 任务拓展 

任务3:使用动画实现轮播图效果 

9.3.1. 显示隐藏动画 

9.3.2. 自定义动画 

9.3.3. 停止动画 

9.3.4. 任务实现 

9.3.5. 任务拓展 

小结 

课后练习 

教材特色

01内容全面、组织合理

该教材按照工学结合的教材思路编写,精心设计了五个教学环节:工作任务、实践操作、拓展、小结和作业与练习。让读者在反复动手实践中,学会应用所学知识解决实际问题。

02结合实际、突出实践

教学内容根据真实任务来确定,选取的教学内容既适用于设计与制作小型的动态网站,又适合作为大型网站规划与建设的基础。

03资源丰富、立体教学

该教材配备了丰富的立体化教学资源,包括教学课件、微课、电子教案、案例代码、 实训项目指导等。

04 校企合作“双元”模式开发优质教材

该教材由成都中慧科技有限公司组织编写。编者具有丰富的前端开发课程授课经验,同时具有使用 HTML5、CSS3、JavaScript、ECMAScript6、jQuery和Ajax等技术进行实际项目开发的经验。他们依据先进的教育理念,结合全国职业院校实际教学情况以及学生专业水平,与IT技术专家共同探讨培养目标、内容、框架,基于不同的教学情境,开发出新一代信息技术优质教材。

适合范围

▶本科和高职院校计算机相关专业的学生。

▶可作为JavaScript、jQuery初学者的入门教程。

▶可作为具有一定Web前端基础的读者进一步学习提供参考本书。

中慧集团Web技术系列教材规划

序号教材合作院校出版日期
1《Vue应用程序开发》广东科学技术职业学院已出版
2《Java EE企业级应用开发(SSM)》 常州信息职业技术学院已出版
3《PHP程序设计》泸州职业技术学院已出版
4《Java程序设计基础》陕西工业职业技术学院已出版
5《MySQL数据库》安徽财贸职业学院已出版
6《Node.Js应用开发》常州信息职业技术学院已出版
7《Java高级程序设计》长沙商贸旅游职业技术学院已出版
8《UI设计基础》南京信息职业技术学院2023.4
9《HTML5与CSS3程序设计》山东科技职业学院已出版
10《Java Web应用开发》九江职业技术学院已出版
11《JavaScript程序设计》广东科学技术职业学院已出版
12《微信小程序开发》常州信息职业技术学院已出版

企业介绍

中慧云启科技集团是一家专业从事软件开发、职业教育软件技术专业教学实训的综合解决方案提供商,集产品研发、销售、技术服务、技术培训于一体的国家高新技术企业和双软企业。总部位于四川成都,在成都、大连、上海、广州设有4个研发中心,在成都、济南、杭州、广州、长沙、西安设有6个销售分公司。公司两大业务板块,软件开发业务主要包括:智能软硬件开发、系统开发与集成、软件外包服务、软件测试服务等;职业教育业务主要包括:面向中高职院校、技师学院、应用型本科,提供软件技术相关专业的人才培养方案、教学实训平台、课程和实训项目、师资培训、学生实训等。