关于javascript:20202021年之间165开发资源整理

35次阅读

共计 7635 个字符，预计需要花费 20 分钟才能阅读完成。

自 2020 年开始编写代码以来，我遇到了许多有用的资源。

我曾经整顿了大部分资源，局部资源还在整顿中。心愿它们对你也有帮忙！

资源类型

🎓= 主题残缺课程
🧰= 使开发更轻松的工具
🧐= 主题上的单篇文章或视频

资源清单

• HTML

• CSS

• JavaScript

• React

• WordPress

• Git&CLI

• 资源托管

• 资源优化

• 数据库

• MISC Web 开发资源

• 职业资源

• 设计资源

HTML

#题目解释类型
1Alt Text提供了代替文字的例子。🧐
2HTML：<!DOCTYPE> 标记对于初学 HTML 语法时特地有帮忙🧐
3W3S HTML5 语义元素很棒的简介，为什么所有都不应该放在外面<div>。🧐
4MDN HTML 元素参考筹备好进入下一个级别了吗？该指南在许多 HTML 元素中都有更深刻的介绍。🧐
5HTML5 中的新构造元素本指南的确帮忙我理解了诸如 <figure> 和<figcaption>🧐
6HTML5 元素周期表我喜爱这种互动形式，但简化了这种学习因素的形式。🧐
7script：异步，提早这教会了我将 JS 加载到 html 文件中的不同办法，从而大大提高了性能。🧐
8学习 HTML 和 CSS加入了本课程，为训练营做筹备。HTML 的精彩介绍。🎓
9学习高级 HTML 和 CSS我真的很喜爱下面的初学者课程，并心愿加入这一课程。🎓
10Derek Banas 教程从技术上讲，不是 HTML，但能够必定地能够帮忙您高效地编写 HTML。期待观看本教程。🧐
11metatags.io用于为多个社交媒体平台创立元标记的生成器之一。🧰
12链接和按钮的残缺指南在这篇深刻的比拟文章中，应用正确的工具实现正确的工作从未如此显著。🧐
13getwaves.io这个工具能够生成 svg 波，为页面局部创立蜿蜒的分隔！🧰

返回清单列表 🔝

CSS

#题目解释类型
14Bootstrap Documentation即便我不应用该框架，我也喜爱应用它们的文档来启发常见的 Web 组件。🧐
15无关 CSS 特殊性的细节CSS-Tricks 进行了具体的分类，并在开端提供了精美的图形示例。🧐
16CSS 盒模型盒模型如何工作的非常容易靠近的示例。🧐
17惊人的 CSS 动画的 12 个技巧在创立酷炫的动画并确保它们表现出色的过程中，有很多好的技巧。🧐
18CSS 布局和动画还没吃完这个，然而等不及了。课程设计是一流的。🎓
19网络忍者 SASS 教程对于 SASS 的第一门课程，至今仍不断参考。🎓
20在 20 分钟内学习 Sass这对于 SASS 是什么的第一个入门十分有用。🎓
21BEM 和 SASS：完满匹配介绍如何将 BEM 和 SASS 一起应用。🧐
22getbem.com概述了风行命名约定的创建者。🧐
23CSS 技巧 BEM 101我喜爱本文提供的无关如何应用 BEM 的按钮示例。🧐
24BEM 示例对于 BEM 的这种解释的确很好，然而我尤其喜爱他们如何取得本文的简短和残缺版本。🧐
25MDN display 文档您可能想晓得的无关弱小 display 属性的所有信息。🧐
26Calc()的几个用例calc() 是 CSS 中更弱小的性能之一，本文展现了一些很好的用例。🧐
27Wes Bos cssgrid您不能无休止地争执，Wes Bos 是那里最好的倒退老师之一。🎓
28Wes Bos Flexbox见上文，但这次是 Flexbox🎓
29CSSmatic弱小的 CSS 生成器汇合，可用于突变，边界半径，噪声纹理和框暗影。🧰
30CSS 对于 position 的技巧如果我只能拜访该 position 属性的一种资源，那就是它。🧐
31Can I Use xxx?该站点使您晓得浏览器对其中每个属性的反对。🧰
32yoksel Flex 备忘单我喜爱这种布局及其能够直观地预览 flexbox 属性的形式。🧐
33您必须记住的 30 个 CSS 选择器当我想进入 CSS 选择器的杂草时（对不起，BEM），这是我援用的文章。🧐
34CSS Lint该工具将查看您的代码并突出显示任何谬误。🧰
35零碎字体堆栈能够插入到我的项目中的预约义字体后备堆栈。🧰
36Neumorphism.io该工具使元素看起来就像在页面外表之下。🧰
37高级 CSS 和 Sass：Flexbox，网格，动画等！高级 css 和 scss 教程!🎓
38CSS 滚动暗影此工具仅应用 CSS 即可生成基于滚动地位显示的暗影！🧰

返回清单列表 🔝

JavaScript

#题目我的想法类型
39javascript.info这是 JS 的残缺且具体解释的概述之一。🧐
40代码丑化在进入 ESlint 之前，我真的很喜爱这个工具，以确保我的 JS 都是犹太洁食的。🧰
41实在与虚伪：JavaScript 中的所有都不尽相同对于所有可能将值视为 true 或 false 的实例，本文都是不错的参考。🧐
42事件循环到底是什么？我还没有看过，然而很期待。🧐
43JavaScript 循环 视频观看一个视频以理解常见的 JS 循环。🧐
44JavaScript 循环 文章浏览一篇文章来了解常见的 JS 循环。🧐
45Codecademy JS 速查表完全免费，并且蕴含了一些常见的 JS 元素和概念。🧐
46MDN js string我想晓得的所有对于字符串以及在何处应用它们的信息。🧐
47JSON parse VS JSON Stringify 这些 JSON 函数使我困惑不已。本文的确有助于解释这些差别。🧐
48Google 托管库 jQuery珍藏链接。:)它始终具备最新的 jQuery CDN 脚本。🧰
49公开 API 您能够在明天应用我的项目的公共 API 的好清单！🧰
50Javascript 事件委托对于事件是什么以及事件委托如何工作的杰出视觉出现。🧐
51Var，Let 和 Const –有什么区别？很好地介绍了不同的变量类型（以及为什么 var 是垃圾桶。）🧐
52箭头函数和惯例函数之间的 5 个差别我喜爱这如何揭发这两种函数类型的用法。🧐
53JavaScript DOM 速学课 - 第 1 局部摸索如何在 DOM 中抉择要与 JS 一起应用的元素🎓
54JavaScript DOM 速学课 - 第 2 局部理解如何遍历 DOM 的基础知识。🎓
55JavaScript DOM 速学课 - 第 3 局部理解如何将附加事件附加到 DOM 元素。🎓
56JavaScript DOM 速学课 - 第 4 局部依据最初 3 个视频构建一个小我的项目。🎓
57DOM 简介这篇对于 DOM 的很棒的资源，这篇疾速的文章将使您入门并开始工作。🧐
58异步 Javascript直到现在我都没有为此增加书签。Net Ninja 提供的这门很棒的收费课程。🧐
59在线编码测验工具这个很棒的主题培训工具可让您练习 Javascript 技能。🧰
60什么是 JavaScript 中的事件冒泡？对于事件冒泡是什么以及如何利用它的另一个重要资源。🧐
61JavaScript 事件委托比您设想的要容易理解如何正确触发和收听事件。🧐
62哪个 HTML 元素是事件的指标？找出与哪个元素进行了交互。🧐
63理解 JavaScript 中的作用域喜爱这个网站的设计，它在解释范畴上做得很透彻。🧐
64用 JavaScript 编写函数的不同形式对于如何编写“函数申明”函数的疾速文章。🧐
65面向初学者的 JavaScript 图像滑块这教诲了如何应用 Vanilla JS 构建简略的图像滑块。🧐
66理解测试任何 JavaScript 应用程序的智能，高效办法我还没有选这门课，然而很期待它，因为这是一个十分重要的主题！🎓
67JavaScript 算法和数据结构巨匠班我不喜爱算法，所以这就是为什么我将这门课程加为书签！🧐
68AJAX 根底您想晓得的无关向 Web 服务器收回 AJAX 申请的所有信息。🎓
69如何应用 JavaScript 连贯到 API本文的确帮忙我理解了如何在我的项目中应用 API​​ 调用。🧐
70JSON 教程：应用 JavaScript 或 PHP 申请 API 数据看到 PHP 和 JavaScript 如何以不同形式解决 JSON 十分乏味。🧐
71 JavaScript Reduce 办法的根底这篇简短的文章十分杰出地合成了这种弱小的 JS 办法。🧐
72Axios 或 fetch（）：应该应用哪个？我偏向于接触 Axios，然而本文在解释这两者方面做得很好。🧐
73学习 JavaScript 入门我加入了这个 30 小时的课程，真是太神奇了。杰出地解释了基础知识。🎓
74validatejs.org杰出的工具，可用于注册和登录表单，以确保用户数据正确无误。🧰
75面向初学者的 HTML5 画布教程作为一名设计师，这是我为之兴奋的机会。🧐

返回清单列表 🔝

React

#题目我的想法类型
76react 备忘录在常见的 React 模式和片段上疾速轻松地浏览备忘单。🧰
77如何应用 React.js 和 GraphQL 构建 Full Stack JavaScript 利用过后的价格比 Udemy 少，但没有人像 Wes Bos 那样教书。心愿很快就能购买到这一台。🎓
78React 开发人员工具这使您能够间接在 Chrome DevTools 中查看道具，组件，渲染等🧰
79React 图标这是我最喜爱的图标包之一，因为它简直有每个次要的图标库。🧰
80React- 残缺指南（包含 Hooks，React Router，Redux）我最喜爱的课程之一，曾经使我为在 React 中编写代码做好了充沛的筹备。🎓
81useReducer Hook 的示例本文 / 视频突破了一个十分酷的陷阱，使您无需下载库即可取得“相似 Redux”的商店。🧐
82MDX 文档这种语法将 JSX 和 Markdown 联合在一起！🎓
83对设计师的 React 它提供了一些很棒的课程和初学者我的项目，以帮忙您开始应用 React。🎓
84React Router 教程将 React Router 导航的性能与 Bootstrap 的款式混合在一起。🧰
85 React SEO我真的很想学习这个软件包。它使您能够将 SEO 元标记增加到不同的“React 页面”🧰
86应用 React.lazy 和 Suspense 进行代码拆分这的确无效！在我的网站上施行后，我的绩效得分有所提高。🧐
8733 个验证示例很棒的 React 表单验证和演示代码汇合。🧐
8837 ReactJS 基础知识 useRef Hook对于如何应用 React 钩子的有用视频 useRef。🧐
89npm React 验证 弱小的软件包来设置表单验证。须要更深刻地钻研一天，以学习它能够做的所有事件。🧰
90React 表单生成器该软件包可让您构建自定义表单，并为您进行验证。🧰
91款式组件React 用户的最爱，使您能够创立专一于 CSS 的自定义组件。🧰
92应用自定义 React Hook 响应内联款式和媒体查问本文帮忙我模拟了 JSX 环境中的响应式款式。🧐
93React Bootstrap对于将 Bootstrap 与 React 联合应用的十分好的文档。🧐
94Redux 应用 hooks应用 Redux 的古代 Hook 语法。这节俭了我很多工夫！🧐
95实际上，为什么我不能间接批改组件的状态？这很好地解释了为什么必须应用 setState 更改类组件中的状态。🧐
96React：组件之间的通信深入研究 React 组件如何互相传递数据。🧐
97如何在 React 中辨认和解决节约的渲染性能就是所有，这教会了如何正确应用渲染。🧐
98components props对我而言，这是 React 文档中最外围且访问量最大的页面之一。🧐
99设置 Redux DevToolsRedux DevTools 对我来说并不是最简略的设置，然而这有助于很好地解释该过程。🧐
100React Redux 繁难课程尚未在 Redux 上观看过此入门课程，但听到了一些好消息。🎓
101gatsbyjs非常高兴能很快应用此动态站点生成器。🧰
102MERN react nodejs 全栈购买了本课程，但尚未加入。涵盖了这么多内容，我很快乐能尽快这样做。🎓
103React Native 实用指南当初就开始学习，并酷爱它所波及的所有细节。🎓

返回清单列表 🔝

WordPress

#题目我的想法类型
104如何创立自定义 WordPress 主题 - 残缺课程WordPress 中自定义主题的精彩介绍。🎓
105WordPress 根底所有视频都很好地合成了。🎓
106实用于初学者的 WordPress对于 WordPress 根底的另一个很棒的播放列表。🎓
107创立一个高级 WordPress 主题尚未加入，但此播放列表中有很多有用的视频主题。🎓
108自定义 WordPress对高级 WordPress 主题十分有用的播放列表。🎓
109WordPress 中级技能我喜爱这门课程也涵盖了应用服务器的常识。🎓
110如何应用 MAMP（Mac）在本机上安装 WordPress该视频教会了我如何在机器上本地应用 WordPress。🧐
111wphierarchy.com该网站在解释 WordPress 中所有不同文件类型及其重要性级别方面做得十分杰出。🧐
112在 WordPress 中应用 CSS 和 JavaScript在 WordPress 中应用 CSS 和 JS 的文档。🧐

返回清单列表 🔝

Git & CLI

#题目我的想法类型
113比拟 Git 工作流这对于了解每个团队须要有不同的 Git 工作流十分有帮忙。🧐
114命令行高级等不及要成为本课程的真正终端巨匠。🎓
115学习 Git 分支该交互式课程对了解分支的工作原理十分有帮忙。🎓
116GITHUB PULL REQUEST，分支，合并和团队工作流程无关在 Git 工作流程中与团队单干的外观的概述。🧐
117把握 markdown对于查看通用的 Markdown 语法和降级 Git README 来说，这是一个很好的资源🧐
118add 和 commit 的区别当我第一次开始应用 Git 进行版本控制时，此性能十分有用。🧐
119根本的 Git 命令对于常见 git 命令的另一个很棒的备忘单。🧐
120GitHub 指南 Hello World这篇十分用户敌对的指南开始应用 Github。🧐
121Git 命令常见 Git 命令的十分直观的办法。🧐
122短代码 Git 备忘单可搜寻的备忘单🧐
123命令行命令列表Codecademy 在许多 CLI 终端命令上的超赞列表。🧐

返回清单列表 🔝

资源托管

#题目我的想法类型
124Netlify 构建Netlify 令人敬畏的过程，一旦更新了特定的分支机构，就会触发构建到实时站点的过程。🧰
125Netlify 教程收费课程以应用 Netlify 托管来启动和运行🎓
126应用 Netlify 提交简略的分割表对于如何将 Netlify 设置为邮件服务器的简略教程。🧐
127PHPStorm FTP 服务器到近程主机的连贯无关如何应用 PHPStorm 与 SFTP 或 FTP 连贯的教程。（与 VS Code 相比，这很令人高兴）🧐

返回清单列表 🔝

资源优化

#题目我的想法类型
128前端 Web 优化工作流程等不及要学习 CDN 和优化资产🎓
129rel=canonical：最终指南对于标准网址是什么以及在哪里应用它们的很好形容。🧐
130提早加载 MDN开始学习提早加载的工作原理的好中央。🧐
131SEO Web 开发入门指南对于什么是 SEO 以及如何应用 SEO 的精彩介绍。🧐
132MOZ 页面加载速度检测这显示了大量查看页面速度不佳的区域。🧐
133调试的艺术深刻理解调试网站的过程和提供帮忙的工具。🧐

返回清单列表 🔝

数据库

#题目我的想法类型
134MongoDB 的 Mongoose 简介本文彻底解释了什么是 MongoDB 以及为什么必须将 Mongoose 与之一起应用。🧐
135Restful Routes在浏览本文之前，我还没有齐全了解 RESTful API 调用。🧐
136HTTP 响应状态码代码 418 是最好的。;）🧐
137Passport用于全栈用户身份验证的杰出工具🧰

返回清单列表 🔝

MISCWeb 开发资源

#题目我的想法类型
138应用其他人编写的代码如何摸索新代码库的精彩技巧。🧐
139Markdown Table 生成器这就是我在这篇文章中制作表格的形式;）🧰
140jest用于测试驱动开发的行业测试框架之一。🧰
141电子邮件根底这个框架使响应式 HTML 电子邮件的编码变得容易。🧰
142Zurb 电子邮件根底课程以上电子邮件框架的绝佳课程。🎓
143NPM Dotenv 该软件包可让您爱护我的项目中的敏感信息（如 API 密钥）。🧰
144typing 练字我在进行训练营之前就应用了它，以便更快地练习键入代码。🧰
145Google Maps Platform 文档在我的项目中应用 Google Maps 的 Api 文档。🧐
146什么是单点登录身份验证以及如何工作？这在帮忙我从高层次了解 SSO 的工作原理时十分有用🧐
147子域名与子文件夹：哪个更适宜 SEO对于如何构建涣散相干的 Web 内容的十分乏味的文章。🧐
148[favicon.io]https://favicon.io/favicon-ge…这是我最喜爱的 Favicon 生成器（浏览器选项卡中的小图标），并且具备杰出的界面。🧰
149Wes Bos Eslint 配置下载 Wes Bos 用于整顿他的代码的设置。🧐
150Emmet 备忘单对多种语言的罕用 Emmet 命令的超级有用参考🧐
151理解 Jetbrains PHPStorm IDE这成为了我最喜爱的 IDE，并且酷爱他们所有的资源，以理解如何正确应用它。🧐
152麻利 Scrum 开发过程以及 UI / UX 设计如何适应很好地概述了如何设置麻利工作流。🧐

返回清单列表 🔝

职业资源

#题目我的想法类型
153开发人员的黄金指南对于筹备招聘资料的令人难以置信的指南，例如简历简历和面试实例。🧐
154学习如何学习等不及要学习这一点，学习如何做一个更好的“学习者”。🎓
155Glassdoor 常见面试问题面试中能够问到的 50 个问题清单🧐
156如何解决您不晓得该怎么办的事件这是我最喜爱的文章之一，出于动机我常常回头参考。🧐
157白板面试实际有用的链接和进行白板面试的指南。🎓
158在 Google 工作 - 编码 / 工程面试范例看到 Google 的采访程度十分乏味。🧐
159Jobscan.co有用的网站，可优化求职信和简历。🧰

返回清单列表 🔝

设计资源

#题目我的想法类型
160疾速网站原型制作学习如何疾速模仿特色思维，这涵盖了许多重要的方面。🎓
161树屋 UX 设计本课程涵盖了许多重要的 UX 主题以及如何通过设计进行思考。🎓
162Flux 收费网页设计课程 2020Web 设计基础知识中最好的收费课程之一。🎓
163在 Figma 中进行构建：设计一个响应迅速的网站该视频深刻介绍了在 Figma 中应用主动布局的办法。🧐
164查看建筑物抉择色彩和 OpenType还没看过这个，但等不及要看一看。🧐
165制订数据相干的设计决策对于大型品牌在设计或更改时如何思考数据的如此乏味的网络研讨会。🧐
166开发人员和设计师，独特构建设计零碎我等不及要看了。真正无效的团队会在流程的晚期阶段就设计与开发之间进行清晰的沟通。🧐
167 在 Figma 中进行构建：设计响应式网站导航有很多设计花絮和 Figma 技巧都反对到这个设计中。🧐

结尾

局部连贯无法访问可分割我（可能须要一个收费的梯子）
更多问题欢送退出前端交换群交换 749539640

正文完
javascript
发表至： javascript
2021-05-17
 0
前端小姿势
关于javascript:实现SLIC算法生成像素画
关于javascript:Smartbi掌握这四个思维方法数据运营从入门到精通
关于javascript:ClickHouse-源码阅读-SQL的前世今生