✨ 如何以懒惰的方式学习前端开发
- Susan Sarandon原创
- 2024-11-27 21:52:15835浏览
5年前，我无法构建一个前端项目。
我会观看教程并感到自信 - 直到我尝试独立构建一些东西。
一切都感觉很难。不可能的。压倒性的。
快进到今天：我是 Palantir 的高级前端工程师。
如果我告诉你学习前端开发并不需要那么费力呢？
你不必觉得自己是世界上最愚蠢的人。
在今天的时事通讯中，我将向您展示如何学习前端开发懒惰的方式。
准备好了吗？让我们深入了解一下。
学习前端开发的两种懒惰方法
无论您能否负担得起付费资源，这两种方法都将引导您走向成功。
选项 1：使用 FrontendMasters（7 个步骤）
FrontendMasters 为我进行了前端开发点击。他们的老师很棒，课程简洁明了。
如果您是拥有 GitHub 学生开发者包的学生， 您可以免费获得 6 个月的时间。否则，价格为 39 美元/月。
以下是有效使用它的方法：
从免费开始 前端开发训练营。本课程向您介绍基础知识。构建项目——这对于学习至关重要。
在 FrontendMentor 上处理 1-2 个初级项目。如果您遇到困难，请用 Google 搜索、询问 ChatGPT 或在 Reddit 上获取帮助（或给我发电子邮件！）。如果感觉缓慢且痛苦也没关系——这就是你学习的方式。
参加高级 JavaScript 课程（JavaScript：困难部分，v2）。这将帮助您理解高级概念并调试代码。
在 FrontendMentor（中级项目列表）上构建 1-3 个中级项目。专注于需要 API 和异步操作的项目。
学习 React。 从 FrontendMasters 上的任何“React 完整介绍”课程开始。在撰写本文时最新的是 React Complete Intro，v8。
在 FrontendMentor 上使用 React 构建 1-3 个项目。使用 React 重建您之前的项目以了解其优势。
加深你的 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 个步骤）
如果你买不起付费资源，不用担心——你仍然可以高效地学习前端开发。
这是我的推荐：
关注 FrontendMasters 上的免费 前端开发训练营。您需要创建一个帐户。边做边构建项目——这是学习的关键。
在 FrontendMentor 上构建 1-2 个初级项目。挣扎是这个过程的一部分——Google、使用 ChatGPT 或寻求帮助。
使用 JavaScript.info 掌握 JavaScript。这是一个全面的免费资源。
在 FrontendMentor（中级项目列表）上构建 1-3 个中级项目。专注于涉及 API 和异步操作的项目。
学习 React。前往 React 的快速入门并按照他们的教程进行操作。
在 FrontendMentor 上构建 1-3 个 React 项目。使用 React 重建您之前的项目以巩固您所学到的知识。
提升你的 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中文网其他相关文章！