您不能没有这些！

我最近在 YouTube 上看了一个视频，里面介绍了Web 开发者必备的网站和工具。点击此处观看视频。你也可以从这里获取免费的 PDF 版本。

是的，我想它们都是必备的。感谢JavaScript Mastery，这些网站是他作为开发者多年来积累的。它们很棒，而且免费！

以下是名字和链接，以及一些我的补充。尽情享用吧！

托管和部署

如果您想让全世界都能看到您的网站，您可以使用 Netlify 作为前端，使用 Heroku 作为后端。

1. Netlify
2. 赫罗库

我补充

1. Firebase
2. Github 页面

免版税图片和视频

由于网站不再基于文本，并且主要通过媒体吸引访问者，因此您可以免费使用这些媒体来丰富您的设计。

1. Unsplash
2. Pexels
3. 拉开
4. 科弗尔
5. 我添加了 Pixabay

图标和字体

要获得好看的字体和图标，请访问以下网站：

1. Flaticon
2. 动画图标
3. 字体真棒
4. 谷歌字体
5. 我添加了 Boxicons
6. 优雅字体的字体空间
7. 图标化

学习

要提高您的 Web 开发技能和知识，请查看以下内容：

1. 自由代码营
2. 奥丁计划
3. 内存开发

我补充

1. w3schools
2. MDN Web 文档
3. StackOverflow

模型工具

如果您想为未来的网站或当前项目绘制简单的组件，以便可以查看和感受它，请访问：

1. Figma
2. 齐柏林

自由职业

如果您对自己的技能充满信心并且想要获得客户，那就去这些自由职业网站从他们那里赚钱吧！

1. Upwork
2. Freelancer.com
3. Fiverr
4. 我添加了 FreeUp

项目设计理念

为了将您的设计提升到一个新的水平并为下一个项目获得灵感，请访问以下网站：

1. 艾沃德斯
2. 运球

我补充

1. CSS 设计奖
2. 一页纸的爱情
3. 固定无线接入

练习与算法

我明白了，没有重复就没有形成。想要练习和提高你的逻辑思维和解决问题的能力，通过这些网站不断成长，成为最好的自己？

1. LeetCode
2. 运动
3. 代码战争
4. 我添加了 Codingame

通用工具

你无法独自完成这一切。所以，以下这些工具或许能帮助你的 Web 开发之旅。

1. Emailjs.com
2. Caniuse.com
3. 图像压缩器
4. CSS技巧

额外的

1. CSS渐变
2. Clippy
3. 弹性盒青蛙
4. 网格花园
5. 斯库什
6. BlobMaker

另外，如果您想测试您网站的性能，以便为您的用户提供最佳体验，请查看WebDev。

就这些！欢迎在下方评论区留言，分享你认为可能对 Web 开发社区有所帮助的网站。

荣耀归于上帝！