✨ 如何懒惰地学习前端开发

2025-06-07

✨ 如何懒惰地学习前端开发

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 完整入门,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.
Enter fullscreen mode Exit fullscreen mode

分区分隔符

选项 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).

* Download 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.
Enter fullscreen mode Exit fullscreen mode

分区分隔符

概括

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

  • 用 Google 查找你不知道的东西。

  • 使用AI工具来帮助编码。

  • 解决 Next.js 等高级框架。

您的大部分学习都来自实践,因此请继续构建、继续实验,最重要的是继续前进。

分区分隔符

💡 值得深思

分区分隔符

就这样结束了🎉。

留下评论📩分享你犯的一个错误(以及如何克服它)。

并且别忘了说一声“💖🦄🔥”。

如果您正在学习 React,免费下载我的《101 React 技巧与窍门》一书

如果您喜欢此类文章,请加入我的免费时事通讯FrontendJoy

如果您需要每日提示,请在X/Twitter上找到我。

文章来源:https://dev.to/_ndeyefatoudiop/how-to-study-frontend-development-the-lazy-way-7pl
PREV
没人想雇你。现在怎么办?
NEXT
如何提升你的前端技能