自 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