前 言
随着无线端流量的发展,前端开发在市场中的需求和占比越来越大,越来越多的企业更加注重移动端小程序的开发,各大企业正在向“以前端技术为核心”的开发方式倾斜。因此前端框架技术也如雨后春笋一般,蓬勃发展且层出不穷,目前被广泛应用且排名靠前的前端框架技术有Vue、React和Bootstrap三种。
本书对标“1+X”Web前端开发职业技能等级证书考核标准,以常用的前端开发框架技术Bootstrap、Vue、React为核心,在章节设计上循序渐进,将知识点全部融入任务案例,每种框架技术都对应一个企业真实项目案例,帮助读者更好地理解前端开发框架技术。
本书特色
(1) 引入企业级真实项目案例。通过学习项目案例来掌握技能是最好的学习方式,本书以“工作任务-职业能力”形式为组织模式,通过对企业级真实项目的实战练习,帮助读者充分了解企业项目的开发流程和岗位能力要求,因此本书也可作为一本项目指导书。
(2) 知识点与任务需求对接。书中通过对项目进行任务拆分,将复杂的项目和功能进行“块化”处理,同时将知识点与任务需求对接,使读者能够充分地理解所学知识,并应用到实际项目当中,为将来就业打下坚实的技术基础。
(3) 书中内容对标“1+X”Web前端开发职业技能等级证书考核标准,涵盖了证书考核标准中要求的所有知识点、技能点。
(4) 将课程思政融入任务案例,在课程实施阶段润物细无声地引导和培养学生。
本书内容
本书共三篇,包括三个前端框架技术:Bootstrap(第1~5章)、Vue(第6~13章)和React
(第14~16章)。
第1章介绍Bootstrap设计基本原理,针对响应式Web设计进行详细讲解。
第2章介绍Bootstrap CSS技术,包括Bootstrap排版、Bootstrap表格、Bootstrap表单、Bootstrap按钮、Bootstrap图片等内容。
第3章介绍Bootstrap布局组件,包括下拉菜单、输入框组、导航栏、分页、列表组等内容。
第4章介绍Bootstrap插件,包括模态框、弹出框、轮播、折叠等内容。
第5章介绍影视娱乐项目实战。
第6章介绍Vue相关知识,包括Vue的概念、Vue的特性、Vue的版本,并引导读者完成第一个Vue程序。
第7章介绍Vue模板语法,包括Vue实例与生命周期、Vue模板语法、内容渲染指令、属性绑定指令。
第8章介绍Vue指令,包括样式绑定指令、事件绑定指令、双向绑定指令、条件渲染指令和列表渲染指令等内容。
第9章介绍Vue计算属性与侦听器,包括计算属性的定义、计算属性的缓存、getter方法和setter方法、侦听属性等内容。
第10章介绍组件基础,包括组件定义、组件注册、通过prop向子组件传递数据、监听子组件事件、插槽和动态组件等内容。
第11章介绍Vue CLI,包括脚手架介绍、脚手架环境搭建、安装脚手架、创建项目和项目结构分析等内容。
第12章介绍Vue路由和状态管理,包括路由的基本使用、嵌套路由、命名路由、Vuex的概念、Vuex的基本使用等内容。
第13章介绍开放大学项目实战。
第14章是初识React,包括React的概念、React的特点和安装使用、React脚手架的使用、JSX语法、JSX中使用JavaScript表达式、JSX的条件渲染、JSX的列表渲染、JSX的样式处理等内容。
第15章介绍React组件,包括React组件的定义和特点、React组件的两种创建方式、React事件处理、组件中的props和state、React组件的生命周期以及如何在React中使用表单等内容。
第16章介绍虚拟社区网站项目实战。
本书适用于已经具备了HTML 5、CSS 3、JavaScript的基础知识,想要快速掌握Web前端开发框架的读者,书中包括基础内容和实战项目,方便初次接触Web前端框架的读者快速入门学习。
参编人员
本书第1篇由白文荣编写,第2篇由路颖编写,第3篇由张跟兄编写。感谢东软教育科技集团有限公司的工程师提供的实训案例和技术支持。
意见反馈
由于编者水平和能力有限,书中难免存在疏漏之处,敬请业界各位同仁和广大读者批评指正,也希望各位能将实践过程中的经验和心得与我们交流。
编 者