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

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