五年前，我连一个前端项目都搞不定。

我会看教学视频，觉得自己挺行的——直到我自己动手做某个东西。

一切都感觉好难，好像不可能，压得我喘不过气。

如今，我在 Palantir 担任资深前端工程师。

如果你知道学习前端开发不必感觉那么累，你觉得怎么样？

你不必觉得自己是所有人中那个最笨的。

在今天的通讯中，我将告诉你如何以偷懒的方式学习前端开发。

准备好了没？我们开始吧！

👉 学习如何成为高级前端工程师，不需要计算机科学学位或特别天赋

不管能否负担得起付费资源，这两种方法都会引领你走向成功之路。

（分隔线）

选项1：使用一个在线学习平台FrontendMasters的教程（7个步骤）

FrontendMasters 使前端开发变得容易。他们的老师真的很棒，课程简洁明了，直截了当。

如果你是拥有 GitHub 学生开发者优惠包 的学生，你可以免费使用 6 个月。否则就是每月 39 美元。

这里告诉你如何有效地使用它。

1. 先从免费的前端开发训练营开始。这门课程会教你基础知识。动手做项目，这对学习非常重要。

2. 完成 1-2 个初级级别的项目 在 FrontendMentor 网站上。如果遇到困难，可以求助于 Google、ChatGPT 或 Reddit（也可以发邮件给我！）。如果你觉得进展缓慢或艰难，这完全没有问题——这样你才能学到东西。

3. 学习《高级JavaScript》课程（JavaScript：难点详解v2）。这将帮助你理解高级概念并调试代码中的错误。

4. 在 FrontendMentor 网站上完成 1 到 3 个中级项目（见中级项目），重点关注那些需要 API 和异步操作的项目。

5. 学习 React 是个不错的选择。 可以从 FrontendMasters 上的任何 "React 完全入门" 课程开始学习。撰写时最新的课程是 React 完全入门, v8。

6. 在 FrontendMentor 上用 React 构建 1 到 3 个项目。用 React 重新构建你之前做的项目，来感受 React 的好处。

7. 加深你的 React 知识，

* 可以看看 [React 文档](https://react.dev)。

* 可以了解下 [中级 React, v5](https://frontendmasters.com/courses/intermediate-react-v5/)。

* 可以领取我的免费电子书《**101 个 React 技巧**》[这儿](https://www.frontendjoy.com/p/download-my-free-101-react-tips-tricks-book)。

* （额外推荐）我非常推荐这本《[高级 React](https://www.advanced-react.com/)》。

全屏查看，退出全屏

这里是一个分隔符，

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

如果你买不起付费资源，也别担心——你依然可以高效学习前端。

我给你推荐这个：

1. 参加这个免费的编程训练营 在 FrontendMasters 上。你可以边做项目边学习，这是非常重要的。

2. 在FrontendMentor上构建一两个初级项目。遇到困难是过程的一部分——可以使用Google、ChatGPT或向他人求助。

   你可以通过JavaScript.info全面掌握JavaScript，它是一个免费的资源。

3. 完成 1 到 3 个中级项目 在 FrontendMentor 网站上 (中级项目列表)。重点关注那些使用了 API 和异步任务的项目。

4. 学习 React 吧。 可以访问 React 快速入门指南。跟着指南一步步来就好。

5. 在 FrontendMentor 上完成 1 到 3 个 React 项目。用 React 重做你之前的 1 到 3 个项目，来巩固你在 React 中学到的知识。

6. 提升你的 React 技能

* 阅读 [React 文档](https://react.dev)。

* 下载我的免费电子书《101 个 React 小技巧》[这里](https://www.frontendjoy.com/p/download-my-free-101-react-tips-tricks-book)。

* (推荐) 我特别推荐这本书 [Advanced React](https://www.advanced-react.com/)。

进入全屏 退出全屏

要点

按照这些步骤，你不仅会在前端开发中游刃有余，同时也会更有信心去：

用谷歌搜索你不了解的东西。

• 利用AI工具来辅助写代码。

• 学习高级框架，比如 Next.js。

大多数的学习来自实践，所以不断构建，不断实验，最重要的是——坚持。

太好了，这就收工了 🎉

大家可以在下面留言 📩 分享一下你曾经犯过的错误（以及你是怎么克服的）。

别忘了给个"💖🦄🔥"。

如果你正在学习React，快来免费下载我的《101 React小技巧》吧！

如果你喜欢这样的文章，，关注我的免费的邮件列表FrontendJoy（前端乐趣）。
（删除了重复的逗号并加入中文解释以帮助理解）

如果你想每天获取小贴士，可以关注我的Twitter账号。