10 个学习基本前端开发的 YouTube 频道

已发表: 2021-01-14

现在学习编码比以往任何时候都容易。

您可以找到大量涵盖前端开发基础的免费教程。 真的可以归结为 3 种语言:HTML、CSS 和 JavaScript。

除了书面教程之外,您还可以在 YouTube 上找到许多免费的视频教程。 这些大多隐藏在您必须搜索才能找到的重要频道上。

我在下面列出的所有渠道都专注于开发,应该为您提供一个很好的起点。 它们都是完全免费的,并且涵盖了多种语言,有些甚至超出了前端主题,因此您可以成为全面的编码员。

开发提示

开发提示 YouTube

询问 Web 开发社区,您总是会看到 DevTips 频道的提及。

它包含了涵盖大量前端主题的冗长教程。 其中一些包括诸如 vanilla JS 或更新的 CSS3 属性之类的基础知识。

但其他教程涉及更高级的框架,如 Vue、React 和 Ember。

我强烈建议您订阅这里作为您 YouTube 冒险的第一站。 这些视频是一流的,如果你能找到你感兴趣的主题,值得一看。

LearnCode.academy

LearnCode 学院 YouTube

这是另一个教程频道,我真的认为它对前端编码人员的好处高于一切。

LearnCode.academy 有一些我见过的最高质量的视频,说明非常清楚。 他们在 JS 脚本和相关库方面做了很多工作,但也有很多关于管理 Web 开发设置的视频。

这包括 npm 和 Bower 等包管理教程,以及使用 Docker 和 AWS 等工具的面向服务器的主题。

所有很棒的东西,种类繁多的视频可以追溯到四年多以前。

LevelUpTuts

LevelUpTuts 频道

我非常喜欢循序渐进的教程,因为它们会准确地向您展示要做什么以及为什么要这样做。

这就是您可以在 LevelUpTuts 上找到的内容。 这是一个针对开发主题的免费频道,主要关注 Web 开发。

所有 LevelUpTuts YouTube 教程都是从头到尾的完整指南,它们将永远免费。

网络忍者

网络忍者

Net Ninja 是一个提供大量前端开发主题的大型频道。 它催生了一个分支网站,其中包含按主题组织的精选免费教程列表。

所有这些免费视频将终身免费,它们非常适合进入前端编码。

您可以从一个地方快速获取 TypeScript、Angular、Vue、ES6 和 Bootstrap。

这些视频质量也很高,叙述风格很好,所以你永远不会感到无聊。

Traversy 媒体(TechGuyWeb)

特拉弗西媒体 YouTube

Traversy Media YouTube 频道无疑是最适合开发人员的频道之一。

这些视频拥有超过 350,000 名订阅者,令人喜爱。 当然,他们确实涵盖了许多关于 PHP 和 Python 等语言的后端主题,所以它不仅仅是前端。

请记住,也有很多关于前端技术的可靠视频。 其中包括一些将前端 + 后端与 Angular 等框架合并的视频。

如果您想专业地进行 Web 开发工作,学习一些后端编码永远不会有坏处。

这就是为什么 Traversy Media 应该是任何人进入网络编码的必备渠道,无论技能水平如何。

代码课程

代码课程 youtube

Codecourse 频道拥有大量免费视频,就像此列表中提到的其他视频一样。

我喜欢 Codecourse 的地方在于他们如何通过他们的主站点资助视频。 这意味着您可以在 YouTube 上找到很多免费的东西,如果您愿意,可以选择升级。

我认为仅在 YouTube 上就有很多东西可以挖掘,所以这确实是最好的起点。

虽然如果您是编码这些视频的新手,可能会是一个挑战,因为这里提到了很多高级工具,例如 Git 和 Laravel。

韦斯·博斯

韦斯·博斯 YouTube

开发人员 Wes Bos 通过大量精彩的在线教程为自己树立了名声。

有些是免费的,有些是收费的,但即使是免费的也能提供大量的价值。

这正是您可以在他的 YouTube 频道上找到的内容,该频道为所有观众提供免费的前端编码视频。 真的,这些就像 99% 的所有前端代码。

但是通过这些视频,您将专注于 CSS 布局和 JS 操作技术。 这两个主题都非常值得掌握,并且总是有新功能发布。

我特别喜欢他关于 CSS Grid 属性的视频,因为该主题可以很快得到非常详细的信息。

学习网络代码

LearnWebCode 频道

如果您想要轻松的开发教程,这里非常简单的频道值得订阅。

LearnWebCode 专门讨论前端编码。 这包括一些详细的主题,例如 Git 项目管理和使用 canvas 元素自定义编码 SVG 对象。 但是很多tuts都是初级水平,这很好。

如果您正在寻找能够跟上开发领域不断变化的潮流的混合视频,那么您会非常喜欢这个频道。

非常适合所有背景的每个人,因为即使是专业开发人员也可能会偶然发现他们以前从未研究过的主题。

编码网络(加勒特爱)

阁楼爱 YT

Garrett Love 的 YouTube 频道“CodeTheWeb”规模虽小,但发展迅速。

您可以查看视频页面,了解他提供的内容以及您在这里可以期待的质量。

总的来说,我对这个页面非常满意,因为它太棒了。 它深入探讨了前端编码之外的主题,但也在 HTML/CSS/JS 方面进行了很多讨论。

此外,还有更长的教程(20-60 分钟)以及关于自由职业和登陆工作的更短的建议视频。

如果您想将编码作为您的职业,强烈建议您浏览此视频库。

好玩好玩的功能

FunFunFunction youtube

最后是我个人最喜欢的 144k 订阅者:Fun Fun Function。

您的频道主持人 Mattias Petter Johansson 从头开始​​发布有关 JavaScript 编码的详细视频。 这确实是一门完整的初学者课程,用于学习 JavaScript 到高级水平。 全部免费。

有关于单元测试和使用 TypeScript 练习的内容,以及更一般的初学者主题,如基本函数和变量范围。

你不会在这里找到很多 HTML/CSS tuts,但这对于任何尝试 Web 的 JavaScript 的人来说都是完美的。