19 个小步骤，让你从零编程经验晋升为 Web 开发人员

YouTube | Twitter | Instagram

你想成为一名 Python 开发人员吗？那就看看这篇文章吧！

有时候真的很难知道从哪里开始。你决定成为一名 Web 开发者，然后随便在 Google 上搜索了一下，突然间你得到了一大堆信息，却找不到真正的方向。

所以，这里有19个步骤，让你无需任何编程知识或认证就能获得第一份Web开发工作。当然，这不是唯一的途径，但它对我和我认识的很多人来说都很有效。而且，你知道，这很有趣！

如果您更愿意以 Twitter 线程的形式阅读这些步骤（我知道我会笑），请点击此处。

步骤 1. 找到你喜欢的文本编辑器

我知道你想直接开始写代码，但你首先得知道代码该放在哪里！拥有一个优秀的文本编辑器，能够在输入时提供高亮和建议，这会让一切变得至关重要。我一开始只使用默认的文本编辑器，它们确实能用，但当我开始使用像 VSCode 这样的真正的代码编辑器时，我感觉更有动力，更有方向感。

VSCode是业界最受欢迎的工具，也非常适合初学者。快来下载吧！

第 2 步：学习 HTML

HTML 是了解网站和 Web 应用运作方式的基础知识。我认为掌握丰富的 HTML 知识非常重要，你可以从这门很棒的免费 Codecademy 课程中学习。

步骤3：学习CSS

你可能要花好几年时间学习 CSS，而且大多数 Web 开发者每天都在学习和发现新东西。现在，你需要学习如何连接样式表（我之前经常因为忘记连接 CSS 而遇到很多问题），并掌握一些基本的样式设置。

所以，去看看另一个免费的Codecademy课程吧！（我发誓我不是故意要宣传它们，它们真的太棒了。）

步骤4：构建！

现在您已经了解了足够的知识来构建一些东西...那么就构建一些东西吧！

你可能仍然觉得自己一无所知，所以请随意上网搜索，想学什么就学什么。我们都是这样。即使你上了年纪，你也会每天上网搜索。

如果您没有主意，Geeks for Geeks 有一些很棒的想法。

第五步：学习一些 Javascript！

您知道如何让您的网站看起来像某种东西，所以现在是时候学习如何让它做一些事情了。

我强烈建议你在尝试在你的网站上实现 JavaScript 之前，先在线学习一下 JavaScript 的基础知识。猜猜怎么着？又到了学习 Codecademy 课程的时间了！

步骤 6：让你的 JavaScript 在你的网站上做一些有趣的事情

最好的学习方法是构思你希望网站实现的功能，然后付诸实践。你想在点击某个东西时显示一个表情包，让一只乌龟慢慢跟随你的鼠标移动，随机改变背景颜色吗？你都能做到！有时候，当你实在想不出好点子时，最好的办法就是想一个最蠢的点子，然后直接实现它。

或者你也可以看看我的其他文章来找点灵感。我有一个“通过项目找工作”系列，涵盖了一些基础有趣的项目，其中50% 是用 HTML、CSS 和 JavaScript 编写的！这些项目都是一些简单的框架，旨在让你轻松构思并在此基础上添加自己的想法。

步骤 7：试用开发者工具

开发工具对于调试代码是必需的。

您可以在任何浏览器中打开开发者工具，它可以让您探索 DOM、编辑 CSS、查看控制台等等。右键单击，然后点击“检查”。

探索一下这些开发工具，弄清楚它们的作用，用它们修改政府网站上的文字，假装自己被黑了。它们看起来有点像这样：

步骤 8：学习响应式网页设计

您的网站看起来很酷，而且功能也很酷，所以现在是时候让它在每台设备上运行了。

这是另一个 Codecademy 课程（你无法打败他们。）

步骤 9：熟悉命令行

如果您还没有使用终端（MacOS）/ Cmd（Windows）应用程序，现在是时候了！

命令行只是导航和操作文件的另一种方式，没什么好怕的。它也非常重要——你需要它来开始使用优秀的 JavaScript 框架，当你成为开发者时，你也会用它来安装库并运行你的代码！从这里开始。

步骤 10：在 GitHub 上获取你的第一个网站（HTML、CSS、Javascript）

现在你已经搭建了一个外观炫酷、功能强大、响应迅速的网站，并且学会了如何使用命令行。是时候学习 git 了！

Git 是一款可在计算机上本地使用的版本控制工具。Github 提供出色的 GUI 来管理此版本控制工具，并可与其他开发人员和雇主共享代码。

在这里了解如何开始使用 git 和 GitHub（这次不是 Codecademy！）

步骤 11：JavaScript 必须成为你的新朋友

在现代世界中，许多 Web 开发人员使用 Javascript 框架来构建网站，这已成为获得一份好的 Web 开发人员工作的必需品。

然而，在开始学习这些之前，务必真正熟练掌握 JavaScript。你不需要了解所有那些古怪的行为，但你必须非常熟悉基础知识。你可以参考一些教程，但最好的办法就是一步一步来！

第 12 步：了解什么是 JavaScript 框架

React、Vue 和 Angular 等热门 JavaScript 框架都有其存在的理由。暂时放下你的文本编辑器，来了解一下它们的作用吧。还可以了解更多关于 DOM 的知识！从这里开始。

步骤 13：使用 Angular 或 React 构建你的第一个应用

Angular 和 React 比 Vue 更受雇主青睐，所以我建议学习其中之一。我个人更喜欢 React 及其周边社区，但你可以参考第 12 步学到的知识，选择一个你喜欢的！

按照快速入门教程开始使用。官方文档中有一个很棒的 React 教程。

步骤 14：了解所选框架的基础知识

最好的办法是什么？开发一个待办事项应用。

Brad Traversy 在他的 YouTube 页面上有一个非常精彩的 React 速成课程 -快去看看吧。

第 15 步：玩玩你的新玩具

所有这些新知识蕴藏着无限可能。好吧，也许并非无限，这取决于你对“无限”的定义……但这更像是一个哲学问题。所以，继续构建、构建、再构建吧。如果你遇到困难，就继续在网上搜索。

这里有一些不错的入门想法。记住，如果你要按照教程或在网上找到的基础项目来做，那就在此基础上构建你自己的东西。我一直这么说，而且确实有效。

步骤 16：部署某些东西 - 任何东西！

当你对自己的作品满意时，就把它发布到网上，让所有人都能看到。这样你就可以向雇主炫耀，他们也能快速浏览。他们浏览你的简历不会超过两分钟，所以把作品发布到网上至关重要。

我推荐使用Netlify进行部署。它让事情变得非常简单，每次你把新内容推送到 GitHub 上的特定分支时，它都会自动为你部署！

第 17 步：您已准备好开始申请工作

一旦您拥有一个包含几个项目并在域上部署了某些内容的 Github，您就可以开始申请工作了。

即使你觉得自己完全不够格，也要努力争取！你错过的机会100%都会被错过，而且你也会开始学习在简历上展示什么，以及面试时会被问到什么。

步骤 18：练习编码面试

好吧，我跟你说实话。说实话，没人喜欢编程面试，我也没认识哪个人擅长编程，但不管怎样，我们还是得做。

编程面试会问你数据结构和算法的问题，所以要学习一些这方面的内容，并在纸笔上练习解题，或者最好在白板上练习。Leetcode 是一个很好的练习平台。

第 19 步：继续建设，继续学习

每位开发者每天都在学习。你不可能无所不知。我们都是从一个地方开始的，起步阶段也曾经历过不少困难。继续构建新项目，尝试新事物。但记得在需要的时候休息一下！

成为 Web 开发者还有很多其他途径，比如在不了解任何框架的情况下精通 HTML、CSS 或 JavaScript，或者在大学或训练营获得认证。但如果你想自学，这 19 个步骤是最好、最简单的，而且有效。

祝我的书呆子朋友们好运！