新書推薦:
《
易经今解:释疑·解惑·见微
》
售價:NT$
403.0
《
东欧史(全二册)-“中间地带”的困境
》
售價:NT$
1010.0
《
虚拟资本:金融怎样挪用我们的未来
》
售價:NT$
352.0
《
刻意练习不生气
》
售價:NT$
179.0
《
大宋理财:青苗法与王安石的金融帝国(全彩插图本)
》
售價:NT$
500.0
《
安全感是内心长出的盔甲
》
售價:NT$
305.0
《
快人一步:系统性能提高之道
》
售價:NT$
505.0
《
我们为什么会做梦:让梦不再神秘的新科学
》
售價:NT$
352.0
編輯推薦:
本书对大前端技术栈进行了全面讲解,内容涉及HTML5 CSS3模块、JS模块、jQuery模块、Bootstrap模块、Node.js模块、Ajax模块、ES6新标准、Vue框架、UI组件和模块化编程等,书中引入了丰富的实战案例,实际性和系统性较强,能很好地提升读者的就业竞争力。
★ 视频教程:提供3个企业级实战项目的视频讲解,共计700分钟
★ 教学课件:提供完整的精简版教学课件,便于广大教师备课与教学
★ 程序代码:提供案例程序代码,助力读者快速动手实践
內容簡介:
本书对大前端技术栈进行了全面的讲解,以实战驱动教学,内容涉及HTML5 CSS3模块、JS模块、jQuery模块、Bootstrap模块、Node.js模块、Ajax模块、ES6新标准、Vue框架、UI组件和模块化编程等。本书厚度有限,但学习的空间无限。 全书共分为五个阶段,共18章。第一阶段走进前端之HTML5 CSS3(第1~6章),第二阶段探索JS的奥秘(第7~8章),第三阶段PC端整栈开发(第9~11章),第四阶段ES6 Node 工程化(第12~14章)和第五阶段Vue技术栈(第15~18章)。书中引入了丰富的实战案例,实际性和系统性较强,能够很好地帮助读者提升就业竞争力。书中还引入了3个企业级实战项目,为打造企业刚需人才。 本书适合初、中级前端开发者、渴望了解前端知识整体脉络的程序员,以及希望突破瓶颈进一步提升的工程师阅读。
關於作者:
贾志杰,资深架构师,精通多种IT技术。熟悉 Java、C、Python、Web前端、Scala等多种开发语言,曾就职于京东、文思海辉等一线大厂,热爱大前端技术,具有丰富的开发经验和团队管理经验。曾参与并主持移动警务应用管理系统、重点场所视频检索分析系统、客流测定与模拟推演系统、中国银行全球托管系统、数字图书管理系统等多个项目。曾获批《基于网络爬虫技术的网络新闻分析系统》等多项计算机软件著作权,编写了《Vue Spring Boot前后端分离开发实战》。
目錄 :
第一阶段走进前端之HTML5 CSS3
第1章大前端时代
1.1什么是大前端
1.2大前端时代带来的变革和机遇
1.3前端工程师的需求和前景
1.3.1前端工程师岗位要求
1.3.2市场对前端工程师的需求
1.3.3未来前景
1.4Web前端开发工具
1.5浏览器工具
第2章HTML5核心技术
2.1HTML初识
2.2HTML基本结构
2.2.1HTML骨架
2.2.2基本语法
2.2.3注释
2.3HTML常用标签
2.3.1基础标签
2.3.2文本格式化标签
2.3.3特殊符号
2.3.4图像标签
2.3.5绝对路径和相对路径
2.3.6超链接标签
2.3.7框架标签
2.3.8容器标签
2.4列表
2.4.1无序列表
2.4.2有序列表
2.4.3定义列表
2.4.4综合实战
2.5表格
2.5.1表格概述
2.5.2表格标题
2.5.3表格属性
2.5.4表格行和列的属性
2.5.5合并单元格
2.5.6表格嵌套
2.5.7综合实战
2.6表单
2.6.1表单标签form
2.6.2输入标签input
2.6.3标记标签label
2.6.4多行文本标签textarea
2.6.5下拉列表标签select
2.6.6域标签fieldset
2.6.7综合实战
2.7块级元素和行内元素的区别
第3章HTML5新增标签和属性
3.1HTML5表单新增
3.1.1HTML5新增输入类型
3.1.2HTML5新增元素标签
3.1.3HTML5新增属性
3.2HTML5新增结构标签
3.2.1新增文档结构标签
3.2.2新增格式标签
3.3HTML5媒体标签
3.3.1声频
3.3.2视频
第4章CSS3核心模块
4.1CSS核心基础
4.1.1CSS介绍
4.1.2CSS的优势
4.1.3基本语法
4.1.4CSS引入方式
4.1.5CSS引入方式的优先级
4.1.6开发者工具(Chrome)
4.1.7基础选择器
4.1.8复合选择器
4.1.9伪类选择器
4.1.10属性选择器
4.1.11继承与层叠
4.1.12DIV CSS布局
4.1.13综合实战
4.2CSS美化页面元素
4.2.1字体样式
4.2.2文本样式
4.2.3颜色
4.2.4背景样式
4.2.5列表样式
4.2.6综合实战
4.3盒模型
4.3.1什么是盒模型
4.3.2盒子大小
4.3.3定义边框border
4.3.4外边距margin
4.3.5内边距padding
4.3.6综合实战
4.4浮动和定位
4.4.1浮动应用
4.4.2清除浮动
4.4.3display和overflow属性
4.4.4定位
4.4.5zindex属性
4.4.6综合实战
第5章CSS3新增特性
5.1CSS3边框与渐变
5.1.1CSS3特效边框
5.1.2渐变
5.2转换
5.2.12D转换
5.2.23D转换
5.3过渡与动画
5.3.1过渡
5.3.2动画
5.4响应式
5.4.1媒体查询
5.4.2响应式布局
5.4.3多列
5.5CSS3高级技巧
5.5.1字体图标
5.5.2雪碧图
5.5.3滑动门
第6章企业级项目: 小米官网(264min)
6.1小米黑色导航条
6.2小米白色导航条
6.3小米轮播图和滑动门
6.4小米小广告位
6.5小米闪购
6.6小米手机部分
6.7小米视频部分
6.8页脚
第二阶段探索JavaScript的奥秘
第7章JavaScript基础
7.1快速入门
7.1.1JavaScript简介
7.1.2第1个JavaScript 程序
7.1.3JavaScript语法
7.1.4JavaScript 变量
7.1.5数据类型
7.1.6JavaScript 输出
7.2运算符
7.2.1算术运算符
7.2.2赋值运算符
7.2.3比较运算符
7.2.4逻辑运算符
7.2.5三元运算符
7.2.6运算符的优先级
7.3程序控制语句
7.3.1顺序结构语句
7.3.2分支结构语句
7.3.3循环结构语句
7.4函数
7.4.1常用系统函数
7.4.2自定义函数
7.5对象
7.5.1创建对象
7.5.2对象的使用
7.6内置对象
7.6.1Array
7.6.2Math
7.6.3Date
7.6.4String
第8章JavaScript深入解析
8.1DOM
8.1.1DOM简介
8.1.2节点
8.1.3节点获取
8.1.4节点操作
8.1.5DOM CSS
8.2事件处理
8.2.1鼠标事件
8.2.2键盘事件
8.2.3窗口事件
8.2.4表单事件
8.3BOM
8.3.1window对象
8.3.2history对象
8.3.3location对象
8.3.4navigator对象
8.3.5screen对象
8.4综合实战
第三阶段PC端整栈开发
第9章jQuery模块
9.1初识jQuery
9.2jQuery对象和DOM对象
9.3jQuery 选择器
9.3.1基本选择器
9.3.2层次选择器
9.3.3基本过滤选择器
9.3.4属性过滤选择器
9.3.5表单选择器
9.4jQuery中的DOM操作
9.4.1样式操作
9.4.2内容操作
9.4.3节点操作
9.4.4属性操作
9.4.5节点遍历
9.5链式编程与隐式迭代
9.6事件和动画
9.6.1页面载入
9.6.2常用事件
9.6.3事件对象的属性与方法
9.6.4常用动画方法
9.6.5自定义动画方法
9.7原生 Ajax
9.7.1JSON
9.7.2纯JS的Ajax请求
9.8jQuery Ajax
9.9jQuery 插件
9.9.1jQuery UI
9.9.2自定义jQuery插件
9.9.3编写jQuery插件之放大镜
9.10综合实战
第10章Bootstrap模块
10.1Bootstrap简介
10.2搭建Bootstrap环境
10.3Bootstrap栅格系统
10.3.1栅格系统介绍
10.3.2在Bootstrap中创建栅格
10.3.3响应式列的重置
10.3.4列偏移、排序和嵌套
10.4全局 CSS 样式
10.4.1排版
10.4.2代码
10.4.3表格
10.4.4表单
10.4.5按钮
10.4.6图片
10.5组件应用
10.5.1字体图标
10.5.2下拉菜单
10.5.3导航
10.5.4按钮组
10.6使用Bootstrap JavaScript插件
10.6.1如何使用Bootstrap JavaScript插件
10.6.2动画过渡(Transition)
10.6.3模态弹出框(Modal)
第11章企业级项目: 蓝莓派音乐社区(260min)
11.1XAMPP安装
11.2蓝莓派音乐页面登录Ajax请求
11.3蓝莓派登录后台构建
11.4蓝莓派登录后页面结构变更
11.5首页轮播数据构建与Ajax请求
11.6首页轮播数据页面加载
11.7蓝莓派模态框处理与加载
11.8分页器原理解析
11.9聊聊模块瀑布流绘制加载
11.10声频播放控制器结构与按钮逻辑
11.11声频按钮与声频播放实现
11.12播放时间变换与进度条改变
第四阶段ES6 Node 工程化
第12章ES6 新特性
12.1ES6 简介
12.2ES6 变量
12.2.1let和const
12.2.2变量的解构赋值
12.3字符串扩展
12.3.1模板字符串
12.3.2标签模板
12.3.3字符串新增方法
12.4数值的扩展
12.4.1Symbol数据类型
12.4.2Number
12.5函数的扩展
12.6数组的扩展
12.7对象的扩展
12.8Set和Map数据结构
12.9Class基础语法
12.10Class的继承
12.11模块化
第13章Node.js编程模块
13.1Node.js基础
13.1.1Node.js优点
13.1.2Node.js安装
13.1.3全局对象
13.1.4回调函数
13.1.5模块(CommonJS规范)
13.1.6事件
13.1.7文件读写
13.1.8流和管道
13.2Node.js实现Web服务
13.2.1创建第1个应用
13.2.2模块化组织代码
13.2.3路由
13.2.4重构路由代码
13.2.5使用GET和POST发送数据
13.3NPM命令
13.3.1使用NPM命令安装模块
13.3.2package.json
13.3.3热部署
13.4Express框架
13.4.1Express介绍
13.4.2Express环境搭建
13.4.3Express初体验
13.4.4Express路由
13.4.5GET与POST传递参数
13.4.6托管静态资源
13.4.7Express中间件
第14章前端工程化
14.1Less
14.1.1Less介绍
14.1.2Less环境构建及使用
14.1.3Less语法
14.2Sass
14.3Webpack构建工具
14.3.1Webpack简介
14.3.2安装 Webpack
14.3.3Webpack之Loader配置和使用
14.3.4Webpack之Plugin的使用
14.3.5使用DevServer
14.3.6更多配置
14.3.7Webpack和Vue结合使用
第五阶段Vue技术栈
第15章Vue知识体系
15.1Vue简述及使用
15.1.1什么是Vue
15.1.2为什么选择Vue
15.1.3Vue的3种安装方式
15.1.4第1个Vue程序
15.2模板语法
15.2.1插值
15.2.2指令
15.2.3过滤器
15.3实例及选项
15.3.1数据选项
15.3.2属性选项
15.3.3方法选项
15.3.4计算属性
15.3.5表单控件
15.3.6生命周期
15.4模板渲染
15.4.1条件渲染
15.4.2列表渲染
15.4.3template标签用法
15.5事件绑定
15.5.1基本用法
15.5.2修饰符
15.6基础demo案例
15.6.1列表渲染
15.6.2功能实现
15.7自定义指令
15.7.1指令的注册
15.7.2指令的定义对象
15.7.3指令实例属性
15.7.4案例: 下拉菜单
15.7.5案例: 相对时间转换
15.8组件
15.8.1什么是组件
15.8.2组件的基本使用
15.8.3DOM模板解析说明
15.8.4组件选项
15.8.5组件通信
15.8.6内容分发
15.8.7动态组件
15.8.8综合案例
15.9过渡与动画
15.9.1元素/组件过渡
15.9.2使用过渡类实现动画
第16章Vue工程化
16.1VueCLI
16.1.1Node.js
16.1.2NPM
16.1.3基本使用
16.2项目打包与发布
16.2.1使用静态服务器工具包发布打包
16.2.2使用动态Web服务器(Tomcat)发布打包
16.3Vuedevtools
16.3.1Vuedevtools的安装
16.3.2Vuedevtools使用
第17章UI组件库和常用插件
17.1elementui
17.2Vuerouter
17.2.1基本用法
17.2.2跳转
17.2.3路由嵌套
17.2.4路由参数传递
17.3Axios
17.3.1基本使用
17.3.2JSONServer的安装及使用
17.3.3跨域处理
17.3.4Vue中Axios的封装
17.4Vuex
17.4.1初识Vuex
17.4.2基本用法
17.4.3模块组
第18章企业级项目: 部门管理系统(173min)
18.1技术分析
18.2项目构建
18.2.1前端项目搭建
18.2.2后端项目搭建
18.2.3数据库设计
18.3查询数据
18.3.1后端实现
18.3.2前端实现
18.4加载菜单
18.4.1引入elementui
18.4.2加载菜单
18.5带分页数据查询
18.5.1后端接口实现
18.5.2前端实现
18.6部门员工的录入
18.6.1后端接口实现
18.6.2前端实现
18.7部门数据编辑
18.7.1后端接口实现
18.7.2前端实现
18.8部门数据删除
18.8.1后端接口实现
18.8.2前端实现
內容試閱 :
互联网时代,前端无处不在。本书主要针对想进入前端开发行业及已在前端圈工作想进一步提高技能而系统地学习前端知识体系的读者设置,扎实的理论基础 丰富的实战案例 大厂规范 全局架构思维 复杂企业项目,系统培养大厂P7技术专家和中小厂前端领导者。
前端工程师的成长之路离不开扎实的技能、实践项目的经验积累、不断总结与全新的架构思想。前端技术的研究已是一种趋势,它已经成形,这也就是这本书真正的意义。项目实战贯穿全书,帮助前端工程师提升企业级实践技能。
全书共分为5个阶段,共18章。每个阶段的连贯性不强,读者可根据自己的需求有选择地阅读。
第一阶段走进前端之HTML5 CSS3(第1~6章): 内容涉及大前端概述、HTML、CSS、H5、CSS3新特性和小米官网项目。
第二阶段探索JavaScript的奥秘(第7、8章): 内容涉及JavaScript从入门到高级的全面讲解。
第三阶段PC端整栈开发(第9~11章): 内容涉及jQuery框架、Bootstrap框架及蓝莓派音乐社区项目。
第四阶段ES6 Node.js 工程化(第12~14章): 内容涉及ES6语法、Node.js开发、工程化工具Webpack的使用。
第五阶段Vue技术栈(第15~18章): 内容涉及Vue核心基础、Vue企业化实战项目。
互联网上不缺学习资料,但是大部分资料不全面、不系统,往往对初学者不友好,而本书刚好就可以解决这些问题,相信读者能从书中收获良多。本书的概貌如下页图所示。
针对大前端学习的温馨提示:
(1) 前端学习以培养兴趣为主,不要过于追求深层理解。
(2) 前端学习不能靠死记硬背,要多编写代码、多做项目。
(3) 不要急于求成,踏实积累才是硬道理。
本书的讲解理念如下图所示。
读者定位
初、 中级前端开发者,渴望了解前端知识整体脉络的程序员及希望突破瓶颈进一步提升的工程师。
配套教学资源
(1) 开发参考手册、面试题。
(2) 一套完整的教学精简版PPT。
(3) 资料(素材、思维导图)及源程序。
(4) 3个企业级实战项目的视频讲解。
本书特色
采用工程化和体系化的设计思想,以循序渐进和深入浅出的方式系统地讲解前端知识。在重构基础知识方面,本书将标准规范和实践代码相结合。在培养进阶技能方面,本书深度剖析了技术背后的原理。书中设计了很多经典综合实战案例,不仅能帮助初级开发者夯实基础,还能为中、高级开发者突破瓶颈提供帮助和启发。3个企业级项目带领读者入门,助力读者职场晋升; 帮助读者快速提升技能,勇闯江湖!
(1) 思维导图引导学习。
(2) 扎实的理论基础 丰富的实战案例 大厂规范 全局架构思维 复杂企业项目。
(3) 书中包含了作者大量的实践经验,将知识系统化,浓缩为精华,用通俗易懂的语言直指前端开发者的痛点。
本书勘误
由于编者水平有限,书中难免存在疏漏,诚恳地希望读者批评指正,同时也十分欢迎广大读者给予宝贵建议。
致谢
感谢清华大学出版社赵佳霓编辑一直以来给予的帮助和支持,并提出很多中肯的建议。同时,还要感谢清华大学出版社的所有编审人员为本书的出版所付出的辛勤劳动。本书的成功出版是大家共同努力的结果,谢谢大家。
编者
2023年1月