前言

本书以培养前端工程师为目标，基于工作任务模式进行编写，融合了编者多年的教学实践和改革经验，全面讲解了Vue.js开发的知识。全书共10个模块，每个模块包含2～4工作任务，围绕2～4个知识点展开。本书具有以下特点。

1）精心设计教学案例，全面训练网站前端设计和开发能力。全书围绕典型网站的典型页面设计展开，每个模块设计若干个典型工作任务。工作任务具有相对的独立性，同时兼顾系统性，知识讲授主要围绕通用的和学生更为熟悉的用户管理模块设计，根据知识内容需要简单设计了电子商务购物车和商品搜索功能；综合实训由企业一线工程师按照企业开发模式开发，进一步完善了购物车设计，增加了商品管理模块。两者共同完成了通用电子商务系统的设计与实现，全面进行了岗位能力训练。

2）工作任务设计遵循软件项目规范，强调认知规律，在潜移默化中提升职业素养。任务开头提出学习目标，对应软件项目的需求分析，符合带着问题学的认知规律；接下来讲授基本知识点，对应软件项目开发的技术分析，并针对知识点重难点给出实例，符合知识学习反复训练的认知要求；最后基于知识点设计和实施工作任务，对应软件项目的设计与编码实施，升华知识点的学习，培养创新精神，遵循知识学习举一反三的认知规律；针对个别复杂的任务给出测试步骤，对应软件项目的测试环节。每一个工作任务都较为完整地实践了软件项目的基本开发过程，将职业素养融入其中。

3）知识点讲授采用两种模式。针对琐碎、没有关联的知识点，将其聚焦于一个个有趣的应用场景，用一个个有趣的工作任务贯穿知识点，解决了知识点分散和学习的有趣性问题，同时解决了知识点具有真实应用场景的问题；针对复杂、具有一定难度的知识点，用简单例子引入，精心梳理知识点的逻辑关系，循序渐进地介绍知识点，同时深化例子，使知识讲授与例子完善同步完成，降低学习的难度。

4）模块设计注意知识的循序渐进，同时关注知识点的聚焦问题和模块的规模。每个模块设计2～4个工作任务，工作任务基本按2个学时设计，一个任务覆盖一个大的知识点，又分解为3～4个小的知识点进行讲解，任务设计合理，符合学习认知规律。每个模块6～8个学时，模块内容充实，知识点数量、组织、安排合理，重点突出，难点层层递进，不断深化，也符合学习认知规律。

5）每个模块开头列出学习目标，结尾用思维导图整理知识点，教学目标明确，知识点总结详细，方便了教师的教学和学生的总结复习。每个模块都配有习题与实训，便于教师检验学习效果和学生总结升华。配套资源丰富，建有在线开放课程，方便教师教学和学生预习、复习。

本书可用于32、48、64课时的教学，详见表1安排，不同课时的教学计划以及相关教学资源包可以从机械工业出版社教育服务网下载。

表1 课时安排建议

本书由无锡职业技术学院刘培林、卫梦，大连东软信息学院赵伟，常州工业职业技术学院申燕萍，中国船舶科学研究中心洪华军、李美共同编写完成。全书由刘培林统稿，无锡职业技术学院史荧中主审。在编写过程中，本书得到了编者所在单位领导和同事的帮助与大力支持，同时也参考了一些优秀的网页设计书籍和网络资源，在此表示由衷的感谢。

由于编者水平所限，书中不足之处在所难免，欢迎广大读者批评指正。

编者