JavaScript是前端组件开发的核心技术，前端组件是构建Web应用界面的基础。赵建保主编的《JavaScript前端开发模块化教程(工业和信息化十三五人才培养规划教材)》以前端工程师岗位工作任务为起点，循序渐进，以HTML5、CSS3、JavaScript为技术支撑，以Visual Studio Code为开发环境，将网页前端开发过程的任务系统化、规范化和组件化。全书设计开发了轮播图、折叠面板、选项卡、相册、滚动监听、表单验证、银行客服电话查询、微信运动步数统计图等23个工作任务，包含了JaVaScript核心技术、DOM、Canvas、JSON、Ajax和性能优化等主题，覆盖了Web项目开发中的常用组件的HTML结构、CSS样式和JavaScript交互行为技术。同时注重梳理相关联的知识，提炼设计模式，剖析组件的工作机制，以支持学习者更好地理解和运用相关技术适应前端组件项目开发的需求。
本书主要面向高等院校的数字媒体技术、软件技术、计算机应用技术、教育技术等专业的学生，可作为“JavaScript程序设计”“HTML5 Web开发”“Web前端开发”等课程的教材和参考书，也可作为培训机构Web技术培训教材。

任务1 搭建JavaScript开发环境
1.1 任务导入
1.2 成果目标
1.3 核心知识
1.3.1 JavaScript演进
1.3.2 JavaScript介绍
1.3.3 Web页面渲染过程
1.3.4 Visual Studio Code介绍
1.3.5 Visual Studio Code快捷键
1.3.6 EMMET语法
1.3.7 Node.js介绍
1.3.8 http-server介绍
1.3.9 在HTML中使用JavaScript
1.3.10 高性能JavaScript
1.3.11 JavaScript执行顺序
1.3.12 脚本位置
1.3.13 组织脚本
1.3.14 无阻塞脚本
1.3.15 选取DOM对象
1.3.16 addEventListener
1.3.17 读写HTML DOM style对象属性
1.3.18 cssText
1.4 任务实施
1.4.1 安装和配置Visual Studio Code
1.4.2 安装常用扩展
1.4.3 Chrome浏览器
1.4.4 Chrome开发者工具
1.4.5 安装Node.js
1.4.6 安装与配置http-server
1.4.7 编写HTML和CSS
1.4.8 编写JavaScript
1.4.9 测试页面
1.5 强化训练
1.6 学习成果评量
任务2 斑马线表格制作
2.1 任务导入
2.2 成果目标
2.3 核心知识
2.3.1 表格常用标签
2.3.2 表格斑马线原理
2.3.3 读写HTML DOM className属性
2.3.4 严格模式（use strict）
2.3.5 定义变量
2.3.6 常量
2.3.7 变量命名规则
2.3.8 JavaScript语法规范
2.3.9 变量类型
2.3.10 变量作用域
2.3.11 避免变量污染
2.3.12 闭包函数
2.3.13 JavaScript转义字符
2.3.14 相等操作符
2.3.15 toNumber
2.3.16 使用typeof检测类型
2.3.17 使用constructor检测类型
2.3.18 使用toString()检测封装类型
2.3.19 事件委托
2.4 任务实施
2.4.1 编写HTML
2.4.2 编写CSS样式
2.4.3 编写JavaScript
……
任务3 弹出消息框
任务4 图片缩放特效
任务5 网页换肤
任务6 下拉广告
任务7 轮播图
任务8 滚动公告
任务9 贷款计算器
任务10 计算器
任务11 投票
任务12 折叠面板
任务13 银行客服电话查询
任务14 省、市、区联动菜单
任务15 滚动监听
任务16 视频播放器
任务17 刮刮乐
任务18 微信运动步数统计图
任务19 相册
任务20 选项卡
任务21 JavaScript抽奖器
任务22 座位预订程序
任务23 注册表单验证
参考文献