五年前，我连一个前端项目都搞不定。
我会看教学视频，觉得自己挺行的——直到我自己动手做某个东西。
一切都感觉好难，好像不可能，压得我喘不过气。
如今，我在 Palantir 担任资深前端工程师。
如果你知道学习前端开发不必感觉那么累，你觉得怎么样？
你不必觉得自己是所有人中那个最笨的。
在今天的通讯中，我将告诉你如何以偷懒的方式学习前端开发。
准备好了没？我们开始吧！
👉 学习如何成为高级前端工程师，不需要计算机科学学位或特别天赋
偷懒学前端开发的两种方式
不管能否负担得起付费资源，这两种方法都会引领你走向成功之路。
选项1：使用一个在线学习平台FrontendMasters的教程（7个步骤）
FrontendMasters 使前端开发变得容易。他们的老师真的很棒，课程简洁明了，直截了当。
如果你是拥有 GitHub 学生开发者优惠包 的学生，你可以免费使用 6 个月。否则就是每月 39 美元。
这里告诉你如何有效地使用它。
-
先从免费的前端开发训练营开始。这门课程会教你基础知识。动手做项目，这对学习非常重要。
-
完成 1-2 个初级级别的项目 在 FrontendMentor 网站上。如果遇到困难，可以求助于 Google、ChatGPT 或 Reddit（也可以发邮件给我！）。如果你觉得进展缓慢或艰难，这完全没有问题——这样你才能学到东西。
-
学习《高级JavaScript》课程（JavaScript：难点详解v2）。这将帮助你理解高级概念并调试代码中的错误。
-
在 FrontendMentor 网站上完成 1 到 3 个中级项目（见中级项目），重点关注那些需要 API 和异步操作的项目。
-
学习 React 是个不错的选择。 可以从 FrontendMasters 上的任何 "React 完全入门" 课程开始学习。撰写时最新的课程是 React 完全入门, v8。
-
在 FrontendMentor 上用 React 构建 1 到 3 个项目。用 React 重新构建你之前做的项目，来感受 React 的好处。
- 加深你的 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 步骤
如果你买不起付费资源，也别担心——你依然可以高效学习前端。
我给你推荐这个：
-
参加这个免费的编程训练营 在 FrontendMasters 上。你可以边做项目边学习，这是非常重要的。
-
在FrontendMentor上构建一两个初级项目。遇到困难是过程的一部分——可以使用Google、ChatGPT或向他人求助。
你可以通过JavaScript.info全面掌握JavaScript，它是一个免费的资源。
-
完成 1 到 3 个中级项目 在 FrontendMentor 网站上 (中级项目列表)。重点关注那些使用了 API 和异步任务的项目。
-
学习 React 吧。 可以访问 React 快速入门指南。跟着指南一步步来就好。
-
在 FrontendMentor 上完成 1 到 3 个 React 项目。用 React 重做你之前的 1 到 3 个项目，来巩固你在 React 中学到的知识。
- 提升你的 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账号。