为什么选择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技术系列教材规划

企业介绍

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