Web开发权威指南 pdf epub mobi txt 电子书 下载 2026

编辑推荐

专业——源自大名鼎鼎的Big Nerd Ranch训练营实战课程，该训练营已经为微软、Google、Facebook等行业巨头培养了众多专业人才。
领-先——涵盖前端开发先进的技术，实现精彩Web应用。
实战——4大Web开发实战项目，以项目驱动讲解，以实践ying领理论。
梯度——从基础的交互式网页到实时聊天应用，由浅入深，横跨大前端。

内容简介

本书在知名培训机构Big Nerd Ranch培训教材的基础上编写而成，囊括了JavaScript、HTML5、CSS3等现代前端开发人员急需的技术关键点，包括响应式UI，访问远程Web服务，用Ember.js构建应用，等等。此外，还会介绍如何使用前沿开发工具来调试和测试代码，并且充分利用Node.js和各种开源的npm模块的强大功能来进行开发。
全书分四部分，每部分独立完成一个项目，由浅入深、循序渐进，在构建一系列应用的过程中，介绍Web开发的核心概念和API。
无论是否拥有Web开发经验，抑或拥有其他平台的开发背景，只要对当今流行的工具和开发实践充满兴趣，这本书都能让你受益匪浅。

作者简介

Chris Aquino，Web开发专家，Big Nerd Ranch讲师。作为开发者，他希望能给用户提供有意义的数据体验；作为主管和讲师，他致力于帮助他的团队和学生构建出更好的Web。平时喜欢发条玩具、浓缩咖啡和格式烧烤

Todd Gandee，前端工程师，Big Nerd Ranch讲师。拥有十余年的Web顾问经验，专业技能娴熟。业余时间喜欢跑步、骑行以及攀岩。

目录

第一部分 浏览器编程基础
第1章　配置开发环境　　2
1．1 安装Google Chrome　　2
1．2 安装并配置Atom　　3
1．3 文档和参考资料　　6
1．4 命令行速成　　8
1．4．1 查看当前工作目录　　9
1．4．2 新建目录　　10
1．4．3 切换目录　　10
1．4．4 列出目录中的文件　　11
1．4．5 获取管理员权限　　12
1．4．6 退出程序　　13
1．5 安装Node．js和browser-sync　　14
1．6 延展阅读：Atom 的替代工具　　15
第2章　开始第一个项目　　17
2．1 搭建Ottergram　　18
2．1．1 开始写HTML　　19
2．1．2 链接到样式表　　22
2．1．3 添加内容　　22
2．1．4 添加图片　　23
2．2 浏览网页　　25
2．3 Chrome开发者工具　　27
2．4 延展阅读：CSS 版本　　29
2．5 延展阅读：favicon．ico　　29
2．6 中级挑战：添加favicon．ico　　30
第3章　样式　　31
3．1 创建基本样式　　32
3．2 为HTML文件添加样式　　33
3．3 样式的构成　　34
3．4 第一条样式规则　　35
3．5 样式继承　　38
3．6 图片自适应　　45
3．7 颜色　　47
3．8 调整空白　　49
3．9 添加字体　　53
3．10 初级挑战：更改颜色　　56
3．11 延展阅读：优先级！当选择器发生冲突了……　　56
第4章　flexbox响应式布局　　58
4．1 界面拓展　　59
4．1．1 添加大图　　59
4．1．2 缩略图水平布局　　61
4．2 flexbox　　63
4．2．1 创建flex容器　　64
4．2．2 改变flex-direction　　65
4．2．3 flex项目中的元素分组　　66
4．2．4 flex缩写属性　　68
4．2．5 flex项目的排序与对齐方式　　69
4．2．6 居中显示大图　　73
4．3 绝对定位与相对定位　　75
第5章　使用媒体查询完成自适应布局　　82
5．1 重置视口　　83
5．2 添加媒体查询　　85
5．3 初级挑战：屏幕方向　　89
5．4 延展阅读：flexbox布局通用解决方案与bug　　89
5．5 高级挑战：圣杯布局　　89
第6章　JavaScript事件处理　　90
6．1 准备锚标签　　91
6．2 第一个脚本　　94
6．3 Ottergram中的JavaScript 描述　　95
6．4 声明字符串变量　　96
6．5 操作控制台　　97
6．6 访问DOM元素　　99
6．7 编写setDetails函数　　104
6．8 从函数返回值　　108
6．9 添加事件监听器　　110
6．10 访问所有缩略图　　115
6．11 迭代缩略图数组　　117
6．12 中级挑战：劫持链接　　118
6．13 高级挑战：随机的水獭　　119
6．14 延展阅读：严格模式　　119
6．15 延展阅读：闭包　　119
6．16 延展阅读：NodeList对象和HTMLCollection 对象　　120
6．17 延展阅读：JavaScript类型　　122
第7章　使用CSS营造视觉效果　　123
7．1 隐藏及显示大图　　123
7．1．1 创建隐藏大图的样式　　125
7．1．2 用JavaScript 隐藏大图　　127
7．1．3 监听键盘事件　　128
7．1．4 重新显示大图　　131
7．2 使用CSS过渡改变状态　　132
7．2．1 变形　　133
7．2．2 添加CSS过渡效果　　135
7．2．3 使用定时函数　　138
7．2．4 基于类的过渡效果　　139
7．2．5 通过JavaScript触发过渡效果　　140
7．3 自定义定时函数　　141
7．4 延展阅读：强制类型转换的规则　　143
第二部分 模块、对象及表单
第8章　模块、对象和方法　　146
8．1 模块　　146
8．1．1 模块模式　　147
8．1．2 通过IIFE修改对象　　149
8．2 搭建我们的CoffeeRun吧　　151
8．3 创建数据存储模块　　152
8．4 在命名空间上添加一个模块　　153
8．5 构造函数　　154
8．5．1 构造函数的原型　　155
8．5．2 为构造函数添加方法　　157
8．6 创建Truck模块　　159
8．6．1 添加订单　　160
8．6．2 删除订单　　161
8．7 调试　　163
8．7．1 使用开发者工具定位bug　　165
8．7．2 使用bind 设置this　　169
8．8 在页面加载时初始化CoffeeRun　　170
8．9 初级挑战：使用非星迷熟悉的餐车ID　　173
8．10 延展阅读：模块私有数据　　173
8．11 中级挑战：私有化数据　　174
8．12 延展阅读：在forEach的回调函数中设置this　　174
第9章　Bootstrap简介　　175
9．1 添加Bootstrap　　175
9．2 创建订单表单　　177
9．2．1 添加文本输入字段　　178
9．2．2 提供单选按钮　　182
9．2．3 添加下拉菜单　　183
9．2．4 添加范围滑块　　185
9．2．5 添加提交按钮和重置按钮　　185
第10章　使用JavaScript 处理表单　　187
10．1 创建FormHandler 模块　　188
10．1．1 jQuery简介　　189
10．1．2 导入jQuery　　189
10．1．3 使用selector参数配置FormHandler 实例　　190
10．2 添加提交处理程序　　192
10．2．1 提取数据　　193
10．2．2 接受并调用回调函数　　195
10．3 使用FormHandler　　196
10．4 UI 优化　　198
10．5 初级挑战：添加超级尺寸　　199
10．6 中级挑战：当滑块滑动时显示其数值　　199
10．7 高级挑战：添加选择　　200
第11章　从数据到DOM　　201
11．1 建立清单　　202
11．2 创建CheckList模块　　203
11．3 创建行构造函数　　204
11．4 在提交时创建清单行　　209
11．5 通过单击行完成订单　　212
11．5．1 创建CheckList．prototype．removeRow方法　　213
11．5．2 删除被覆盖的条目　　213
11．5．3 编写addClickHandler方法　　214
11．5．4 调用addClickHandler　　216
11．6 初级挑战：在描述中加入浓度信息　　217
11．7 中级挑战：不同口味，不同颜色　　217
11．8 高级挑战：允许编辑订单　　217
第12章　表单校验　　218
12．1 required属性　　218
12．2 使用正则表达式校验表单　　220
12．3 约束校验API　　220
12．3．1 监听input事件　　222
12．3．2 将input事件和有效性校验绑定　　223
12．3．3 触发有效性检查　　224
12．4 美化有效元素和无效元素　　225
12．5 中级挑战：为脱咖啡因咖啡进行自定义校验　　227
12．6 延展阅读：Webshim 库　　227
第13章　Ajax　　229
13．1 XMLHttpRequest对象　　230
13．2 RESTful Web服务　　230
13．3 RemoteDataStore模块　　231
13．4 向服务器发送数据　　232
13．4．1 使用jQuery的$．post 方法　　233
13．4．2 添加回调函数　　233
13．4．3 检查Ajax的请求和响应　　234
13．5 从服务器检索数据　　237
13．5．1 查看响应数据　　237
13．5．2 添加回调函数　　238
13．6 从服务器删除数据　　240
13．7 用RemoteDataStore替换DataStore　　241
13．8 中级挑战：校验远端服务器　　243
13．9 延展阅读：Postman　　243
第14章　Deferred和Promise　　244
14．1 Promise和Deferred　　245
14．2 返回Deferred　　246
14．3 通过then注册回调函数　　247
14．4 使用then处理失败的情况　　248
14．5 在仅支持回调函数的API上使用Deferred　　250
14．6 为DataStore配置Promise　　254
14．6．1 创建并返回Promise　　255
14．6．2 resolve一个Promise　　256
14．6．3 将其他DataStore方法Promise 化　　256
14．7 中级挑战：回退到Datastore　　259
第三部分 实时数据传输
第15章　Node．js入门　　262
15．1 Node和npm　　263
15．1．1 npm init　　264
15．1．2 npm脚本　　265
15．2 Hello， World　　265
15．3 添加一个npm脚本　　267
15．4 用文件提供服务　　268
15．4．1 用fs 模块读取文件　　269
15．4．2 处理请求URL　　269
15．4．3 使用path模块　　271
15．4．4 创建自定义模块　　272
15．4．5 使用自定义模块　　272
15．5 错误处理　　273
15．6 延展阅读：npm模块注册　　274
15．7 初级挑战：创建自定义错误页面　　275
15．8 延展阅读：MIME类型　　275
15．9 中级挑战：动态提供MIME类型　　276
15．10 高级挑战：将错误处理放到单独的模块中　　276
第16章　使用WebSocket进行实时通信　　277
16．1 配置WebSocket　　278
16．2 测试WebSocket服务器　　280
16．3 创建聊天服务器的功能　　281
16．4 第一次聊天！　　283
16．5 延展阅读：WebSocket库socket．io　　283
16．6 延展阅读：WebSocket服务　　284
16．7 初级挑战：我重复了我的消息吗？　　284
16．8 中级挑战：Speakeasy　　284
16．9 高级挑战：聊天机器人　　284
第17章　借助Babel使用ES6　　285
17．1 编译JavaScript的工具　　286
17．2 Chattrbox客户端应用程序　　288
17．3 迈出Babel的第一步　　289
17．4 使用Browserify 打包模块　　291
17．5 新增ChatMessage 类　　294
17．6 创建ws-client 模块　　297
17．6．1 处理连接　　298
17．6．2 处理事件并发送消息　　299
17．6．3 发出和回应一条消息　　301
17．7 延展阅读：将其他语言编译成JavaScript　　302
17．8 初级挑战：默认导入名称　　303
17．9 中级挑战：提醒连接关闭　　303
17．10 延展阅读：变量提升　　303
17．11 延展阅读：箭头函数　　305
第18章　继续ES6 探索之旅　　306
18．1 将jQuery 安装成一个Node 模块　　307
18．2 创建ChatForm 类　　307
18．3 创建ChatList 类　　310
18．8 初级挑战：给消息添加特效　　320
18．9 中级挑战：缓存消息　　320
18．10 高级挑战：独立的聊天室　　321
第四部分 应用架构
第19章　初识MVC和Ember　　324
19．1 Tracker　　325
19．2 Ember：一款MVC 框架　　326
19．2．1 安装Ember　　327
19．2．2 创建Ember应用　　328
19．2．3 启动服务器　　329
19．3 安装外部库和插件　　330
19．4 修改配置　　332
19．5 延展阅读：npm和Bower 的安装命令　　335
19．6 初级挑战：限制引入　　336
19．7 中级挑战：添加Font Awesome 库　　336
19．8 高级挑战：自定义NavBar　　336
第20章　路由选择、路由表、模型　　337
20．1 Ember生成器　　338
20．2 嵌套路由　　342
20．3 Ember Inspector　　344
20．4 指派模型　　344
20．5 beforeModel　　347
20．6 延展阅读：setupController和afterModel　　347
第21章　模型和数据绑定　　349
21．1 定义模型　　349
21．2 创建记录　　351
21．3 get和set　　353
21．4 计算属性　　354
21．5 延展阅读：检索数据　　357
21．6 延展阅读：保存或删除数据　　358
21．7 初级挑战：修改计算属性　　358
21．8 中级挑战：对新的目击记录进行标记　　358
21．9 高级挑战：添加称呼　　359
18．4 使用Gravatar　　312
18．5 请求用户名　　314
18．6 使用会话存储　　316
18．7 格式化和更新消息时间戳　　318
第22章　数据——适配器、序列化器和变换器　　360
22．1 适配器　　362
22．2 内容安全策略　　365
22．3 序列化器　　366
22．4 变换器　　368
22．5 延展阅读：Ember CLI Mirage　　368
22．6 中级挑战：内容安全　　369
22．7 高级挑战：Mirage　　369
第23章　视图与模板　　370
23．1 Handlebars　　371
23．2 模型　　371
23．3 辅助方法　　371
23．3．1 条件语句　　372
23．3．2 {{#each}}循环　　373
23．3．3 元素属性赋值　　375
23．3．4 链接　　377
23．4 自定义辅助方法　　380
23．5 初级挑战：为链接添加鼠标悬浮的内容　　382
23．6 中级挑战：修改日期格式　　383
23．7 高级挑战：创建一个自定义缩略图辅助方法　　383
第24章　控制器　　384
24．1 新建目击记录　　385
24．2 编辑目击记录　　392
24．3 删除目击记录　　395
24．4 路由动作　　396
24．5 初级挑战：目击记录详情页　　398
24．6 中级挑战：目击日期　　398
24．7 高级挑战：添加和删除目击者　　398
第25章　组件　　399
25．1 迭代器组件　　399
25．2 “拧干”组件的“水分”　　403
25．3 数据向下，动作向上　　404
25．4 类名绑定　　405
25．5 数据向下　　406
25．6 动作向上　　409
25．7 初级挑战：自定义提示信息　　411
25．8 中级挑战：将导航条转化为组件　　411
25．9 高级挑战：提示框数组　　412
第26章　后记　　413
26．1 最后的挑战　　413
26．2 插播一个广告　　413
26．3 感谢你　　414

《精通前端设计艺术：从像素到交互的完美蜕变》 内容简介 在这本《精通前端设计艺术》中，我们踏上一场深入探究前端开发精髓的旅程，旨在将技术实践与艺术美学完美融合。本书并非仅仅罗列代码和工具，而是致力于勾勒出构建响应式、用户友好且极具吸引力数字体验的完整蓝图。我们从最基础的视觉元素出发，循序渐进地引导读者掌握现代前端开发的方方面面，直至能够独立设计和实现复杂、动态的Web应用。 第一部分：视觉基石——构建令人印象深刻的界面 第一章：像素的语言——理解与运用色彩、排版和图像 我们首先深入理解“像素”作为数字世界最基本单位的含义，以及它如何构成我们所见的一切。本章将详细阐述色彩理论在Web设计中的应用，包括色彩心理学、和谐配色方案的创建、以及如何利用色彩来引导用户注意力、传达品牌情感。读者将学习到如何使用专业的色彩工具，如Adobe Color、Coolors等，来生成富有逻辑且美观的配色方案。 排版是另一个至关重要的视觉元素。本章将探讨字体选择的原则，从衬线体、无衬线体到脚本体、显示体，分析它们各自的特点和适用场景。我们将深入讲解字号、行高、字间距、段落缩进等排版属性的设置，以及如何通过排版来提升文本的可读性和视觉层次。读者将学会如何运用Google Fonts、Adobe Fonts等资源，并理解响应式排版的概念，确保在不同屏幕尺寸下都能获得最佳阅读体验。 图像在Web界面中扮演着吸引眼球、传递信息的重要角色。本章将介绍不同图像格式（JPEG, PNG, GIF, SVG）的优劣势及其选择标准，并探讨图像压缩技术，以平衡视觉质量和加载速度。我们还会深入讲解图像在设计中的构图原则、视觉焦点、以及如何巧妙地运用图标和插画来增强界面的表现力和信息传达效率。学习如何使用Photoshop、Illustrator等工具进行基本的图像编辑和优化，以及了解矢量图（SVG）在响应式设计中的强大优势。 第二章：构图的智慧——掌握布局、网格系统和响应式设计 本章将聚焦于界面布局的艺术。我们将从经典的设计构图原则入手，如三分法、黄金比例、对称与非对称等，并分析它们在Web设计中的应用。读者将深入理解网格系统（Grid System）的强大之处，学习如何构建稳定、灵活且易于维护的栅格布局，从基础的两列、三列布局到更复杂的自定义网格。我们将重点介绍CSS Grid Layout和Flexbox等现代CSS布局模块，讲解它们的语法、属性以及如何通过它们实现各种复杂的页面结构。 响应式设计是现代Web开发的基石。本章将详细讲解“移动优先”（Mobile First）的设计理念，以及如何通过媒体查询（Media Queries）来创建适应不同屏幕尺寸的自适应布局。读者将学习到如何设计流体栅格、弹性图片，以及如何针对不同设备优化用户体验。我们将探讨如何在设计初期就考虑不同断点（Breakpoints）下的布局变化，确保网站在桌面、平板、手机等各种设备上都能呈现出最佳效果。 第三章：交互的灵魂——赋予界面生命力的动画与动态效果 一个优秀的Web界面不仅需要视觉上的美感，更需要生动的交互体验。本章将深入探讨Web动画的原理和应用。我们将从CSS Transitions和Animations开始，讲解如何创建平滑的过渡效果和关键帧动画，以及如何通过这些基础动画来增强用户反馈、引导用户操作。 随后，我们将进阶到JavaScript驱动的动画技术，包括使用requestAnimationFrame进行性能优化的复杂动画，以及介绍一些流行的JavaScript动画库，如GSAP（GreenSock Animation Platform）和Framer Motion，它们能够帮助开发者轻松实现更具表现力和交互性的动画效果，如页面加载动画、滚动触发动画、鼠标悬停效果等。 除了视觉上的动画，本章还将深入探讨用户交互的设计。我们将讲解如何设计清晰的用户流程、直观的导航、以及有效的表单验证。我们还将介绍微交互（Microinteractions）的概念，即那些微小但能极大提升用户满意度的交互细节，例如按钮点击的反馈、加载状态的显示、信息提示的弹出等。学习如何运用JavaScript来捕捉用户事件，并根据用户的行为触发相应的反馈和动画，从而营造流畅、愉悦的数字互动体验。 第二部分：技术的实践——掌握核心前端工具与框架 第四章：HTML的骨架——构建语义化、可访问的Web结构 HTML（HyperText Markup Language）是Web内容的骨架。本章将带领读者深入理解HTML5的最新标准，强调语义化标签的重要性。我们将详细讲解`

`, `