如何在 2022 年成为一名 Web 开发人员，教练 Gandalf 教你

在这篇博文中，我将讨论为什么不应该相信新年决心、动力是如何被高估的、帮助你在学习 Web 开发的道路上取得成功的工具，以及我所走的和推荐的（截至 2021 年 12 月）成为 Web 开发人员的道路。

我会向甘道夫教练询问他对不同话题的看法，他会在整个过程中向我们倾注他的智慧和直率。

新年决心的真相

🧑‍💻——嘿，甘道夫教练，你对新年决心有什么感觉？

🧙‍​​♂️ - 我亲爱的小家伙，我们大多数人都经历过这样的时刻：新的一年即将到来，我们觉得是时候戒掉一些坏习惯，开始养成新的习惯了，完美的身材和充裕的钱包指日可待。1月1日，我们开始做计划中的事情。一周后，我们开始找借口，解释为什么我们可以跳过几天（或者吃那个美味的蛋糕，或者买那个漂亮的机械键盘——我们的第三个）。两周后，我们发现自己又一次陷入了坏习惯，并告诉自己，这些习惯其实并没有那么糟糕。我们的动力在升空后的几分钟内就爆发了，就像火箭发射失败一样🚀💥。你不相信我？看看这篇文章，它解释了为什么只有9%的人能坚持一整年。

🧑‍💻 - 嗯……好吧，你不觉得这么说有点太直白了吗？我猜你是因为烟斗里的烟草用完了才发脾气的……

但是...动力！

🧑‍💻 - 我很有动力！但有时我感觉不太对劲……

🧙‍​​♂️ - 请允许我再次直言：动力被高估了。根据詹姆斯·克利尔（《原子习惯》的作者）在这篇文章中对动力机制的描述，动力通常是在开始新行为之后产生的，而不是之前。你不想做？你不想敲代码、不想学习 Udemy 课程、不想写博客文章（😉）？你猜怎么着：我们大多数人都有这种感觉。我们需要做的就是开始。我们可以对自己说：“我先做 10 分钟，然后就放弃了”。很有可能，我们会坚持超过 10 分钟，而当我们开始做那些不想做的事情时，动力就会开始增长。

不要关注目标，而要关注系统

🧑‍💻——教练，我喜欢设定目标！

🧙‍​​♂️ — 你知道吗，那些达成目标的人和那些没有达成目标的人，其实都有着相同的目标？（笑着吐出烟斗里的烟雾）我想我是詹姆斯·克利尔的粉丝，因为他又带着另一篇很棒的文章回来了：忘掉设定目标吧，专注于此。

目标可以指引方向，甚至在短期内推动你前进，但最终，一个设计良好的系统才能最终胜出。拥有一个系统至关重要。坚持这个过程才是关键所在。

🧙‍​​♂️ - 不要过多地考虑你的目标。相反，你应该将全部注意力集中在实现目标所需的日常任务上。我们的系统可以是一系列帮助我们学习编程的习惯。早起学习编程，每天花些时间写代码，养成习惯（源自“原子习惯”），停止在网上“兔子洞”搜索，限制社交网络的使用，规律运动，以及充足的睡眠来提升我们的认知耐力，这些只是我们可以做的一些例子。

🧙‍​​♂️——最终，学习编程并成为我们想成为的人，并不取决于新的一年的开始或一个雄心勃勃的目标。这取决于我们日复一日地做什么来支撑我们的身份：我们现在是一名程序员。

帮助我们保持一致性的工具

🧑‍💻——这看起来会很难……

🧙‍​​♂️ - 这段旅程不会轻松，也不会短暂。我可以保证，你会经历挣扎、不确定和绝望的时刻。但不要惊慌！并非所有徘徊的人都会迷失。以下是一些可以帮助你在这条道路上取得成功的工具：

• 🛠毅力：一种投入工作的坚定决心。能够坚韧不拔、勤奋努力。深刻地了解自己想要什么。（摘自《毅力》一书）

• 🛠成长型思维：你对自己的看法会深刻地影响你的人生方向。你拥有的只是成长的起点。成长型思维基于这样的信念：你的基本特质可以通过努力培养。（摘自《心态》一书）

• 🛠强大的身份认同和支撑该身份认同的习惯：习惯塑造你的身份认同，反之亦然。你想成为哪种人？程序员？程序员有哪些习惯？他们会沉迷于 Squid Game，还是学习 React 来构建应用程序？（摘自《原子习惯》一书）

• 🛠能够进行深度工作：能够在不受干扰的专注状态下开展活动，并将你的认知能力推向极限。（摘自《深度工作》一书）

🧙‍​​♂️ - 如果您想进一步了解这些工具，我想与您分享Brian Johnson撰写的四本书的摘要：

• 📓勇气
• 📓心态
• 📓原子习惯
• 📓深度工作

（当然，您可以在您最喜欢的书店找到所有这些书。）

Web开发路径

🧑‍💻 - 感谢 Gandalf 教练提供的实用建议。我的 Web 开发之旅应该从哪里开始呢？

🧙‍​​♂️ - 既然我们已经确定了如何提高学习 Web 开发的成功率，那么接下来就来谈谈我认为最好的学习路径。有很多工具和技术可供学习，你可以在这里查看一份路线图。我认为最好的选择是从前端开始，因为这条路径的学习曲线不那么陡峭（与 DevOps 或后端相比），而且工作需求量很大。

🧙‍​​♂️ -提醒一下：很多时候你会被免费资源吸引。一定要小心！很多免费资源并不像你需要的那样深入或全面。它们会在你的知识上留下空白，而你需要花时间去填补这些空白。我认为最好的方法是参加一门综合课程，即使你需要付费。我坚信 Udemy 是这方面的最佳选择。选择一个你感兴趣的主题，然后在 Udemy 上搜索相关的课程。阅读评论、评价和推荐。Udemy 经常有促销活动，所以你不应该花费超过 35 美元购买一门完整的课程（通常包含 45 小时以上的内容）。

🧙‍​​♂️ - 还有一件事：尽量不要跳来跳去。坚持学习你正在学习的技术和内容，直到课程或项目完成。这能防止你的知识出现断层，并帮助你避免陷入“教程地狱”。

第一步：Git

🧑‍💻 - 那么...第一步是什么？

🧙‍​​♂️ - 从Git开始，可以让你熟悉终端和软件的构建方式。你可以从第一天开始创建仓库，这会在你的 GitHub 个人资料上看起来很棒。它能让你追踪所有的代码和项目，我认为这是让你全面了解编程世界的绝佳方式。

步骤：

1. Udemy 课程：Git Complete：Git 的权威分步指南。从学习本课程开始您的 Git 之旅。您可以在学生（和专业人士）的后续学习过程中运用在这里学到的概念。

建造物品的重要性

🧙‍​​♂️ - 在你的学习过程中，你会忍不住想要尽快吸收知识，以实现你梦寐以求的目标：成为一名 Web 开发者。但请不要只停留在理论层面。一旦你开始学习 HTML 和 CSS（以及之后的 JavaScript 和 React），你就应该开始构建自己的项目。它们可以小（只是一个按钮），中（一个网站），也可以大（一个完整的 Web 应用程序）。不断构建、构建，然后再构建更多（并在 GitHub 上持续关注）。这样，你吸收的信息才能转化为实际的知识。

第二步：训练营（可选）

🧑‍💻 - 我应该参加训练营还是只关注每个主题？

🧙‍​​♂️ - 如果你时间充裕，并且有空闲时间，参加编程训练营可以让你掌握 Web 开发过程中涉及的所有技术。不过，你不会深入学习这些主题，这意味着你必须在训练营结束后再进行学习。大多数优秀的训练营课程都很长，需要你在有限的时间内学习许多不同的主题。

🧙‍​​♂️ - 选择训练营时，你主要有两种选择：线上或线下。通常情况下，线上训练营更便宜，但需要你投入更多精力才能完成。线下训练营价格更高，但更容易完成，因为你已经支付了高额费用，而且必须在特定的日期和时间前往特定的地点。线下训练营的另一个好处是，你实际上会遇到和你处境相同的人。

🧑‍💻 - 我同意。我实际上在 Udemy 上参加了一个训练营课程，我发现它对全面了解 Web 开发流程非常有用。我之前参加的训练营（2019-2020）有 405 节课，内容总时长为 47 小时。这相当于实际学习了将近 148 个小时（我用了一个时间追踪应用来衡量）。由于我一边工作一边学习，这 148 个小时分散在 5 到 6 个月的时间里。最初，我估计最多只用了一半的时间，所以要谨慎。

可选步骤：

• Udemy 课程：2022 年 Web 开发者训练营。这是我参加的训练营，强烈推荐。Colt 是一位很棒的老师，课程中有很多可以实践的项目。

或者

• Udemy 课程：2022 年 Web 开发完整训练营。我没有上过 Angela 的课程，但我看到很多人（不仅仅是在 Udemy 页面上）积极推荐。

无论你选择哪一个，都不会错。

第三步：HTML 和 CSS

🧑‍💻 - 好的，我现在了解 Git 了（也许我已经完成了 BootCamp）。下一步是什么？

🧙‍​​♂️ - 你仍然不知道自己不知道什么。你需要深入研究 HTML 和 CSS。在这一步中，你将学习 HTML 文档应具备的正确结构、可访问性 (WAI-ARIA)、应该使用和避免使用的新 HTML5 元素、如何设置 HTML 文档的样式、CSS 自定义属性、最佳实践、网格、弹性框等等。

🧙‍​​♂️ - 如果你之前参加过 BootCamp，很可能你没有深入学习过这些主题，所以这里我们将深入探讨这些概念。有很多资源可供选择学习 HTML 和 CSS，所以请做好功课，谨慎选择。我建议你选择好的教材，而不是只选择免费或流行的。

🧑‍💻 - 我同意你的观点，甘道夫。我记得在研究如何获得高质量的 HTML 和 CSS 教学资料时，我几乎陷入了“分析瘫痪”的阶段。最终我选择了一门免费课程、一本书和一门 Udemy 课程，我觉得这些资源是我能找到的最好的资源之一。

步骤：

1. freeCodeCamp：响应式网页设计认证。首先参加这个免费课程，这样你就可以对 HTML 和 CSS 有一个基本的了解。
2. 书籍：《学习网页设计：HTML、CSS、JavaScript 和 Web 图形初学者指南》（第五版）。完成 freeCodeCamp 课程后，不妨选择这本书。强烈推荐，因为它会教你一些重要的概念，例如互联网的工作原理、HTML、CSS、最佳实践、JavaScript 简介等等。
3. Udemy 课程：高级 CSS 和 SASS：Flexbox、Grid、动画等等！ 如果您有空闲时间并想深入研究 CSS 和 SASS，请在学习 freeCodeCamp 课程和学习网页设计书籍之后再参加本课程。

第四步：JavaScript

🧑‍💻 - 我现在知道如何构建代码仓库、创建 HTML 文档以及如何使用 CSS 来设置样式了。接下来该做什么？

🧙‍​​♂️ - 从这里开始，合理的预测是学习JavaScript。它是网站通用的编程语言，所有主流网络浏览器都支持它。这是你学习之旅的核心，也是你将来学习库和框架的垫脚石。你应该慢慢学习 JavaScript，避免在没有完全掌握 JavaScript 的情况下就贸然进入库或框架。

🧑‍💻 - 我完全同意！我现在正在专业地使用 React，但我发现自己一直在使用这个学习阶段学到的 JavaScript 代码和概念。

步骤：

1. freeCodeCamp：JavaScript 算法和数据结构认证。首先参加这门免费课程，这样你就可以对 JavaScript 有一个基本的了解。
2. Udemy 课程：2022 年 JavaScript 完整课程：从零开始到专家！ 完成 freeCodeCamp 的课程后，在 Udemy 上学习这门课程。这是我在 Udemy 上学习过的最好的课程，它不仅会深入讲解 JavaScript，还会讲解编程概念和最佳实践。这门课程不容错过！
3. 书籍：Eloquent JavaScript，第三版。您可以免费阅读本书的电子版，也可以从亚马逊购买纸质版。这是一本很棒的书，但对于初学者来说技术性略显不足。如果您还有空闲时间，可以读一读；如果您不想在这一部分花费更多时间，可以保留它，以后再阅读。本书涵盖的大部分概念在之前的 Udemy 课程中都有涉及。

第五步：反应

🧑‍💻——当尼奥说“我会功夫”时，我感觉自己就像他一样。

🧙‍​​♂️ - 很遗憾，你现在可能过于专注于通过吸收信息来学习。你现在应该做的是将这些知识付诸实践。这一步非常适合你。现在你将学习 JavaScript 的库和框架。你有很多库和框架可供选择，你应该根据你所在领域的使用情况来选择（快速搜索一下工作就能知道）。你可以选择的三个库和框架如下：

JavaScript 库：

• 反应

JavaScript 框架：

• Vue
• 角度

这可能有助于您了解他们在兴趣方面的比较情况：

来源。

🧙‍​​♂️ - 我建议选择 React，因为它在世界范围内被广泛使用，并且如果您感兴趣的话，您将来可以使用它来设计移动或桌面应用程序（使用 React Native）。

步骤：

1. freeCodeCamp：前端开发库认证。从学习这门 freeCodeCamp 课程开始，感受 React 的魅力。你将学习如何在现实世界中专业地构建 Web 应用程序。
2. Udemy 课程：React - 完整指南（包含 Hooks、React Router、Redux）。Maximilian 将深入讲解（并巩固）编程概念以及 React。这是一门非常优秀、与时俱进的课程，我强烈推荐。

第六步：工作准备

🧑‍💻 - 好的，我已经花了几个月的时间学习这些，并且自己（在 Google 的帮助下）构建了很多项目。下一步我该做什么？

🧙‍​​♂️ - 完成所有这些课程并构建一些自己的应用程序和项目后，你就可以开始申请前端开发工作了。现在你应该建立自己的作品集，撰写一份优秀的简历和领英个人资料，并复习迄今为止学到的最重要的概念。

🧙‍​​♂️ - 达到这一点的整个过程将花费您 6 个月到 1.5 年（或更长时间），具体取决于您以前的知识以及您对所呈现的概念的学习程度。

第七步：进入后端

🧙‍​​♂️ - 前端开发者之路远未结束，但现在你应该已经足够适应后端开发了。不过那是以后的故事了。

🧑‍💻 - 谢谢，甘道夫教练！真希望你是真的，这样我就能和你击掌了！

🧙‍​​♂️ - 记住：你是你故事里的英雄。问问自己：如果我身处这样的境地，英雄会怎么做？英雄会如何克服重重障碍，斩杀这些恶龙？

🗞️新闻通讯 - 如果您想了解我的最新文章和有趣的软件开发内容，请订阅我的新闻通讯。

🐦TWITTER——在Twitter上关注 我。