从 YouTube 学习 Web 开发的频道列表

2020年5月，我第一次开始学习Web开发。一开始，我学习的是Angela Yu的Udemy课程。我觉得那门课程很棒，但时间很长，大约54个小时。如果你对Web开发一无所知，这门课程就非常适合你，因为她讲解得非常透彻。

但是，仅有那门课程是不够的，有些材料已经过时了，而且她只教用 Bootstrap 做样式，却跳过了 CSS 的基础知识。我通过这些 YouTube 频道了解了所有这些内容。

HTML CSS

• Kevin Powell → 这个频道涵盖了非常多的 CSS 基础知识，我从中学到了很多。我也在学习他的 CSS 最佳实践。
• 设计课程→ 重点讲解如何设计网站
• Web Dev Simplified → 非常适合初学者，因为它涵盖了基本内容
• Dev Ed → 有一些视频涵盖了 HTML 和 CSS 中的常见布局
• 网络忍者→ HTML CSS 速成课程

JavaScript

• Traversy Media → 除了 JavaScript 之外还有很多东西，比如 React
• Florin Pop → 查看高阶函数（例如 map、foreach、filter），还可以查看他使用 Vanilla Javascript 的项目
• codeSTACKr → 查看90 秒掌握 Javascript系列，其中也包含一些速成课程和一些基础知识，例如 async await、fetch api

React.js

• Traversy Media → 有一个 React 课程将于 2021 年初发布（非常推荐）
• Dev Ed → 关于高级 React 的精彩内容，例如 Context、Reducer
• 网络忍者→ 本频道也提供 React 课程
• James Q Quick → 如果您有兴趣，可以了解一些 Gatsby 课程，我个人选择 Next.js 而不是 Gatsby

Next.js

• Lee Robinson → 很好地解释了 Next.js，他实际上曾在 Vercel 工作过，他还开设了一门课程，名为“使用 Next.js 和 Firestore 的React 2025”。
• Ben Awad → 很棒的视频，但他使用了一些初学者不熟悉的技术栈，比如 Typescript 和 GraphQL

React 中的动画

• 错误的 Akram → GSAP、framer-motion 和其他一些库的许多资料
• Sam Selikoff → 关注 Framer Motion 和 Tailwindcss

其他资源

• Austin Shelby → 使用 Tailwindcss 解释设计模式
• Jason Lengstorf → 看看他 90 分钟的直播，涵盖了非常多的主题。另外，看看他的React-Query 视频：它在数据获取和缓存方面与 SWR 非常相似。
• Fireship → 10 分钟或 1 分钟内提供大量“快速课程”，让你了解另一个技术栈

我已完成的课程

该课程根据我完成的第一个课程进行排序：

1. 2020 年 Web 开发完整训练营→ 课程时长，内容丰富，部分内容已过时
2. 完整的 Node.js 开发人员→ 如果你有兴趣学习使用 MongoDB 的后端语言，强烈推荐
3. 用户体验设计基础 - Adob​​e XD UI UX 设计→ 学习如何使用 Adob​​e XD 的课程，我更喜欢 Figma，因为它是免费的
4. 学习 Figma - UI/UX 设计基础培训→ 非常好，有很多练习可以让你轻松掌握 Figma 的使用方法
5. 学习 UI 设计基础知识→ Scrimba 上免费，Gary Simon 创建的这门课程涵盖了 UI 设计基础知识
6. 2020 年完整的 Python 开发人员：从零到精通→ 非常好，从基础开始教你，然后涵盖使用 Beautiful Soup 实现自动化等主题
7. React Front to Back → Brad Traversy 的精彩课程，更像是使用 React Context 和 Redux 的实践项目

概括

学习 Web 开发可能会非常累，因为需要从最基础的 HTML、CSS、JS 等知识点开始学习，然后还要学习 Git 进行版本控制、前端框架、样式框架、后端服务以及数据库。不过，随着时间的推移，你最终会理解它。

但是，如果你喜欢做 Web 开发，观看这些视频会感觉很有趣，你每天都会学到新东西，并不断积累知识。此外，尝试不仅观看视频，还要跟着代码做你自己的项目。对我来说，这是最快的学习方式。

祝你好运！如果你需要个人推荐，请联系我，我很乐意帮助你！

专业提示：将播放速度改为 1.5 倍，可使您的工作效率提高 1.5 倍

您最喜欢从哪些 YouTube 频道学习？

最初发布在我的个人网站上，在我的网站上可以找到更多博客文章和代码片段库，以便于访问🚀