剑指大前端全栈工程师 pdf下载

本书对大前端技术栈进行了全面的讲解，以实战驱动教学，内容涉及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.5zindex属性

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结合使用

前言

互联网时代，前端无处不在。本书主要针对想进入前端开发行业及已在前端圈工作想进一步提高技能而系统地学习前端知识体系的读者设置，扎实的理论基础+丰富的实战案例+大厂规范+全局架构思维+复杂企业项目，系统培养大厂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月