✨ 如何以懒惰的方式学习前端开发

5年前，我无法构建一个前端项目。

我会观看教程并感到自信 - 直到我尝试独立构建一些东西。

一切都感觉很难。不可能的。压倒性的。

快进到今天：我是 Palantir 的高级前端工程师。

如果我告诉你学习前端开发并不需要那么费力呢？

你不必觉得自己是世界上最愚蠢的人。

在今天的时事通讯中，我将向您展示如何学习前端开发懒惰的方式。

准备好了吗？让我们深入了解一下。

学习前端开发的两种懒惰方法

无论您能否负担得起付费资源，这两种方法都将引导您走向成功。

选项 1：使用 FrontendMasters（7 个步骤）

FrontendMasters 为我进行了前端开发点击。他们的老师很棒，课程简洁明了。

如果您是拥有 GitHub 学生开发者包的学生， 您可以免费获得 6 个月的时间。否则，价格为 39 美元/月。

以下是有效使用它的方法：

1. 从免费开始 前端开发训练营。本课程向您介绍基础知识。构建项目——这对于学习至关重要。

2. 在 FrontendMentor 上处理 1-2 个初级项目。如果您遇到困难，请用 Google 搜索、询问 ChatGPT 或在 Reddit 上获取帮助（或给我发电子邮件！）。如果感觉缓慢且痛苦也没关系——这就是你学习的方式。

3. 参加高级 JavaScript 课程（JavaScript：困难部分，v2）。这将帮助您理解高级概念并调试代码。

4. 在 FrontendMentor（中级项目列表）上构建 1-3 个中级项目。专注于需要 API 和异步操作的项目。

5. 学习 React。 从 FrontendMasters 上的任何“React 完整介绍”课程开始。在撰写本文时最新的是 React Complete Intro，v8。

6. 在 FrontendMentor 上使用 React 构建 1-3 个项目。使用 React 重建您之前的项目以了解其优势。

7. 加深你的 React 知识：

* Read the [React documentation](https://react.dev).

* Check out [Intermediate React, v5](https://frontendmasters.com/courses/intermediate-react-v5/).

* Grab my free e-book with **101 React Tips & Tricks** [here](https://www.frontendjoy.com/p/download-my-free-101-react-tips-tricks-book).

* (Bonus): I highly recommend the [Advanced React](https://www.advanced-react.com/) book.

选项 2：使用免费工具（7 个步骤）

如果你买不起付费资源，不用担心——你仍然可以高效地学习前端开发。

这是我的推荐：

1. 关注 FrontendMasters 上的免费 前端开发训练营。您需要创建一个帐户。边做边构建项目——这是学习的关键。

2. 在 FrontendMentor 上构建 1-2 个初级项目。挣扎是这个过程的一部分——Google、使用 ChatGPT 或寻求帮助。

3. 使用 JavaScript.info 掌握 JavaScript。这是一个全面的免费资源。

4. 在 FrontendMentor（中级项目列表）上构建 1-3 个中级项目。专注于涉及 API 和异步操作的项目。

5. 学习 React。前往 React 的快速入门并按照他们的教程进行操作。

6. 在 FrontendMentor 上构建 1-3 个 React 项目。使用 React 重建您之前的项目以巩固您所学到的知识。

7. 提升你的 React 知识：

* Read the [React documentation](https://react.dev).

* Check out [Intermediate React, v5](https://frontendmasters.com/courses/intermediate-react-v5/).

* Grab my free e-book with **101 React Tips & Tricks** [here](https://www.frontendjoy.com/p/download-my-free-101-react-tips-tricks-book).

* (Bonus): I highly recommend the [Advanced React](https://www.advanced-react.com/) book.

总结

按照以下步骤操作，您不仅可以轻松进行前端开发，而且有足够的信心：

• 谷歌你不知道的东西。

• 使用人工智能工具帮助编码。

• 处理 Next.js 等高级框架。

你的大部分学习都来自实践，所以继续构建，继续实验，最重要的是——继续前进。

？深思熟虑

这是一个包装？.

发表评论？分享您所犯的错误（以及您如何克服它）。

别忘了加上“???”。

如果您正在学习 React，请免费

下载我的 101 React Tips & Tricks 书。

如果您喜欢这样的文章，请加入我的免费时事通讯，FrontendJoy

。

如果您想要每日提示，请在 X/Twitter 上找到我。 <script> // Detect dark theme var iframe = document.getElementById('tweet-1859869939533816068-530'); if (document.body.className.includes('dark-theme')) { iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1859869939533816068&theme=dark" } </script>

以上是✨ 如何以懒惰的方式学习前端开发的详细内容。更多信息请关注PHP中文网其他相关文章！