教材以就业为导向、应用为目标、实践为主线、能力为中心，由校、企、研三方联合开发，将JavaScript和jQuery基础知识与基本技能点融入“校园志愿服务网站”的9个项目共31个任务，主要内容包括走进前端交互世界、移动的欢迎页、首页链接页、志愿项目、首页轮播图、首页注册页面、志愿风采、志愿之星和锦上添花。

赵丽梅，女，副教授，绵阳职业技术学院，参与软件技术专业人才培养方案的制定：全栈工程师方向、前端工程师方向；负责的课程标准：计算机导论、C语言程序设计、前端交互设计、数据库应用（所有课程）；在线课程：关系数据库基础、Web志愿服务端程序设计；参与软件技术专业资源库建设。

项目一 走进前端交互世界 1
任务1-1 前端技术的演进——IT人的担当与奋斗 1
项目二 移动的欢迎页 9
任务2-1 问候语的写入 9
任务2-2 欢迎页的移动 23
任务2-3 问候语的写入与调试 39
任务2-4 欢迎页的完善 51
项目三 首页链接页 77
任务3-1 日历的实现 77
任务3-2 时钟的制作 99
项目四 志愿项目 125
任务4-1 表格隔行异色 125
任务4-2 志愿者报名 133
项目五 首页轮播图 141
任务5-1 幻灯片轮播 141
任务5-2 点动控制幻灯片轮播 154
任务5-3 无缝轮播 165
任务5-4 特效轮播（一） 176
任务5-5 特效轮播（二） 189
项目六 首页注册页面 202
任务6-1 表单验证（一） 202
任务6-2 表单验证（二） 212
任务6-3 本地存储 219
任务6-4 注册信息的存储 227
任务6-5 表单生成器 236
项目七 志愿风采 251
任务7-1 风采相册的制作 251
任务7-2 敬老院志愿服务 259
项目八 志愿之星 266
任务8-1 认识jQuery 266
任务8-2 服务宣言展示 273
任务8-3 列表风格切换（一） 278
任务8-4 列表风格切换（二） 284
任务8-5 服务评星与留言板点评 289
任务8-6 丰富网页交互效果 296
任务8-7 列表展示 301
项目九 锦上添花 311
任务9-1 响应式导航 311
任务9-2 飘落的枫叶 318
任务9-3 图片3D特效展示 324
参考文献 330