[套装书]Web前端工程师修炼之道(原书第5版)+高效前端:Web高效编程与优化实践(2册)

作者
珍妮弗·尼德斯特·罗宾斯 李银城
丛书名
O’Reilly精品图书系列
出版社
机械工业出版社
ISBN
9782011181140
简要
简介
内容简介书籍计算机书籍 ---------------------------Web前端工程师修炼之道(原书第5版)--------------------------- 本书分六部。第一部分从关于Web设计的一些重要信息开始,将简要介绍HTML和CSS,并介绍Web和网页一般如何工作。第二部分介绍了HTML定义、标记语言,以及如何给网页添加图片、链接、表单等基本内容。第三部分涉及网页制作的高级部分,包括层叠样式表、格式文本、颜色和背景、边框和边距、浮动和定位、CSS页面布局、变换和动画、CSS技术、自适应Web设计等高级话题。第四部分介绍了JavaScript技术,从基础的程序语法开始,使读者能很快地融入到编程的环境中。利用JavaScript做出常用的网页动态效果。第五部分介绍了网页图形制作,包括Web图形制作的基础知识。第六部分附录,包含了参考资料,如测验答案、HTML全局属性列表和CSS Selector,并介绍了HTML5及其历史。 ---------------------------高效前端:Web高效编程与优化实践--------------------------- 本书分为七章,第1~4章和第7章的实践性比较强,第5章和第6章注重基础。第1章介绍如何使用浏览器提供的便利进行开发。第2章介绍如何写出简洁高效的JS代码以及如何组织代码逻辑。第3章介绍页面整体的优化。第4章结合实际经验,介绍HTML5的一些实用技术。第5章回归技术基础,以WebSocket、wasm、WebWorkers等HTML5的新技术为出发点回归到计算机基础。第6章讨论了诸如跨域、上传文件、CSS布局等前端技术支柱。第7章介绍前端的单元测试与自动化测试,以及怎么使用可视化工具制作网页动画。全书以问题为导向,一步步由浅入深地引导读者分析和解决问题。学会解决问题,比学会知识更为重要。
目录



---------------------------Web前端工程师修炼之道(原书第5版)---------------------------


序言1
前言3
第一部分 开始起步7
第1章 Web设计入门9
从哪里开始9
它需要一个团队(网站创建角色)10
为Web设计做准备19
你学会了什么25
自我测验25
第2章 Web是如何工作的26
互联网与Web26
提供你的信息27
关于浏览器27
网页地址(URL)29
网页结构31
小结36
自我测验37
第3章 Web设计基本概念39
各种设备40
与标准一致41
逐步提高42
自适应Web设计43
可访问性:所有用户一个网站46
网站性能:连接速度的要求48
自我测验50
第二部分 HTML结构53
第4章 创建简单网页55
创建网页的步骤55
启动文本编辑器56
第1步:从内容开始58
第2步:HTML文档结构化61
第3步:确定文本元素64
第4步:添加图像67
第5步:使用样式表改变外观70
当网页出错时72
验证你的文档73
自我测验74
元素回顾:HTML文档结构75
第5章 标记文本76
段落76
标题77
主题中断78
列表79
更多内容元素82
组织网页内容85
内联元素综述91
泛型元素div和span100
使用ARIA提高可访问性104
字符转义107
小结109
自我测验112
元素回顾:文本元素112
第6章 添加链接115
href属性115
链接到Web上的网页117
站内链接118
以新浏览器窗口为目标127
邮件链接129
电话链接129
自我测验130
元素回顾:链接131
第7章 添加图像132
图像格式简介133
img元素134
添加SVG图像139
自适应图像标记146
小结158
自我测验158
元素回顾:图像159
第8章 表格标记161
如何使用表格161
最小表结构162
表头165
合并单元格165
表格可访问性166
行和列组168
小结170
自我测验172
元素回顾:表格172
第9章 表单174
表单如何工作174
表单元素176
变量和内容178
重要表单控件综述179
表单可访问性功能197
表单布局和设计201
自我测验202
元素回顾:表单203
第10章 嵌入式媒体207
窗口中的窗口207
多用途嵌入器209
视频和音频210
画布219
自我测验223
元素回顾:嵌入式媒体223
第三部分 表现层的CSS227
第11章 介绍层叠样式表229
CSS的优点229
样式表如何工作231
大概念235
CSS计量单位241
开发者工具就在浏览器中244
继续使用CSS246
自我测验247
第12章 格式化文本248
基本字体属性249
使用CSS3的高级排版功能265
改变文本颜色267
更多选择器类型268
文本行设置274
下划线和其他“修饰”277
改变字母大小写278
空格279
文本阴影280
改变列表的数字编号284
自我测验286
CSS回顾:字体和文本属性288
第13章 颜色和背景290
指定颜色值290
前景色297
背景色298
裁剪背景299
使用不透明度300
伪类选择器301
伪元素选择器306
属性选择器308
背景图像309
快捷背景属性323
渐变327
外部样式表334
小结339
自我测验339
CSS回顾:色彩和背景属性341
第14章 盒子思想342
元素盒子342
指定盒子尺寸343
填充348
边框352
空白边362
分配显示类型365
盒子阴影368
自我测验369
CSS回顾:盒子属性369
第15章 浮动与定位372
普通流372
浮动373
用CSS形状进行精美文本环绕383
定位基础390
相对定位391
绝对定位392
固定定位400
自我测验401
CSS回顾:浮动和定位属性402
第16章 使用Flexbox和网格进行CSS布局403
使用CSS Flexbox的灵活盒子403
CSS网格布局432
自我测验463
CSS回顾:布局属性466
第17章 自适应Web设计469
为什么要使用RWD470
自适应秘诀470
选择断点477
自适应设计481
关于测试492
更多的RWD资源494
自我测验495
第18章 过渡、变换和动画497
CSS过渡497
CSS变换507
关键帧动画515
小结520
自我测验521
CSS回顾:过渡、变换和动画522
第19章 更多CSS技术524
对表单设置样式524
对表格设置样式527
重置和Normalize.css530
图像替换技术532
CSS Sprite533
CSS特性检测535
小结539
自我测验539
CSS回顾:表格属性541
第20章 现代Web开发工具542
熟悉命令行542
CSS的强大工具:处理器546
构建工具:Grunt和Gulp552
使用Git和Github进行版本控制554
小结560
自我测验561
第四部分 JavaScript行为563
第21章 JavaScript简介565
关于JavaScript565
给网页添加JavaScript568
脚本剖析569
浏览器对象582
事件582
综合应用584
学习更多关于JavaScript的知识585
自我测验588
第22章 使用JavaScript和DOM589
DOM简介589
polyfill597
JavaScript库599
小结603
自我测验603
第五部分 Web图像605
第23章 Web图像基础607
图像来源607
格式简介610
图像尺寸和分辨率620
图像资产策略623
favicon627
小结630
自我测验630
第24章 图像资产制作632
将图像保存为Web格式632
使用透明度637
自适应图像制作技巧640
图像优化650
自我测验660
第25章 SVG661
使用XML绘图663
SVG作为XML的特性670
SVG工具675
SVG制作技巧677
自适应SVG681
SVG的进一步探索687
自我测验687
我们学完了688
第六部分 附录689
附录A 自我测验答案691
附录B HTML5全局属性705
附录C CSS选择器的第3级和第4级707
附录D 从HTML+到HTML5710



---------------------------高效前端:Web高效编程与优化实践---------------------------


前言
第1章 HTML/CSS优化 1
Effective前端1:能用HTML/CSS
解决的问题就不要用JS 2
Effective前端2:优化HTML标签 16
Effective前端3:用CSS画一个三角形 22
Effective前端4:尽可能地使用伪元素 28
第2章 JS优化 34
Effective前端5:减少前端代码耦合 34
Effective前端6:JS书写优化 47
第3章 页面优化 59
Effective前端7:避免页面卡顿 59
Effective前端8:加快页面打开速度 67
Effective前端9:增强用户体验 85
Effective前端10:用好Chrome Devtools 91
第4章 HTML5优化实践 109
Effective前端11:使用H5的history改善AJAX列表请求体验 109
Effective前端12:使用图标替代雪碧图 118
Effective前端13:理解和使用CSS3动画 128
Effective前端14:实现前端裁剪压缩图片 136
Effective前端15:实现跨浏览器的HTML5表单验证 145
Effective前端16:使用Service Worker做一个PWA离线网页应用 151
第5章 前端与计算机基础 164
Effective前端17:理解WebSocket和TCP/IP 164
Effective前端18:理解HTTPS连接的前几毫秒发生了什么 185
Effective前端19:弄懂为什么0.1+ 0.2不等于0.3 203
Effective前端20:明白WebAssembly与程序编译 209
Effective前端21:理解JS与多线程 221
Effective前端22:学会JS与面向对象 231
Effective前端23:了解SQL 248
Effective前端24:学习常用的前端算法与数据结构 266
第6章 掌握前端基础 291
Effective前端25:掌握同源策略和跨域 291
Effective前端26:掌握前端本地文件操作与上传 299
Effective前端27:学会常用的CSS居中方式 310
Effective前端28:学会常用的CSS布局技术 320
Effective前端29:理解字号与行高 327
Effective前端30:使用响应式开发 336
Effective前端31:明白移动端click及自定义事件 344
Effective前端32:学习JS高级技巧 355
第7章 运用恰当的工具 372
Effective前端33:前端的单元测试与自动化测试 372
Effective前端34:使用AE + bodymovin制作网页动画 390

推荐

车牌查询
桂ICP备20004708号-3