Web前端框架技术
对标“1+X”Web前端开发职业技能等级证书标准,涵盖证书标准中所有知识点、技能点。资源下载 / 网络资源 含本书教学课件、教学大纲、教案、习题答案、代码等。提取码: xpet

作者:白文荣、路颖、张跟兄

丛书名:高等职业院校互联网+新形态创新系列教材·计算机系列

定价:59.8元

印次:1-1

ISBN:9787302681205

出版日期:2025.03.01

印刷日期:2025.02.25

图书责编:孙晓红

图书分类:教材

电子书
在线购买
分享
内容简介
作者简介
前言序言
资源下载
查看详情 查看详情 查看详情

《Web前端框架技术》是一本全面深入的实战教程,系统地讲解了Web前端开发框架技术。《Web前端框架技术》采用任务驱动的教学方法,引导读者分析和实践实际案例,逐步掌握所需知识和技能,最终完成整个任务。 《Web前端框架技术》内容分为三个部分,分别对应三个主要的Web前端框架:Bootstrap、Vue和React。在Bootstrap部分,详细介绍Bootstrap的设计原则、CSS技术、布局组件以及常用插件,并通过一个综合性的影视娱乐项目案例,帮助读者快速掌握Bootstrap在前端项目开发中的应用。Vue部分则按照由浅入深的顺序,讲解Vue的下载安装、模板语法、常用指令、计算属性、侦听器、组件开发、Vue CLI、Vue路由以及状态管理等核心知识点,并通过一个开放大学项目的综合案例,让读者完整体验使用Bootstrap+Vue进行前端项目开发的全过程。React部分则涵盖了React的开发概念、JSX语法、组件结构、生命周期以及表单应用等关键内容,并通过构建一个虚拟社区网站项目,让读者感受使用React框架开发前端项目的高效性。 《Web前端框架技术》将理论与实践相结合,内容丰富、案例详实,既适合作为Web前端开发初学者和移动网站设计与开发人员的自学工具书,也适合作为高职院校和培训机构计算机相关专业的教学参考用书。

白文荣,内蒙古电子信息职业技术学院教授,二级学院院长。主要研究方向是计算机应用技术、软件技术,主讲《软件工程》《UML建模与设计模式》《H5与Bootstrap》 《Bootstrap应用开发》《JAVA核心技术》等专业核心课程。主持省部级课题《大数据时代下少数民族虚拟化教育教学平台精准服务模式的研究》 《云计算环境下的蒙医电子病历大数据挖掘技术的研究》 《蒙古文信息处理课程建设有效途径研究》《OA云办公系统》等项目,获教学成果奖2项;在SCI、EI和核心期刊发表学术论文10余篇。

前 言   随着无线端流量的发展,前端开发在市场中的需求和占比越来越大,越来越多的企业更加注重移动端小程序的开发,各大企业正在向“以前端技术为核心”的开发方式倾斜。因此前端框架技术也如雨后春笋一般,蓬勃发展且层出不穷,目前被广泛应用且排名靠前的前端框架技术有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...

课件下载

样章下载

网络资源

扫描二维码
下载APP了解更多

目录
荐语
查看详情 查看详情
目    录

第1篇  Bootstrap

第1章  Bootstrap设计基本原理 3

任务1.1  视口 4

1.1.1  Bootstrap概述 4

1.1.2  响应式设计概念 5

1.1.3  视口 6

任务1.2  媒体查询 8

1.2.1  Bootstrap编辑器 9

1.2.2  媒体查询概述 10

任务1.3  栅格系统 11

1.3.1  栅格系统概述 12

1.3.2  容器 12

任务1.4  弹性盒布局 14

1.4.1  流式布局 14

1.4.2  弹性盒布局 15

本章小结 17

自测题 17

第2章  Bootstrap CSS技术 19

任务2.1  Bootstrap?排版 20

2.1.1  Bootstrap样式 21

2.1.2  标题 22

任务2.2  Bootstrap表格 24

2.2.1  表格概述 25

2.2.2  表格种类 26

任务2.3  Bootstrap?表单 28

2.3.1  表单 28

2.3.2  表单的类型 29

任务2.4  Bootstrap?按钮 30

2.4.1  按钮 30

2.4.2  按钮组 31

任务2.5  Bootstrap?图片 33

2.5.1  图片 34

2.5.2  图片类型 34

本章小结 35

自测题 35

第3章  Bootstrap布局组件 37

任务3.1  Bootstrap下拉菜单 38

3.1.1  下拉菜单 38

3.1.2  按钮下拉菜单 39

任务3.2  Bo...

《Web前端框架技术》有如下特色:
(1) 引入企业级真实项目案例。通过学习项目案例来掌握技能是**的学习方式,《Web前端框架技术》以“工作任务-职业能力”形式为组织模式,通过对企业级真实项目的实战练习,帮助读者充分了解企业项目的开发流程和岗位能力要求,因此《Web前端框架技术》也可作为一本项目指导书。
(2) 知识点与任务需求对接。书中通过对项目进行任务拆分,将复杂的项目和功能进行“块化”处理,同时将知识点与任务需求对接,使读者能够充分地理解所学知识,并应用到实际项目当中,为将来就业打下坚实的技术基础。
(3) 书中内容对标“1+X”Web前端开发职业技能等级证书考核标准,涵盖了证书考核标准中要求的所有知识点、技能点。
(4) 将课程思政融入任务案例,在课程实施阶段润物细无声地引导和培养学生。