自 2020 年开始编写代码以来，我遇到了许多有用的资源。
我曾经整顿了大部分资源，局部资源还在整顿中。心愿它们对你也有帮忙！
资源类型
🎓= 主题残缺课程
🧰= 使开发更轻松的工具
🧐= 主题上的单篇文章或视频
资源清单
• HTML
• CSS
• JavaScript
• React
• WordPress
• Git&CLI
• 资源托管
• 资源优化
• 数据库
• MISC Web 开发资源
• 职业资源
• 设计资源
HTML
| # | 题目 | 解释 | 类型 |
|---|---|---|---|
| 1 | Alt Text | 提供了代替文字的例子。 | 🧐 |
| 2 | HTML：<!DOCTYPE> 标记 | 对于初学 HTML 语法时特地有帮忙 | 🧐 |
| 3 | W3S HTML5 语义元素 | 很棒的简介，为什么所有都不应该放在外面<div>。 |
🧐 |
| 4 | MDN HTML 元素参考 | 筹备好进入下一个级别了吗？该指南在许多 HTML 元素中都有更深刻的介绍。 | 🧐 |
| 5 | HTML5 中的新构造元素 | 本指南的确帮忙我理解了诸如 <figure> 和<figcaption> |
🧐 |
| 6 | HTML5 元素周期表 | 我喜爱这种互动形式，但简化了这种学习因素的形式。 | 🧐 |
| 7 | script：异步，提早 | 这教会了我将 JS 加载到 html 文件中的不同办法，从而大大提高了性能。 | 🧐 |
| 8 | 学习 HTML 和 CSS | 加入了本课程，为训练营做筹备。HTML 的精彩介绍。 | 🎓 |
| 9 | 学习高级 HTML 和 CSS | 我真的很喜爱下面的初学者课程，并心愿加入这一课程。 | 🎓 |
| 10 | Derek Banas 教程 | 从技术上讲，不是 HTML，但能够必定地能够帮忙您高效地编写 HTML。期待观看本教程。 | 🧐 |
| 11 | metatags.io | 用于为多个社交媒体平台创立元标记的生成器之一。 | 🧰 |
| 12 | 链接和按钮的残缺指南 | 在这篇深刻的比拟文章中，应用正确的工具实现正确的工作从未如此显著。 | 🧐 |
| 13 | getwaves.io | 这个工具能够生成 svg 波，为页面局部创立蜿蜒的分隔！ | 🧰 |
返回清单列表 🔝
CSS
| # | 题目 | 解释 | 类型 |
|---|---|---|---|
| 14 | Bootstrap Documentation | 即便我不应用该框架，我也喜爱应用它们的文档来启发常见的 Web 组件。 | 🧐 |
| 15 | 无关 CSS 特殊性的细节 | CSS-Tricks 进行了具体的分类，并在开端提供了精美的图形示例。 | 🧐 |
| 16 | CSS 盒模型 | 盒模型如何工作的非常容易靠近的示例。 | 🧐 |
| 17 | 惊人的 CSS 动画的 12 个技巧 | 在创立酷炫的动画并确保它们表现出色的过程中，有很多好的技巧。 | 🧐 |
| 18 | CSS 布局和动画 | 还没吃完这个，然而等不及了。课程设计是一流的。 | 🎓 |
| 19 | 网络忍者 SASS 教程 | 对于 SASS 的第一门课程，至今仍不断参考。 | 🎓 |
| 20 | 在 20 分钟内学习 Sass | 这对于 SASS 是什么的第一个入门十分有用。 | 🎓 |
| 21 | BEM 和 SASS：完满匹配 | 介绍如何将 BEM 和 SASS 一起应用。 | 🧐 |
| 22 | getbem.com | 概述了风行命名约定的创建者。 | 🧐 |
| 23 | CSS 技巧 BEM 101 | 我喜爱本文提供的无关如何应用 BEM 的按钮示例。 | 🧐 |
| 24 | BEM 示例 | 对于 BEM 的这种解释的确很好，然而我尤其喜爱他们如何取得本文的简短和残缺版本。 | 🧐 |
| 25 | MDN display 文档 | 您可能想晓得的无关弱小 display 属性的所有信息。 | 🧐 |
| 26 | Calc()的几个用例 | calc() 是 CSS 中更弱小的性能之一，本文展现了一些很好的用例。 | 🧐 |
| 27 | Wes Bos cssgrid | 您不能无休止地争执，Wes Bos 是那里最好的倒退老师之一。 | 🎓 |
| 28 | Wes Bos Flexbox | 见上文，但这次是 Flexbox | 🎓 |
| 29 | CSSmatic | 弱小的 CSS 生成器汇合，可用于突变，边界半径，噪声纹理和框暗影。 | 🧰 |
| 30 | CSS 对于 position 的技巧 | 如果我只能拜访该 position 属性的一种资源，那就是它。 | 🧐 |
| 31 | Can I Use xxx? | 该站点使您晓得浏览器对其中每个属性的反对。 | 🧰 |
| 32 | yoksel Flex 备忘单 | 我喜爱这种布局及其能够直观地预览 flexbox 属性的形式。 | 🧐 |
| 33 | 您必须记住的 30 个 CSS 选择器 | 当我想进入 CSS 选择器的杂草时（对不起，BEM），这是我援用的文章。 | 🧐 |
| 34 | CSS Lint | 该工具将查看您的代码并突出显示任何谬误。 | 🧰 |
| 35 | 零碎字体堆栈 | 能够插入到我的项目中的预约义字体后备堆栈。 | 🧰 |
| 36 | Neumorphism.io | 该工具使元素看起来就像在页面外表之下。 | 🧰 |
| 37 | 高级 CSS 和 Sass：Flexbox，网格，动画等！ | 高级 css 和 scss 教程! | 🎓 |
| 38 | CSS 滚动暗影 | 此工具仅应用 CSS 即可生成基于滚动地位显示的暗影！ | 🧰 |
返回清单列表 🔝
JavaScript
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 39 | javascript.info | 这是 JS 的残缺且具体解释的概述之一。 | 🧐 |
| 40 | 代码丑化 | 在进入 ESlint 之前，我真的很喜爱这个工具，以确保我的 JS 都是犹太洁食的。 | 🧰 |
| 41 | 实在与虚伪：JavaScript 中的所有都不尽相同 | 对于所有可能将值视为 true 或 false 的实例，本文都是不错的参考。 | 🧐 |
| 42 | 事件循环到底是什么？ | 我还没有看过，然而很期待。 | 🧐 |
| 43 | JavaScript 循环 视频 | 观看一个视频以理解常见的 JS 循环。 | 🧐 |
| 44 | JavaScript 循环 文章 | 浏览一篇文章来了解常见的 JS 循环。 | 🧐 |
| 45 | Codecademy JS 速查表 | 完全免费，并且蕴含了一些常见的 JS 元素和概念。 | 🧐 |
| 46 | MDN js string | 我想晓得的所有对于字符串以及在何处应用它们的信息。 | 🧐 |
| 47 | JSON parse VS JSON Stringify | 这些 JSON 函数使我困惑不已。本文的确有助于解释这些差别。 | 🧐 |
| 48 | Google 托管库 jQuery | 珍藏链接。:)它始终具备最新的 jQuery CDN 脚本。 | 🧰 |
| 49 | 公开 API | 您能够在明天应用我的项目的公共 API 的好清单！ | 🧰 |
| 50 | Javascript 事件委托 | 对于事件是什么以及事件委托如何工作的杰出视觉出现。 | 🧐 |
| 51 | Var，Let 和 Const –有什么区别？ | 很好地介绍了不同的变量类型（以及为什么 var 是垃圾桶。） | 🧐 |
| 52 | 箭头函数和惯例函数之间的 5 个差别 | 我喜爱这如何揭发这两种函数类型的用法。 | 🧐 |
| 53 | JavaScript DOM 速学课 - 第 1 局部 | 摸索如何在 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 | validatejs.org | 杰出的工具，可用于注册和登录表单，以确保用户数据正确无误。 | 🧰 |
| 75 | 面向初学者的 HTML5 画布教程 | 作为一名设计师，这是我为之兴奋的机会。 | 🧐 |
返回清单列表 🔝
React
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 76 | react 备忘录 | 在常见的 React 模式和片段上疾速轻松地浏览备忘单。 | 🧰 |
| 77 | 如何应用 React.js 和 GraphQL 构建 Full Stack JavaScript 利用 | 过后的价格比 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 教程 | 将 React Router 导航的性能与 Bootstrap 的款式混合在一起。 | 🧰 |
| 85 | React SEO | 我真的很想学习这个软件包。它使您能够将 SEO 元标记增加到不同的“React 页面” | 🧰 |
| 86 | 应用 React.lazy 和 Suspense 进行代码拆分 | 这的确无效！在我的网站上施行后，我的绩效得分有所提高。 | 🧐 |
| 87 | 33 个验证示例 | 很棒的 React 表单验证和演示代码汇合。 | 🧐 |
| 88 | 37 ReactJS 基础知识 useRef Hook | 对于如何应用 React 钩子的有用视频 useRef。 | 🧐 |
| 89 | npm React 验证 | 弱小的软件包来设置表单验证。须要更深刻地钻研一天，以学习它能够做的所有事件。 | 🧰 |
| 90 | React 表单生成器 | 该软件包可让您构建自定义表单，并为您进行验证。 | 🧰 |
| 91 | 款式组件 | React 用户的最爱，使您能够创立专一于 CSS 的自定义组件。 | 🧰 |
| 92 | 应用自定义 React Hook 响应内联款式和媒体查问 | 本文帮忙我模拟了 JSX 环境中的响应式款式。 | 🧐 |
| 93 | React Bootstrap | 对于将 Bootstrap 与 React 联合应用的十分好的文档。 | 🧐 |
| 94 | Redux 应用 hooks | 应用 Redux 的古代 Hook 语法。这节俭了我很多工夫！ | 🧐 |
| 95 | 实际上，为什么我不能间接批改组件的状态？ | 这很好地解释了为什么必须应用 setState 更改类组件中的状态。 | 🧐 |
| 96 | React：组件之间的通信 | 深入研究 React 组件如何互相传递数据。 | 🧐 |
| 97 | 如何在 React 中辨认和解决节约的渲染 | 性能就是所有，这教会了如何正确应用渲染。 | 🧐 |
| 98 | components props | 对我而言，这是 React 文档中最外围且访问量最大的页面之一。 | 🧐 |
| 99 | 设置 Redux DevTools | Redux DevTools 对我来说并不是最简略的设置，然而这有助于很好地解释该过程。 | 🧐 |
| 100 | React Redux 繁难课程 | 尚未在 Redux 上观看过此入门课程，但听到了一些好消息。 | 🎓 |
| 101 | gatsbyjs | 非常高兴能很快应用此动态站点生成器。 | 🧰 |
| 102 | MERN react nodejs 全栈 | 购买了本课程，但尚未加入。涵盖了这么多内容，我很快乐能尽快这样做。 | 🎓 |
| 103 | React Native 实用指南 | 当初就开始学习，并酷爱它所波及的所有细节。 | 🎓 |
返回清单列表 🔝
WordPress
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 104 | 如何创立自定义 WordPress 主题 - 残缺课程 | WordPress 中自定义主题的精彩介绍。 | 🎓 |
| 105 | WordPress 根底 | 所有视频都很好地合成了。 | 🎓 |
| 106 | 实用于初学者的 WordPress | 对于 WordPress 根底的另一个很棒的播放列表。 | 🎓 |
| 107 | 创立一个高级 WordPress 主题 | 尚未加入，但此播放列表中有很多有用的视频主题。 | 🎓 |
| 108 | 自定义 WordPress | 对高级 WordPress 主题十分有用的播放列表。 | 🎓 |
| 109 | WordPress 中级技能 | 我喜爱这门课程也涵盖了应用服务器的常识。 | 🎓 |
| 110 | 如何应用 MAMP（Mac）在本机上安装 WordPress | 该视频教会了我如何在机器上本地应用 WordPress。 | 🧐 |
| 111 | wphierarchy.com | 该网站在解释 WordPress 中所有不同文件类型及其重要性级别方面做得十分杰出。 | 🧐 |
| 112 | 在 WordPress 中应用 CSS 和 JavaScript | 在 WordPress 中应用 CSS 和 JS 的文档。 | 🧐 |
返回清单列表 🔝
Git & CLI
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 113 | 比拟 Git 工作流 | 这对于了解每个团队须要有不同的 Git 工作流十分有帮忙。 | 🧐 |
| 114 | 命令行高级 | 等不及要成为本课程的真正终端巨匠。 | 🎓 |
| 115 | 学习 Git 分支 | 该交互式课程对了解分支的工作原理十分有帮忙。 | 🎓 |
| 116 | GITHUB PULL REQUEST，分支，合并和团队工作流程 | 无关在 Git 工作流程中与团队单干的外观的概述。 | 🧐 |
| 117 | 把握 markdown | 对于查看通用的 Markdown 语法和降级 Git README 来说，这是一个很好的资源 | 🧐 |
| 118 | add 和 commit 的区别 | 当我第一次开始应用 Git 进行版本控制时，此性能十分有用。 | 🧐 |
| 119 | 根本的 Git 命令 | 对于常见 git 命令的另一个很棒的备忘单。 | 🧐 |
| 120 | GitHub 指南 Hello World | 这篇十分用户敌对的指南开始应用 Github。 | 🧐 |
| 121 | Git 命令 | 常见 Git 命令的十分直观的办法。 | 🧐 |
| 122 | 短代码 Git 备忘单 | 可搜寻的备忘单 | 🧐 |
| 123 | 命令行命令列表 | Codecademy 在许多 CLI 终端命令上的超赞列表。 | 🧐 |
返回清单列表 🔝
资源托管
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 124 | Netlify 构建 | Netlify 令人敬畏的过程，一旦更新了特定的分支机构，就会触发构建到实时站点的过程。 | 🧰 |
| 125 | Netlify 教程 | 收费课程以应用 Netlify 托管来启动和运行 | 🎓 |
| 126 | 应用 Netlify 提交简略的分割表 | 对于如何将 Netlify 设置为邮件服务器的简略教程。 | 🧐 |
| 127 | PHPStorm FTP 服务器到近程主机的连贯 | 无关如何应用 PHPStorm 与 SFTP 或 FTP 连贯的教程。（与 VS Code 相比，这很令人高兴） | 🧐 |
返回清单列表 🔝
资源优化
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 128 | 前端 Web 优化工作流程 | 等不及要学习 CDN 和优化资产 | 🎓 |
| 129 | rel=canonical：最终指南 | 对于标准网址是什么以及在哪里应用它们的很好形容。 | 🧐 |
| 130 | 提早加载 MDN | 开始学习提早加载的工作原理的好中央。 | 🧐 |
| 131 | SEO Web 开发入门指南 | 对于什么是 SEO 以及如何应用 SEO 的精彩介绍。 | 🧐 |
| 132 | MOZ 页面加载速度检测 | 这显示了大量查看页面速度不佳的区域。 | 🧐 |
| 133 | 调试的艺术 | 深刻理解调试网站的过程和提供帮忙的工具。 | 🧐 |
返回清单列表 🔝
数据库
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 134 | MongoDB 的 Mongoose 简介 | 本文彻底解释了什么是 MongoDB 以及为什么必须将 Mongoose 与之一起应用。 | 🧐 |
| 135 | Restful Routes | 在浏览本文之前，我还没有齐全了解 RESTful API 调用。 | 🧐 |
| 136 | HTTP 响应状态码 | 代码 418 是最好的。;） | 🧐 |
| 137 | Passport | 用于全栈用户身份验证的杰出工具 | 🧰 |
返回清单列表 🔝
MISCWeb 开发资源
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 138 | 应用其他人编写的代码 | 如何摸索新代码库的精彩技巧。 | 🧐 |
| 139 | Markdown Table 生成器 | 这就是我在这篇文章中制作表格的形式;） | 🧰 |
| 140 | jest | 用于测试驱动开发的行业测试框架之一。 | 🧰 |
| 141 | 电子邮件根底 | 这个框架使响应式 HTML 电子邮件的编码变得容易。 | 🧰 |
| 142 | Zurb 电子邮件根底课程 | 以上电子邮件框架的绝佳课程。 | 🎓 |
| 143 | NPM Dotenv | 该软件包可让您爱护我的项目中的敏感信息（如 API 密钥）。 | 🧰 |
| 144 | typing 练字 | 我在进行训练营之前就应用了它，以便更快地练习键入代码。 | 🧰 |
| 145 | Google Maps Platform 文档 | 在我的项目中应用 Google Maps 的 Api 文档。 | 🧐 |
| 146 | 什么是单点登录身份验证以及如何工作？ | 这在帮忙我从高层次了解 SSO 的工作原理时十分有用 | 🧐 |
| 147 | 子域名与子文件夹：哪个更适宜 SEO | 对于如何构建涣散相干的 Web 内容的十分乏味的文章。 | 🧐 |
| 148 | [favicon.io]https://favicon.io/favicon-ge… | 这是我最喜爱的 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 工作 - 编码 / 工程面试范例 | 看到 Google 的采访程度十分乏味。 | 🧐 |
| 159 | Jobscan.co | 有用的网站，可优化求职信和简历。 | 🧰 |
返回清单列表 🔝
设计资源
| # | 题目 | 我的想法 | 类型 |
|---|---|---|---|
| 160 | 疾速网站原型制作 | 学习如何疾速模仿特色思维，这涵盖了许多重要的方面。 | 🎓 |
| 161 | 树屋 UX 设计 | 本课程涵盖了许多重要的 UX 主题以及如何通过设计进行思考。 | 🎓 |
| 162 | Flux 收费网页设计课程 2020 | Web 设计基础知识中最好的收费课程之一。 | 🎓 |
| 163 | 在 Figma 中进行构建：设计一个响应迅速的网站 | 该视频深刻介绍了在 Figma 中应用主动布局的办法。 | 🧐 |
| 164 | 查看建筑物抉择色彩和 OpenType | 还没看过这个，但等不及要看一看。 | 🧐 |
| 165 | 制订数据相干的设计决策 | 对于大型品牌在设计或更改时如何思考数据的如此乏味的网络研讨会。 | 🧐 |
| 166 | 开发人员和设计师，独特构建设计零碎 | 我等不及要看了。真正无效的团队会在流程的晚期阶段就设计与开发之间进行清晰的沟通。 | 🧐 |
| 167 | 在 Figma 中进行构建：设计响应式网站导航 | 有很多设计花絮和 Figma 技巧都反对到这个设计中。 | 🧐 |
结尾
局部连贯无法访问可分割我（可能须要一个收费的梯子）
更多问题欢送退出前端交换群交换 749539640