紧接着“哪里是最好的学习地点?” 可能我从接触代码的人那里听到的最常见的问题是“我应该学习哪些 Web 开发书籍?” 好吧,考虑一下这个问题的答案,因为我整理了一份书籍清单,这些书籍不仅非常适合进入前端开发,而且还可以免费获得。
CSS相关书籍
这是我们要闲逛的大部分地方,因为,嗯,这是一个网站 大多 关于CSS!
CSS 的魔力 通过亚当施瓦茨
- 完美的: CSS 之旅的后续步骤
- 学习水平: 中级
- 要求: 对 CSS 的一些基本了解
亚当·施瓦茨 本书涵盖了六个 CSS 概念,包括盒子模型、布局、表格、颜色、排版和过渡。 这些甚至难倒了一些经验丰富的 CSSers,其中一些概念可能会令人困惑。 亚当竭尽全力去揭开每一个的神秘面纱。
除了这本书是复杂 CSS 概念的入门书籍之外,我还喜欢书中提到的每个 CSS 属性都是可点击的,因此您可以随时单击它们以查看每个属性的应用方式。 如果您想了解有关每一章的更多信息,这里有许多说明性示例和建议供您进一步阅读。
我发现关于颜色的章节非常有趣,不仅因为它介绍了使用颜色的最佳实践,还因为有超级实用的应用程序,比如 Adam 开始使用 CSS 来支持组织的品牌推广。
弹性网页设计 通过杰里米·基思
- 完美的: 制定编写代码的策略
- 学习水平: 中级
- 要求: 对 CSS 的一些基本了解
直接从简介:
你不会在这里找到任何代码来帮助你建立更好的网站。 但你会找到想法和方法。 想法比代码更有弹性。 我试图将网页设计史上最具弹性的想法结合到构建未来网站的方法中。
Jeremy 擅长描述软技能,例如规划、大纲和编写代码的方法。 因此,您将找到有关代码策略的详细信息,而不是贯穿本书的代码片段,例如渐进增强、决定使用什么工具以及编写面向未来的代码所面临的挑战。
对于那些没有听过 Jeremy 讲述内容的乐趣的人(就像他在 网络历史系列),有一个音频文件可供下载。
开始 CSS Web 开发:从新手到专业人士 西蒙·科里森
- 完美的: CSS的基础
- 学习水平: 彻彻底底的新手
- 要求: 只有时间和动力
它可能写于 2006 年,但 Simon 对 Web 标准和可访问性的报道在今天是永恒的和相关的。 他提供了对互操作性的理解以及构建 Web 应用程序的方法,包括经常被忽视的早期规划阶段。
这本书有两个大的部分,又分为16章。 第 1 部分涵盖 CSS 主题,例如处理文本、链接、列表、背景、图像、表格和表单。 它也确实没有吝啬细节。
第 2 部分是关于布局,阐明可用性和布局操作,以及一个方便的案例研究。 章节的排列方式使得一章自然地流入下一章。 每章还包含一个总结部分,重点介绍本章中涵盖的所有重要概念。
事实上,这本书为新手开发人员提供了坚实的 CSS 背景,并帮助他们逐步了解更高级的概念。 这将使您的 CSS 之旅更轻松。
HTML & CSS 书籍
CSS 和 HTML 通常一起教授,这在您编写第一行代码并想了解这两种语言如何相互交互时特别有用。
学习编写 HTML 和 CSS 通过谢豪
- 完美的: 开始你的前端之旅
- 学习水平: 初学者
- 要求: 之前完全没有经验
谢伊将这本书称为 简单而全面的指南,致力于帮助初学者学习 HTML 和 CSS。
他通过关注前端设计和开发的常见元素来做到这一点。 涵盖的一些课程包括盒子模型、定位、排版、背景和渐变、列表、媒体、表格和表格。 在第一章*构建您的第一个网页中,Shay 分析了典型网站的内容,包括元素、属性以及设置 HTML 文档结构、代码验证、选择器和 CSS 重置。 我发现这本书很有启发性,特别是因为它超越了表面,通过代码示例解决了许多关键概念,您可以继续学习。
这本好书的一个深刻之处在于,Shay 在 12 节课中从头开始构建了一个完整的项目,并且在每节课结束时,他提供了一个摘要和指向该网站当前状态的链接(这样你就可以与你的比较,如果你跟着)和课程每个阶段的源代码。
如果你是一个边做边学的学习者,你会发现这个材料非常有用,当你完成时,你将开发出一个多页面功能的网站。
该课程的高级续集也可通过同一链接免费获得。
HTML 和 CSS:7 天学习基础知识 迈克尔·克纳普
- 完美的: 开始你的前端之旅
- 学习水平: 初学者
- 要求: 之前完全没有经验
你能在 2017 天内学会所有关于 HTML 和 CSS 的知识吗? 可能不会,但这就是为什么迈克尔·纳普 XNUMX 年的这本书直接关注基本面。 在开始介绍 HTML 和 CSS 结构、逻辑和表示之前,Michael 深入研究了一个简短的历史课程。 您将快速掌握所有内容,您应该对将基本网页放在一起感到非常有信心,以及在本书涉及 SEO 和分析的过程中添加一些额外内容。
这本书由简单的程序组成,如果您愿意,可以在您的计算机上运行这些程序。
电子书版本可在 Apple Books 上免费获得,但如果您已经订阅了 Kindle 版本,也有。
最伟大的 CSS 技巧卷。 1 克里斯·科耶尔
- 完美的: 惊叹 CSS 能做什么
- 学习水平: 中级
- 要求: 一些 CSS 经验
你知道 CSS-Tricks 也有一本关于 CSS 的书吗? 将其排除在此列表之外是很愚蠢的,因为您得到的是经典 CSS 技巧的集合,这正是 Chris Coyier 解释的。 事实上,克里斯从他运行这个网站的许多年(许多年!)中精心挑选了书中涵盖的所有示例,其中包括他办公桌上出现的大量技巧。
每个技巧都解决了一个特定的痛点。 例如,第一个 “固定滚动到底部”技巧演示如何 overflow-anchor
CSS 属性可用于创建与 Slack 等工具相同的类似聊天的界面,其中屏幕锚定在底部,感觉就像页面在添加新项目时为您滚动一样。
过程书籍
代码同样重要 形成一种 我们编写代码并与他人合作开展项目,因为这与我们编写的实际代码有关。 以下书籍是从规划和项目管理到与他人沟通和协作的所有内容的绝佳起点。
协作:围绕数字项目将人们聚集在一起 艾伦·德弗里斯
- 完美的: 成为更好的合作者
- 学习水平: 无
- 要求: 以开放的心态与他人合作!
艾伦在本书中谈到了我们都必须处理的问题:与他人合作。 这不是小事——这本书分为四个部分,非常深入地探讨了我们可以与他人很好地合作的事情:
- 知道如何为合作做好准备并创造合适的条件。
- 在协作的早期阶段培养团队文化。
- 保持健康的协作过程。
- 收获合作的回报。
作为一名内容策略师,艾伦拥有正确的经验来帮助任何人参与协作项目,或从协作中获得最大收益。
现代网页设计过程 通过网络流
- 完美的: 资深设计师、项目经理
- 学习水平: 无
- 要求: 对 CSS 的一些基本了解
这本免费的电子书采用七步设计流程,旨在帮助定义当今网页设计品牌的工作流程。
那包括:
- 设定目标
- 定义范围
- 站点地图和线框图
- 处理内容
- 处理视觉元素
- 测试
- 配送服务
任何开始新设计项目或正在进行设计项目的人都会在本书中找到宝贵的见解。 最引人注目的是它是如何以一种几乎感觉就像您在整个项目从概念到完成的手持方式编写的。
为网络设计 马克·博尔顿
- 完美的: 学习与客户合作
- 学习水平: 初学者
- 要求: 对设计的真正兴趣
似乎许多组织以不同的方式处理设计。 但作者 Mark Boulton 在 为网络设计 它揭开了许多挑战的神秘面纱,涵盖了您需要知道的一切。
这本书的独特之处在于它真的是关于工作的。 当然,有很多关于排版、颜色和布局等设计最佳实践的非常有价值的信息,但是你真正要从这本书中学到的是 形成一种 这些适合设计工作流程。 它教你如何研究、我们必须实施的技术,以及最终如何与他人和客户合作——这对包括设计主管、项目经理、自由职业者或任何参与项目交付过程的人来说都是完美的素材.
使用 Git 学习版本控制 由塔
- 完美的: 掌握Git
- 学习水平: 欢迎所有级别
- 要求: 完全没有先验知识
在本书中,流行背后的团队 用于 Git 的 Tower 客户端 向学习者介绍使用 Git 的版本控制系统的关键。 在团队中工作的开发人员会发现这非常有用,因为它有助于与团队成员有效地协作,以构建项目的不同功能,即使您相隔数千英里。 也就是说,对于那些可能不喜欢命令行并希望在那里建立信心的人来说,它仍然非常棒。
由于这本书是由与 Git 交互的应用程序的制造商编写的,因此除了直接在命令行上工作之外,您还可以很好地使用 Tower 作为 GUI。
所以,无论是提交、分支、合并、拉取请求、分叉工作还是处理合并冲突,你都会从这本书中学到很多东西。
JavaScript 书籍
学习 JavaScript 似乎总是很流行。 实际上, Jason Rodriguez 在 2018 年写了一篇关于 JavaScript 学习前景的文章 并提供了一份不错的免费书籍清单。 从那以后没有太多的出现,但这是我对以下书籍的看法。
雄辩的JavaScript 通过 Marijn Haverbeke
- 完美的: 更好地编写 JavaScript
- 学习水平: 中级到经验丰富的开发人员
- 要求: 之前的 JavaScript 经验
雄辩的JavaScript 真的名不虚传。 就个人而言,我认为这是我见过的最好的 JavaScript 书籍之一。 Marjin 的写作风格引人入胜,尤其是他如何介绍编程概念并引导读者。 用他的话来说,这本书只是关于 指导计算机并让它们做你想让它们做的事情。
这本书深入探讨了 JavaScript,分为三个部分和 21 章。 您将阅读大量关于基本编程概念(例如值、类型、运算符和函数)的内容,以及高级概念(例如正则表达式、模块、DOM 和异步编程)。 他在每一章的开头都引用了一句颇有哲理的名言,让读者为即将发生的事情做好准备,然后直接进入主题。
此外,还有三个项目可以帮助您练习新发现的技能。
了解 JavaScript 承诺 尼古拉斯·C·扎卡斯
- 完美的: 那些想通过 JavaScript 中的 Promise 学习异步编程的人。
- 学习水平: 中级
- 要求: 基本的 JavaScript 印章
JavaScript Promise 于 2015 年作为 ES6 规范的一部分引入,用于处理 JavaScript 中的异步函数。 根据 MDN:
Promise 是一个对象,表示异步操作的最终完成或失败
在这本 51 页的书中,Nicholas 分三章解释了 Promise 的概念:基础知识、链接 Promise 和使用多个 Promise。 虽然 链接到我们提供的书 是免费社区版,完整版(在亚马逊上可用) 还有两章关于异步函数和未处理的拒绝跟踪。 Nicholas 用几个插图和例子简化了 Promises 的概念。 您将学习如何使用 then()
, catch()
及 finally()
并了解如何将多个 Promise 链接在一起。 Nicholas 还涵盖了拒绝和解决处理程序的分配。 您可能想阅读这本书以巩固您对该主题的理解。
Nicholas 是一位资深的 JavaScript 书籍作者,他从事 JavaScript 写作已经超过 15 年。 他在本书中运用了他丰富的经验(正如他在 他在 CSS-Tricks 的工作).
讲JavaScript 阿克塞尔·劳施迈尔
- 完美的: 从 JavaScript 开始升级
- 学习水平: 中级
- 要求: 面向对象编程知识
本书分为四章,涵盖 30 多个主题。 以下是它的分解方式:
- 第一章很好地复习了语法、变量类型、函数和异常处理。
- 第二章提供了 JavaScript 的历史视角,作为本书其余部分所涵盖的特性类型的前奏。
- 第 3 章或多或少是一本包含简短、简洁示例的参考书。
- 最后一章概述了帮助编写更好的 JavaScript 并遵循最佳实践的技巧、工具和库。
JavaScript 忍者的秘密 作者:John Resig 和 Bear Bibeault
- 完美的: 从头开始创建跨浏览器 JavaScript 库
- 学习水平: 中级
- 要求: 一些以前的编程经验
实际上有一个 这本书的新版本,但 2012 版是免费的. 无论哪种方式,这都是向 John Resig 学习的好机会; 你知道,那个人 创建 jQuery的。
这里涉及的技术包括闭包、函数、DOM、带有原型的面向对象和跨浏览器策略。 一个不错的好处是每一章后面都有一个简短的回顾,一旦你读完这本书就可以作为参考。
Addy Osmani 的《学习 JavaScript 设计模式》
- 完美的: 学习编写更高效的 JavaScript
- 学习水平: 中级
- 要求: 不错的 JavaScript 经验
设计模式的概念是指对应用程序开发中经常出现的问题的可重用解决方案。 在这本书中,Addy Osmani 介绍了使用 ES6 及更高版本的常见设计模式的实现,以及特定于 React 的设计模式,在处理以可维护性为主要目标的复杂 React 应用程序时,这些设计模式非常方便。
涵盖的一些模式包括 Singleton、Proxy、Provider、Prototype 和 Observer 模式。 在某些情况下,Addy 包括使用其中一些模式的优缺点以及它们如何影响应用程序的性能。
你不懂JS 通过凯尔辛普森
- 完美的: 掌握 JavaScript
- 学习水平: 初学者
- 要求: 很少或没有以前的编程经验
虽然标题可能有点挑衅,但 Kyle 在这里暗示的是,他写这本书的前提是你之前没有任何 JavaScript 经验。
Kyle 从通过 JavaScript 的视角了解编程的基础开始。 然后,他在随后的章节中继续介绍更高级的概念,如范围和闭包, this
关键字,对象原型, async
,和性能。
这里有很多很棒的细节和解释,Kyle 避免了超级技术术语,让它超级容易理解。 还有许多练习旨在加强您的学习。 这本书肯定会让你快速掌握 JavaScript。 这本书的第二版正在制作中 您可以在 GitHub 中跟踪。
JavaScript 初学者手册 弗拉维奥·科普斯
- 完美的: 初学者参考
- 学习水平: 刚开始
- 要求: 电子邮件注册,也许有一些先前的经验
Flavio 为刚入门的人整理了一个非常有用的 JavaScript 参考。 它更像是一个快速参考指南,而不是教科书,所以你们这些刚开始的人可能想把它看作是你放在办公桌上的东西,而不是你长时间坐着的东西。
用于数据科学的 JavaScript 甘斯、霍奇斯和威尔逊
- 完美的: 进入数据可视化
- 学习水平: 中级到高级
- 要求: 一个不错的 JavaScript 句柄
作者涵盖了现代 JavScript 的核心特性,包括回调、承诺、继承、对象和类。 他们还使用 摩卡、React 和数据可视化,所有这些都非常适合希望升级代码及其编写方式的任何人。 这本书没有像其他一些书那样深入探讨许多概念,但是当它进入数据科学时,它确实大放异彩。
本书使用Data-Forge; 一个为处理表格数据而设计的 JavaScript 库。 有许多练习可以帮助读者跟上讨论的主题。 最后一章还包括一个将所有内容整合在一起的顶点项目。
结束了
我当然希望这本书对您有所帮助,无论您是在 Web 前端开发中迈出第一步,已经有十几年的经验,还是介于两者之间。 我知道第一次接触新事物是多么困难,也知道不知道去哪里寻找的感觉。 我也知道达到高原并需要一些东西来提升自己的感觉。 无论您处于学习之旅的哪个阶段,这里的每个人都应该有所收获。
而且,嘿,如果您有任何其他可以在线免费获取的书籍,请在评论中分享! 我敢打赌,我们可以得到一个更大的清单。