后端开发教程 - Java、Spring Boot 实战 - msg200.com
我在 2020-2021 年发现的 165 多个开发者资源
资源列表
HTML 资源
CSS 资源
JavaScript 资源
React 资源
WordPress 资源
Git 和 CLI 资源
托管资源
优化资源
数据库资源
MISC Web 开发资源
职业资源
设计资源
自 2020 年开始积极编码以来，我遇到了许多有用的资源。
有些我已经完成了，有些还在等待完成。希望它们也能对你有所帮助！
资源类型
🎓 = 某个主题的完整课程
🧰 = 使开发更容易的工具
🧐 = 某个主题的单篇文章或视频
资源列表
• HTML
• CSS
• JavaScript
•反应
• WordPress
• Git 和 CLI
•托管
•优化
•数据库
•其他 Web 开发
•职业
•设计
HTML 资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 1 | 替代文本 | 喜欢它给出好的替代文本的示例。 | 🧐 |
| 2 | HTML：<!DOCTYPE>标签 |
当我第一次学习 HTML 语法时特别有用 | 🧐 |
| 3 | W3S HTML5 语义元素 | 很好的快速介绍了为什么所有东西都不应该放在一个地方<div>。 |
🧐 |
| 4 | MDN HTML 元素参考 | 准备好进入下一阶段了吗？本指南将更深入地讲解众多 HTML 元素。 | 🧐 |
| 5 | HTML5 中的新结构元素 | 本指南确实帮助我理解了诸如<figure>和之类的元素<figcaption> |
🧐 |
| 6 | HTML5 元素周期表 | 我喜欢这种学习元素的互动方式，而且简单易行。 | 🧐 |
| 7 | 脚本：异步、延迟 | 这教会了我如何将 JS 加载到 html 文件中，从而大大提高性能。 | 🧐 |
| 8 | 学习 HTML 和 CSS 编码 | 选了这门课程来准备训练营。很棒的 HTML 入门课程。 | 🎓 |
| 9 | 学习高级 HTML 和 CSS 编码 | 我真的很喜欢上面的初级课程，并期待参加这个课程。 | 🎓 |
| 10 | Derek Banas 车把教程 | 从技术上来说，它并非 HTML，但它确实能帮助你高效地编写代码。期待观看本教程。 | 🧐 |
| 11 | metatags.io | 我最喜欢的生成器之一，用于为多个社交媒体平台创建元标记。 | 🧰 |
| 12 | 链接和按钮完整指南 | 在这篇深入的比较文章中，使用正确的工具来完成正确的工作变得再明显不过了。 | 🧐 |
| 十三 | getwaves.io | 太喜欢这个工具了！可以生成 SVG 波形图，为页面各部分创建曲线分隔！ | 🧰 |
CSS 资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 14 | Bootstrap 文档 | 即使我不使用该框架，我也喜欢使用他们的文档来获得有关常见 Web 组件的灵感。 | 🧐 |
| 15 | CSS 特异性的具体内容 | CSS-Tricks 的详细分析，最后给出了漂亮的图形示例。 | 🧐 |
| 16 | CSS 盒子尺寸 | 这是一个非常容易理解的盒子模型工作原理的例子。 | 🧐 |
| 17 | 12 个打造精彩 CSS 动画的技巧 | 这有很多关于创建酷炫动画并确保其性能的好建议。 | 🧐 |
| 18 | CSS布局和动画 | 还没上过这门课，但迫不及待想上了。课程设计太棒了。 | 🎓 |
| 19 | Net Ninja SASS 教程 | 这是我的第一门 SASS 课程，我仍然会时不时地回顾它。 | 🎓 |
| 20 | 20分钟学会Sass | 这对于了解 SASS 来说非常有用。 | 🎓 |
| 21 | BEM 和 SASS：完美搭配 | 当介绍如何将 BEM 和 SASS 一起使用时，我大吃一惊。 | 🧐 |
| 22 | getbem.com | 这给出了流行命名约定的创建者的概述。 | 🧐 |
| 23 | CSS技巧 BEM 101 | 我喜欢这篇文章提供的有关如何使用 BEM 的按钮示例。 | 🧐 |
| 24 | BEM 示例 | 这篇关于 BEM 的解释确实很好，但我特别喜欢他们有这篇文章的简短版和完整版。 | 🧐 |
| 二十五 | MDN 显示文档 | 您想要了解的有关这一强大display财产的一切信息。 |
🧐 |
| 二十六 | Calc() 的几个用例 | calc()是 CSS 中更强大的功能之一，本文展示了它的一些很好的用例。 |
🧐 |
| 二十七 | Wes Bos CSS 网格 | 您不能否认 Wes Bos 是免费且最优秀的发展型教师之一。 | 🎓 |
| 二十八 | Wes Bos 弹性盒 | 参见上文，但这次是针对 Flexbox | 🎓 |
| 二十九 | CSSmatic | 用于渐变、边框半径、噪声纹理和框阴影的强大 CSS 生成器集合。 | 🧰 |
| 三十 | CSS技巧位置 | 如果我只能访问该position属性的一个资源，那就是它了。 |
🧐 |
| 31 | 我可以使用嗎？ | 此站点可让您了解每个属性的浏览器支持情况。 | 🧰 |
| 三十二 | yoksel Flex 备忘单 | 我喜欢这种布局以及它让你直观地预览 flexbox 属性的方式。 | 🧐 |
| 33 | 你必须记住的 30 个 CSS 选择器 | 当我想深入了解 CSS 选择器（对不起 BEM）时，我会参考这篇文章。 | 🧐 |
| 三十四 | CSS Lint | 该工具将检查您的代码并突出显示任何错误。 | 🧰 |
| 三十五 | 系统字体堆栈 | 可以插入到项目中的预定义字体后备堆栈。 | 🧰 |
| 三十六 | Neumorphism.io | 此工具使元素看起来就像位于页面表面之下。 | 🧰 |
| 三十七 | 高级 CSS 和 Sass：Flexbox、Grid、动画等等！ | 在 Udemy 上购买了这个很棒的课程，但还没有机会参加...不过很快就会有的！ | 🎓 |
| 三十八 | CSS滚动阴影 | 此工具仅使用 CSS 即可生成基于滚动位置出现的阴影！ | 🧰 |
JavaScript 资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 三十九 | javascript.info | 这是 JS 的完整且解释良好的概述之一。 | 🧐 |
| 40 | 代码美化 | 在接触 ESlint 之前，我非常喜欢这个工具，它可以确保我的 JS 完全符合要求。 | 🧰 |
| 41 | 真与假：JavaScript 中并非所有事物都平等 | 对于某个值可能被视为真或假的所有情况，本文都是一个很好的参考。 | 🧐 |
| 四十二 | 事件循环到底是什么？ | 我还没有看过，但很期待。 | 🧐 |
| 43 | JavaScript 循环 | 如果我只能看一个视频来了解常见的 JS 循环，那就是这个了。 | 🧐 |
| 四十四 | JavaScript 循环 | 如果我只能读一篇文章来了解常见的 JS 循环，那就是这篇了。 | 🧐 |
| 45 | Codecademy JS 备忘单 | 完全免费，并且收集了常见的 JS 元素和概念。 | 🧐 |
| 46 | MDN JS 字符串 | 我想要了解有关字符串及其使用地点的所有信息。 | 🧐 |
| 四十七 | JSON 解析与 JSON 字符串化 | 这些 JSON 函数让我困惑不已。这篇文章确实帮我解释了它们之间的区别。 | 🧐 |
| 四十八 | Google 托管库 jQuery | 将此链接加入书签。:) 它始终具有最新的 jQuery cdn 脚本。 | 🧰 |
| 49 | 公共 API | 您今天就可以使用项目的公共 API 的详细列表！ | 🧰 |
| 50 | JavaScript 事件委托 | 以令人敬畏的视觉方式展示事件是什么以及事件委托如何工作。 | 🧐 |
| 51 | Var、Let 和 Const – 有什么区别？ | 对不同变量类型进行了很好的介绍（以及为什么var是垃圾。） |
🧐 |
| 52 | 箭头函数和常规函数的 5 个区别 | 我喜欢它如何揭开这两种函数类型的使用神秘面纱。 | 🧐 |
| 53 | JavaScript DOM 速成课程 - 第一部分 | 探索如何选择 DOM 中的元素以便与 JS 一起使用 | 🎓 |
| 54 | JavaScript DOM 速成课程 - 第 2 部分 | 了解如何遍历 DOM 的基础知识。 | 🎓 |
| 55 | JavaScript DOM 速成课程 - 第 3 部分 | 了解如何将附加事件附加到 DOM 元素。 | 🎓 |
| 56 | JavaScript DOM 速成课程 - 第 4 部分 | 根据最后 3 个视频构建一个小项目。 | 🎓 |
| 57 | DOM 简介 | 这是有关 DOM 的另一个很棒的资源，这篇简短的文章将帮助您快速入门。 | 🧐 |
| 58 | 异步 Javascript | 我都忘了收藏了。这是 Net Ninja 提供的超棒免费课程。 | 🧐 |
| 59 | 代码战争卡塔 | 这个主题很棒的训练工具可以让您练习出色的 Javascript 技能。 | 🧰 |
| 60 | JavaScript 中的事件冒泡是什么？ | 另一个关于事件冒泡是什么以及如何利用它的重要资源。 | 🧐 |
| 61 | JavaScript 事件委托比你想象的要简单 | 了解如何正确触发和监听事件。 | 🧐 |
| 62 | 哪个 HTML 元素是该事件的目标？ | 找出与哪个元素进行了交互。 | 🧐 |
| 63 | 理解 JavaScript 中的作用域 | 喜欢这个网站的设计，它对范围的解释非常透彻。 | 🧐 |
| 64 | 在 JavaScript 中编写函数的不同方法 | 关于如何编写“函数声明”函数的快速文章。 | 🧐 |
| 65 | JavaScript 图像滑块初学者指南 | 这教你如何使用 Vanilla JS 构建一个简单的图像滑块。 | 🧐 |
| 66 | 学习测试任何 JavaScript 应用程序的智能、高效的方法。 | 我还没有参加过这个课程，但我很期待——因为它是一个非常重要的课程！ | 🎓 |
| 67 | JavaScript 算法和数据结构大师班 | 我并不是算法的粉丝，但这就是我收藏这门课程的原因！ | 🧐 |
| 68 | AJAX 基础知识 | 您想知道的有关向 Web 服务器发出 AJAX 请求的所有信息。 | 🎓 |
| 69 | 如何使用 JavaScript 连接到 API | 这篇文章确实帮助我理解了如何在项目中使用 API 调用。 | 🧐 |
| 70 | JSON 教程：使用 JavaScript 或 PHP 请求 API 数据 | 看看 PHP 和 JavaScript 如何以不同的方式处理 JSON 非常有趣。 | 🧐 |
| 71 | JavaScript Reduce 方法的基础知识 | 这篇短文很好地分解了这个强大的 JS 方法。 | 🧐 |
| 72 | Axios 或 fetch()：您应该使用哪一个？ | 我倾向于使用 Axios，但这篇文章对两者都进行了很好的解释。 | 🧐 |
| 73 | 学习 JavaScript 开始 | 我参加了这门30小时的课程，非常棒。基础知识讲解得非常好。 | 🎓 |
| 74 | 验证网站 | 在注册和登录表单上使用的绝佳工具，可确保用户数据正确。 | 🧰 |
| 75 | HTML5 Canvas 初学者教程 | 作为一名设计师，我非常高兴能够深入研究这个领域。 | 🧐 |
React 资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 76 | React 速查表 | 快速轻松地浏览常见 React 模式和部件的备忘单。 | 🧰 |
| 77 | 全栈高级 React 和 GraphQL | 比Udemy稍贵一点，但没人能像Wes Bos那样教。希望很快就能买到这个。 | 🎓 |
| 78 | React 开发者工具 | 这使您可以在 Chrome DevTools 中查看道具、组件、渲染等 | 🧰 |
| 79 | React 图标 | 这是我最喜欢的图标包之一，因为它几乎包含了所有主要的图标库。 | 🧰 |
| 80 | React - 完整指南（包括 Hooks、React Router、Redux） | 这是我最喜欢的课程之一，它为我使用 React 编写代码提供了很大的帮助。 | 🎓 |
| 81 | useReducer Hook 的示例 | 这篇文章/视频分解了一个非常酷的钩子，让你无需下载库即可获得“类似 Redux”的商店。 | 🧐 |
| 82 | MDX 文档 | 此语法将 JSX 和 Markdown 合二为一！ | 🎓 |
| 83 | React 设计师 | 它包含一些很棒的课程和初学者项目，可帮助您开始使用 React。 | 🎓 |
| 84 | React Router Bootstrap | 将 React Router 导航的强大功能与 Bootstrap 的样式融为一体。 | 🧰 |
| 85 | React 头盔 | 我非常想学习这个包。它可以让你为不同的“React 页面”添加 SEO 元标签。 | 🧰 |
| 86 | 使用 React.lazy 和 Suspense 进行代码拆分 | 这真的有效！在我的网站上实施后，我的绩效分数提高了。 | 🧐 |
| 87 | 33个验证示例 | 很棒的 React 表单验证和演示代码集合。 | 🧐 |
| 88 | 37 ReactJS 基础 useRef Hook | 有关如何使用 React hook 的有用视频useRef。 |
🧐 |
| 89 | npm react-validation | 用于设置表单验证的强大软件包。需要有一天深入研究才能了解它的所有功能。 | 🧰 |
| 90 | Formsy 反应 | 该软件包允许您构建自定义表单并为您进行验证。 | 🧰 |
| 91 | 样式组件 | React 用户的最爱，允许您创建以 CSS 为中心的自定义组件。 | 🧰 |
| 92 | 使用自定义 React Hook 来响应内联样式和媒体查询 | 这篇文章帮助我在 JSX 环境中模仿响应式样式。 | 🧐 |
| 93 | 反应引导 | 关于使用 React 进行引导的非常好的文档。 | 🧐 |
| 94 | 使用 Hooks 来 React Redux | 使用 Redux 的现代 Hook 语法。这节省了我很多时间！ | 🧐 |
| 95 | 为什么我不能直接修改组件的状态呢？ | 这很好地解释了为什么必须使用它setState来改变类组件的状态。 |
🧐 |
| 96 | React：组件之间的通信 | 深入研究 React 组件如何相互传递数据。 | 🧐 |
| 97 | 如何识别和解决 React 中的渲染浪费 | 性能就是一切，这教会了如何正确地使用渲染。 | 🧐 |
| 98 | 组件和道具 | 对于我来说，这是 React 文档中核心且访问量最大的页面之一。 | 🧐 |
| 99 | 设置 Redux DevTools | Redux DevTools 对我来说不是最容易设置的东西，但它有助于很好地解释这个过程。 | 🧐 |
| 100 | React Redux 轻松课程 | 还没有看过这个关于 Redux 的初学者课程，但听说内容不错。 | 🎓 |
| 101 | 盖茨比 JS | 我很高兴很快就能使用这个静态站点生成器。 | 🧰 |
| 102 | MERN 从前到后堆叠 | 买了这门课程，但还没上。很期待很快就能上，因为它涵盖的内容很丰富。 | 🎓 |
| 103 | React Native 实用指南 | 正在拍摄中，很喜欢其中涉及的所有细节。 | 🎓 |
WordPress 资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 104 | 如何创建自定义 WordPress 主题 - 完整课程 | 对 WordPress 中自定义主题的精彩介绍。 | 🎓 |
| 105 | WordPress 基础知识 | 所有视频都经过很好的分解。 | 🎓 |
| 106 | 面向初级开发人员的 WordPress 101 | 另一个有关 WordPress 基础知识的精彩播放列表。 | 🎓 |
| 107 | 创建高级 WordPress 主题 | 还没有参加过这个，但是这个播放列表中有很多有用的视频主题。 | 🎓 |
| 108 | 自定义 WordPress | 关于高级 WordPress 主题主题的真正有用的播放列表。 | 🎓 |
| 109 | WordPress 中级技能 | 我喜欢这门课程也涵盖了服务器的使用。 | 🎓 |
| 110 | 如何使用 MAMP 在本地计算机上安装 WordPress（Mac） | 该视频教我如何在我的机器上本地使用 WordPress。 | 🧐 |
| 111 | wphierarchy.com | 该网站很好地解释了 WordPress 中的所有不同文件类型及其重要性级别。 | 🧐 |
| 112 | 包括 CSS 和 JavaScript | 有关在 WordPress 中使用 CSS 和 JS 的文档。 | 🧐 |
Git 和 CLI 资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 113 | 比较 Git 工作流程 | 这对于理解每个团队需要的不同 Git 工作流程非常有帮助。 | 🧐 |
| 114 | 命令行高级用户 | 迫不及待地想通过这门课程成为一名真正的终端大师。 | 🎓 |
| 115 | 学习 Git 分支 | 这个互动课程对于理解分支的工作原理非常有帮助。 | 🎓 |
| 116 | GITHUB 拉取请求、分支、合并和团队工作流程 | 关于如何在 Git 工作流中与团队合作的很好的概述。 | 🧐 |
| 117 | 掌握 Markdown | 这是一个很棒的资源，可以查看常见的 Markdown 语法和升级 Git README | 🧐 |
| 118 | 掌握 Markdown | 当我第一次开始使用 Git 进行版本控制时非常有用。 | 🧐 |
| 119 | 基本 Git 命令 | 另一个关于常见 git 命令的出色备忘单。 | 🧐 |
| 120 | GitHub 指南 Hello World | 通过这个非常用户友好的指南开始使用 Github。 | 🧐 |
| 121 | Git 命令 | 常见 Git 命令的非常直观的方法。 | 🧐 |
| 122 | 短代码 Git 备忘单 | 可搜索的备忘单 | 🧐 |
| 123 | 命令行命令列表 | Codecademy 提供的有关许多 CLI 终端命令的精彩列表。 | 🧐 |
托管资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 124 | Netlify 构建 | 一旦特定分支更新，就会触发对实时站点的构建，这真是太棒了。 | 🧰 |
| 125 | Netlify 教程 | 免费课程，助您快速上手并运行 Netlify 托管 | 🎓 |
| 126 | 使用 Netlify 提交简单的联系表单 | 有关如何将 Netlify 设置为邮件服务器的简单教程。 | 🧐 |
| 127 | PHPStorm FTP 服务器连接到远程主机 | 如何使用 PHPStorm 连接 SFTP 或 FTP 的教程。（相比 VS Code，PHPStorm 连接 SFTP 或 FTP 更加便捷） | 🧐 |
优化资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 128 | 前端 Web 优化工作流程 | 迫不及待地想参加这个课程，了解 CDN 和优化资产 | 🎓 |
| 129 | rel=canonical：终极指南 |
对规范网址是什么以及在何处使用它们进行了很好的描述。 | 🧐 |
| 130 | MDN 延迟加载 | 开始了解延迟加载工作原理的好地方。 | 🧐 |
| 131 | 面向初学者的 SEO 网站开发教程 | 关于 SEO 是什么以及如何实现 SEO 的精彩介绍。 | 🧐 |
| 132 | MOZ 页面速度 | 这显示了许多需要检查页面速度较慢的区域。 | 🧐 |
| 133 | 调试的艺术 | 深入探究网站调试过程和辅助工具。 | 🧐 |
数据库资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 134 | MongoDB 的 Mongoose 简介 | 本文详细解释了什么是 MongoDB 以及为什么使用 Mongoose 至关重要。 | 🧐 |
| 135 | Restful Routes，它们是什么？ | 直到读到这篇文章，我才完全理解 RESTful API 调用。 | 🧐 |
| 136 | HTTP 响应状态代码 | 代码 418 是最好的。;) | 🧐 |
| 137 | 护照 | 用于全栈用户身份验证的绝佳工具 | 🧰 |
MISC Web 开发资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 138 | 使用其他人编写的代码 | 关于如何探索新代码库的精彩提示。 | 🧐 |
| 139 | Markdown 表格生成器 | 这就是我制作这篇文章中的表格的方法；） | 🧰 |
| 140 | 笑话 | 用于测试驱动开发的行业测试框架之一。 | 🧰 |
| 141 | 电子邮件基金会 | 该框架使得编写响应式 HTML 电子邮件变得容易。 | 🧰 |
| 142 | Zurb 电子邮件基础课程 | 上述电子邮件框架的精彩课程。 | 🎓 |
| 143 | NPM dotenv | 该软件包可让您保护项目内的 API 密钥等敏感信息。 | 🧰 |
| 144 | 打字.io | 我在训练营之前用过这个来练习更快地输入代码。 | 🧰 |
| 145 | Google 地图平台文档 | 在项目中使用 Google 地图的 API 文档。 | 🧐 |
| 146 | 单点登录身份验证是什么？它如何工作？ | 这非常有助于我从高层次理解 SSO 的工作原理 | 🧐 |
| 147 | 子域名与子文件夹：哪个更有利于 SEO？为什么？ | 关于如何构建松散相关的网络内容的非常有趣的文章。 | 🧐 |
| 148 | favicon.io | 这是我最喜欢的 Favicon 生成器（浏览器选项卡中的小图标），并且具有出色的界面。 | 🧰 |
| 149 | Wes Bos Eslint 配置 | 下载 Wes Bos 用于检查其代码的设置。 | 🧐 |
| 150 | Emmet 备忘单 | 对多种语言中常见的 Emmet 命令的超级有用参考 | 🧐 |
| 151 | 学习 Jetbrains PHPStorm IDE | 这成为了我最喜欢的 IDE，并且我喜欢他们关于如何正确使用它的所有资源。 | 🧐 |
| 152 | 敏捷 Scrum 开发流程以及 UI/UX 设计如何融入其中 | 对于如何设置敏捷工作流程的非常好的概述。 | 🧐 |
职业资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 153 | 获得开发人员职位的黄金指南 | 一份关于如何准备招聘材料（如简历和面试）的精彩指南，并附有示例。 | 🧐 |
| 154 | 学习如何学习 | 迫不及待地想参加这个课程并学习如何成为一个更好的“学习者”。 | 🎓 |
| 155 | Glassdoor 常见面试问题 | 面试中可以问的 50 个问题清单 | 🧐 |
| 156 | 如何处理你不知道该怎么做的事情 | 这是我最喜欢的文章之一，我经常参考它来获得动力。 | 🧐 |
| 157 | 白板面试练习 | 进行白板面试的有用链接和指南。 | 🎓 |
| 158 | 如何：在 Google 工作——编程/工程面试示例 | 看到谷歌的面试水平非常有趣。 | 🧐 |
| 159 | jobscan.co | 优化求职信和简历的有用网站。 | 🧰 |
设计资源
| # | 标题 | 我的想法 | 类型 |
|---|---|---|---|
| 160 | 快速网站原型设计 | 学习如何快速模拟功能想法，这涵盖了如何做到这一点的许多重要领域。 | 🎓 |
| 161 | 树屋用户体验设计 | 本课程涵盖了许多重要的 UX 主题以及如何思考设计。 | 🎓 |
| 162 | 2020年Flux免费网页设计课程 | 最好的网页设计基础免费课程之一。 | 🎓 |
| 163 | 在 Figma 中构建：设计一个响应式网站 | 该视频深入介绍了 Figma 中自动布局的使用。 | 🧐 |
| 164 | 文件中：了解构建选择颜色和 OpenType | 还没有看过这个，但迫不及待地想看。 | 🧐 |
| 165 | 文件中：做出基于数据的设计决策 | 这是一个非常有趣的网络研讨会，探讨大品牌如何在设计或做出改变时考虑数据。 | 🧐 |
| 166 | 文件中：开发人员和设计师共同构建设计系统 | 又一个我迫不及待想看的。真正高效的团队在流程早期就能在设计和开发之间保持清晰的沟通。 | 🧐 |
| 167 | 在 Figma 中构建：设计响应式网站导航 | 其中有很多设计花絮和 Figma 技巧。 | 🧐 |
干得好，坚持到了最后！
这是一张快乐的舞蹈 Gif，庆祝您升级甜蜜技能！
使用photoshop和unsplash设计的缩略图
文章来源：https://dev.to/gedalyakrycer/165-developer-resources-i-discovered-in-2020-2021-6ma