教材简介

1.教材的基本信息

《前端开发技术案例教程(Vue.is)》系统讲解了前端开发框架 Vue.is 的基础知识和使

用 Vuc.is 框架进行应用程序开发的案例教程。Vue.is 是一款优秀的前端开发框架，是最适合前端开发者学习的 MVVM 框架之一。它之所以这么受企业前端开发人员的欢迎，是因为它具有轻量级、组件化和友好的 API等突出优点。本教材深人浅出、图文并茂,从技术人门到工程化项目开发，每个章节都以案例教学为引导,以培养能力为目的,抛开了冗余难懂的理论化内容,强调实际操作、快速上手。本教材适合有一定前端开发基础知识、初次接触 Vue.js 的初学者，也适合转型 Vue.is 的前端开发人员。本教材主要特点如下:

(1)教学案例丰富实用

本教材以案例教学为引导,每一章都设计了章节案例和实践环节案例,两个案例效果实用、循序渐进地帮助读者更好地掌握章节的知识和技能点,体现了“教、学、做一体化”的思想，方便读者快速上手，培养读者实际操作的动手能力。

(2)内容组织层层递进本教材分为知识篇(上篇)进阶篇(中篇)和实战篇(下篇)三部分。按照由浅人深的顺序,首先介绍教材中项目实战所需要的 Vue.is 基础知识，然后讲解 Vuc-CLI 在项目开发中的应用，最后通过两个实战项目灵活运用和整合前面所学习的知识和技术,在巩固和运用Vue.is 的基础上从零开始完成两个完整的项目。

(3)混合式教学资源立体丰富

本教材的每个章节的案例都紧紧围绕着实际项目进行,配备全方位数字化教学资源,包括课程标准、教学课件、微视频课程、电子教案、案例代码、项目指导和“1十x”职业技能等级证书 Web 前端开发(高级)证书模拟测试题等,方便读者线上和线下混合式学习。

2.教材的基本结构与内容组织

本教材三个篇章共包括 13 章的内容。其中第 1 章到第 6 章为知识篇,第 7 章到第 11章为进阶篇,第 12 章和 13 章为实战篇。每章都通盖了单元概述、重点和难点、单元知识正文、章节案例、实践环节、本章小结和本章习题 7 个部分。每一章的章节案例都分为案例描述、案例设计、案例代码和案例运行效果四部分内容,确保读者能够通过案例提升章节知识点和重难点的学习效果。

本教材共设计两个三级项目，一个项目是主题为“梦想从学习开始，事业从实践起步”的文化学习网站(PC端),网站一共分为八个栏目,分别是“中华文字”“中华诗词”“中华医药”

“中华古籍”“中华人物”“中国党史”“中国美术”及“个人中心”。另一个项目是主题为“前端技术学习”的移动端项目。希望通过两个项目的设计与实现,使读者在掌握前端开发技术的同时，弘扬传统文化和社会主义核心价值观，激发读者的民族自信与爱国主义热情:在运用Vue.js 框架技术的同时对读者进行思想引领、价值引领、道德引领及法制引领,全面提高读

者的综合素质。本教材 PC 端项目采用总-分-总的设计模式。先通过项目原型图预览项目，然后将整个项目进行拆分,根据项目所需知识技能点将项目分解到每一章的实践环节。实践环节设计了实践任务描述、实践任务实施步骤和实践任务运行效果 3 部分，由读者课下自主完成，进步巩固课上所学知识技能，进而进一步提升读者的动手实践能力和项目开发能力。本教材移动端项目作为实战篇的综合项目，由项目介绍、项目开发前期准备和项目功能设计与开发三部分，提供部分接口数据和核心代码供读者参考。

本教材由大连东软信息学院姜敏、胡献宇、左妍、袁磊、肖凤纬和成都东软信息学院贾志东老师共同编写,全教材由姜敏教授负责统稿。编者不仅教学经验丰富，而且均具备多年讲授前端开发技术课程经验，具备使用 HTML、CSS 和JavaScript 等技术进行实际项目开发经验，对 Web 页面开发技术均具有较丰富的实践经验和较深入的研究经历。

本教材虽经过编写团队教师多次集体讨论、修改、补充和完善,但疏漏和不足之处仍在所难免,敬请读者批评指正。

编者

2022 年 11 月