Web前端模块化开发教程(ES6+Node.js+Webpack)

Node.js开发教程
分享 推荐 1 收藏 75 阅读 10.9K
黑马程序员 (作者) 978-7-115-56462-7

关于本书的内容有任何问题,请联系 范博涛

1.本书是黑马程序员前端系列产品,属于Web前端开发高级课程内容,目前市面上同类教材较少;
2.本书内容丰富,知识系统性强,知识点结构清晰;
3.配套丰富的教学资源,包括教学PPT、教学大纲、教学设计、联系题库、教学视频等资源。

内容摘要

本书适合具有JavaScript基础,想要学习Web前端模块化开发的人群使用,详细讲解了模块化开发涉及的ES6、Node.js和Webpack技术。
全书共8章:第1章讲解ES6基础内容;第2、3章讲解Node.js模块化开发和服务器开发的相关内容;第4章讲解Express框架;第5、6章讲解Ajax相关知识;第7章讲解Webpack打包工具;第8章是项目实战——博客管理系统。
本书既可作为高等教育本、专科院校计算机相关专业的教材,也可作为Web前端开发爱好者的参考读物。

目录

第1章 ES6基础 1
1.1 初识ES6 1
1.2 let和const关键字 2
1.2.1 let关键字 2
1.2.2 const关键字 4
1.2.3 let、const、var关键字之间的区别 5
1.3 解构赋值 6
1.3.1 数组的解构赋值 6
1.3.2 对象的解构赋值 7
1.4 箭头函数 8
1.4.1 箭头函数的语法 8
1.4.2 箭头函数的特点 8
1.4.3 箭头函数中的this关键字 9
1.5 剩余参数 10
1.5.1 剩余参数的语法 10
1.5.2 剩余参数和解构赋值配合使用 12
1.6 扩展运算符 12
1.6.1 扩展运算符的语法 12
1.6.2 扩展运算符的应用 13
1.7 模板字符串 14
1.7.1 模板字符串的语法 14
1.7.2 模板字符串的应用 15
1.8 ES6的内置对象扩展 16
1.8.1 数组的扩展方法 16
1.8.2 字符串的扩展方法 19
1.9 Set数据结构 19
1.9.1 Set数据结构的基本使用 20
1.9.2 Set实例的操作方法 21
1.9.3 Set实例的遍历方法 22
1.10 初识Symbol 22
1.10.1 Symbol的基本使用 23
1.10.2 使用Symbol作为对象属性名 23
本章小结 24
课后练习 24
第2章 Node.js模块化开发 27
2.1 Node.js运行环境搭建 27
2.1.1 下载和安装 28
2.1.2 Node.js环境常见安装失败情况 30
2.2 Node.js的基本使用 34
2.2.1 Node.js的组成 34
2.2.2 Node.js基础语法 34
2.2.3 Node.js全局对象global 35
2.3 初识模块化开发 36
2.3.1 传统JavaScript开发的弊端 36
2.3.2 模块化的概念 37
2.4 模块成员的导入和导出 38
2.4.1 exports和require() 38
2.4.2 module.exports 39
2.4.3 exports和module.exports的区别 40
2.4.4 ES6中的export和import 41
2.5 Node.js系统模块 42
2.5.1 使用fs模块进行文件操作 42
2.5.2 使用path模块进行路径操作 44
2.6 Node.js第三方模块 46
2.6.1 什么是第三方模块 46
2.6.2 获取第三方模块 46
2.7 Node.js常用开发工具 48
2.7.1 nodemon工具 48
2.7.2 nrm工具 49
2.7.3 gulp工具 50
2.8 在项目中使用gulp 53
2.8.1 gulp中的常用插件 53
2.8.2 压缩并抽取HTML中的公共代码 54
2.8.3 压缩并转换Less语法 56
2.8.4 压缩并转换ES6语法 58
2.8.5 复制目录 61
2.8.6 执行全部构建任务 61
2.9 项目依赖管理 62
2.9.1 package.json文件 62
2.9.2 查看项目依赖 63
2.10 Node.js模块加载机制 65
2.10.1 当模块拥有路径但没有后缀时 65
2.10.2 当模块没有路径且没有后缀时 67
本章小结 69
课后练习 69
第3章 Node.js服务器开发 71
3.1 服务器开发的基本概念 71
3.1.1 前端开发人员为什么学习服务器
 开发 71
3.1.2 服务器开发可以做哪些事情 72
3.1.3 Node.js开发服务器的优势 72
3.1.4 网站应用程序的组成 73
3.2 Node.js网站服务器 74
3.2.1 初识Node.js网站服务器 74
3.2.2 创建Node.js网站服务器 76
3.3 HTTP协议 77
3.3.1 HTTP协议概念 77
3.3.2 HTTP的请求消息和响应消息 78
3.3.3 请求消息 79
3.3.4 响应消息 83
3.4 HTTP请求与响应处理 85
3.4.1 GET请求参数 85
3.4.2 POST请求参数 87
3.4.3 路由 89
3.4.4 静态资源访问 90
3.5 Node.js异步编程 92
3.5.1 同步异步API的概念 92
3.5.2 获取异步API的返回值 93
3.5.3 异步编程中回调地狱的问题 94
3.5.4 利用Promise解决回调地狱 94
3.5.5 异步函数 96
3.6 用户信息列表案例 98
3.6.1 用户信息列表案例展示 98
3.6.2 用户信息列表功能介绍 100
3.6.3 知识拓展——MongoDB数据库 101
3.7 学生档案管理案例 101
3.7.1 学生档案管理案例展示 102
3.7.2 学生档案管理功能介绍 103
3.7.3 知识拓展——服务器端art-template模板引擎 104
本章小结 105
课后练习 105
第4章 Express框架 108
4.1 初识Express 108
4.1.1 什么是Express 108
4.1.2 安装Express 109
4.1.3 利用Express搭建Web服务器 110
4.2 Express中间件 111
4.2.1 什么是中间件 111
4.2.2 定义中间件 112
4.2.3 利用中间件处理静态资源 118
4.2.4 利用中间件处理错误 120
4.2.5 利用中间件捕获异步函数错误 122
4.3 Express模块化路由 123
4.3.1 模块化路由的基本使用 124
4.3.2 构建模块化路由 125
4.4 Express接收请求参数 127
4.4.1 Express接收GET请求参数 127
4.4.2 Express接收POST请求参数 128
4.4.3 Express接收路由参数 130
4.5 Express模板引擎 131
4.5.1 配置模板引擎 131
4.5.2 模板引擎的简单使用 132
本章小结 133
课后练习 133
第5章 Ajax(上) 135
5.1 初识Ajax 135
5.1.1 传统网站中存在的问题 135
5.1.2 Ajax的工作原理 136
5.2 Ajax基本实现步骤 137
5.2.1 创建服务器 137
5.2.2 配置Ajax对象 137
5.2.3 获取服务器端的响应 138
5.3 请求参数 140
5.3.1 GET请求参数的传递 140
5.3.2 POST请求参数的传递 142
5.4 Ajax异步编程 145
5.5 Ajax错误处理 147
5.5.1 HTTP状态码 147
5.5.2 onerror事件 149
5.6 Ajax封装 150
5.6.1 初步封装ajax()函数 150
5.6.2 传递Ajax请求参数 152
5.6.3 判断请求成功或失败 154
5.6.4 处理服务器返回的JSON数据 155
5.6.5 实现可选参数 156
本章小结 158
课后练习 158
第6章 Ajax(下) 160
6.1 FormData对象 160
6.1.1 FormData对象实例方法 160
6.1.2 FormData对象实例方法的使用 161
6.1.3 formidable表单解析对象的使用 163
6.1.4 上传二进制文件 165
6.2 浏览器端art-template模板引擎 168
6.2.1 art-template模板引擎的下载和使用 168
6.2.2 art-template模板引擎渲染数据 170
6.3 Ajax同源策略 172
6.3.1 什么是Ajax同源策略 172
6.3.2 JSONP解决跨域请求问题 175
6.3.3 rquest模块解决跨域请求问题 177
6.4 jQuery中的Ajax 179
6.4.1 下载jQuery 179
6.4.2 $.ajax()方法 179
6.4.3 Ajax辅助方法 184
6.5 文章列表案例 186
6.5.1 文章列表案例展示 186
6.5.2 文章列表案例功能介绍 186
6.5.3 知识拓展——jQuery Mobile 187
本章小结 191
课后练习 192
第7章 Webpack打包工具 193
7.1 初识Webpack 193
7.1.1 什么是Webpack 193
7.1.2 Webpack的安装与使用 194
7.1.3 手动配置入口和出口文件 195
7.1.4 使用Webpack实现列表隔行换色效果 196
7.2 Webpack自动打包 197
7.2.1 配置webpack-dev-server 197
7.2.2 配置html-webpack-plugin 198
7.3 Webpack中的加载器 199
7.3.1 css-loader和style-loader加载器 199
7.3.2 sass-loader加载器 201
7.3.3 less-loader加载器 202
7.3.4 postcss-loader加载器 203
7.3.5 url-loader加载器 204
7.3.6 babel-loader加载器 205
7.4 Vue.js单文件组件 208
7.4.1 Vue.js单文件组件的基本使用 208
7.4.2 配置vue-loader加载器 209
7.4.3 Webpack打包发布 211
本章小结 211
课后练习 212
第8章 项目实战——博客管理系统 213
8.1 项目展示 213
8.2 功能介绍 217
本章小结 218

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

黑马程序员,成立于2006年,由中国Java培训先行者张孝祥老师发起,联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今,我们一直坚守着“为千万人少走弯路而著书,为中华软件之崛起而讲课”的办学理念,坚持培养优秀软件应用工程师的宏伟目标,在累计培养的十万余名学员中,其中90%的学员均已在北、上、广等一线城市高薪就业。为了迎合软件市场的需求,我们陆续开设了Java、网页平面、PHP、.Net、iOS、C/C++、Android等9个专业方向的课程,并且未来将逐渐开设其他专业方向的课程。随着传智播客的日益壮大,除了北京总部,我们在上海、广州、武汉、成都、深圳等地也创立了直营分支机构,传智播客俨然已成为了国内最具专业口碑的IT教育机构。

推荐用户

相关图书

人邮微信
本地服务
人邮微信
教师服务
二维码
读者服务
读者服务
返回顶部
返回顶部