全栈开发者系列 - 2021 年及以后的编程学习

欢迎来到我的免费编程学习系列。通过这个免费系列，你将从零经验开始，逐步部署你的第一个全栈 Web 应用。在此过程中，我将教你 2021 年及以后所需的 Web 开发基本概念。

请使用主题标签#fullstackroadmap 分享此系列并帮助我传播！

我们正在建造什么？

更新（2021年3月23日）：最初创建这个系列时，我曾计划创建一个个人博客和内容管理系统，但后来意识到这太无聊了。因此，我们将构建一个集成 Stripe 的电商应用程序。

完成本课程后，您将拥有一个功能齐全的应用程序，可以在其上销售真实产品。

不，它不会像 Shopify 或 WooCommerce 那样好。这些解决方案之所以占据市场主导地位是有原因的——它们拥有一支开发团队，并且多年来一直在不断改进。

虽然我们的解决方案不会改变世界，但构建电子商务网站是学习全栈 Web 开发所有概念的最佳方式之一，并且如果您感兴趣的话，它足以让您销售自己的产品或课程！

我将在哪里更新本课程

本系列的所有更新都将在我的 Github 存储库上进行。

如果你还没有Github 账户，那就赶紧创建一个吧。你需要创建一个账户才能继续学习本系列文章，而且这个账户也是雇主在面试时会查看的（所以一定要确保你的用户名足够专业）。

创建帐户后，请转到我的系列存储库并单击星号，以便以后轻松找到它。

这是给谁的？

如果……那么这个系列非常适合您。

• 你一生中从未编写过一行代码，但想了解编码的含义
• 你刚刚开始成为一名全栈 JavaScript 开发人员的旅程，但需要一个路线图来指导你
• 你有一些前端或后端 Web 开发经验，但需要提高你的技能

您可能会问，这个系列如何适合所有这些不同的技能？

好吧，我编写该系列的目的是按顺序从最基本的主题到一些高级的 Web 开发主题，这意味着您可以根据您个人旅程的进展情况进入该系列！

我最终会拥有什么技能？

重要的！！

让我们明确一点。本系列将教你如何编码，并教你 Web 开发的原则。

换句话说，在本系列结束时，您将知道如何使用 JavaScript 编写代码，并且您将知道如何创建Web（非移动）应用程序，例如Facebook、YouTube、Quickbooks、You Need a Budget，甚至我自己的应用程序Eagle Eye Golf Performance。

由于本系列将教您如何编码（这很容易转移到其他学科），因此我们不会在本系列中涉及以下学科：

• 如何编写 iOS 或 Android 应用程序
• 数据科学、人工智能和机器学习
• 高级 DevOps（我们将介绍基础知识）
• 如何使用 JavaScript 以外的语言进行编码（尽管我们将在整个课程中探索其他一些语言，以便让您有所了解）

我将在本系列中学习哪些主题？

在本系列中，您将学习以下内容：

• 如何编码（我们将使用 JavaScript，原因如下）
• 通用的 Web 开发概念（不特定于任何语言或框架）
• 接触各种 Web 框架，无需深入研究任何

详细大纲可在本帖底部找到。

我如何提问？

虽然我可能无法立即回复，但请按照我的 Github 代码库中的模板提出您的问题。您需要一个 Github 帐户才能进行此操作。

为什么这里排除某些技术？

我刚开始学习编程的时候，读过类似这样的路线图，它们很棒，但又让人望而生畏。不仅如此，事后看来，这些路线图对于初学者来说并不切实际。四年多来，我几乎每天都在编程，却甚至还没有涵盖这些路线图中可能涵盖的所有主题。它们虽然能让你看清未来的蓝图，但对于入门来说却并非如此。

因此，我在本系列中挑选了一些我认为能让你成为最全能（且最受聘用）的开发人员的技术供你学习。我们不会涵盖所有内容，但会学习实际公司正在使用的现代技术。

例如，当我们在课程中学习应用程序的 Web 托管时，会发现有很多选择。我们可以使用 AWS、Azure、Linode、Digital Ocean、Heroku 等等。但在本系列中，我们将使用 Digital Ocean，因为它价格低廉、界面简洁，并且会教你托管 Web 应用程序的基本原则，这些原则可以应用于任何其他托管公司。也就是说，你将在这里学习到多种技能，而无需自己做出选择。

完成本系列后，您将探索更多技术，所以不必担心现在就涵盖所有技术。目前的目标是学习 Web 开发，而“我应该使用什么工具？”这样的分析瘫痪不应该成为阻碍。

其他问答

我可以在哪里参加这门课程？

我会在我的博客、Dev、Medium 和 YouTube 上发布文章。以下是查找该系列的相关链接。

• 我的博客
• 开发
• 中等的
• YouTube

我为什么选择 JavaScript

快到 2021 年了，根据 StackOverflow 开发者调查，JavaScript 是最广泛使用的编程语言，而且恰好也是我最精通的语言。以下是 JavaScript 对我们来说是一个不错的选择的其他一些原因。

• JavaScript 为 Web 提供动力，并将在未来几年继续发挥作用
• JavaScript 既可以用于前端，也可以用于后端（更多信息请点击此处）。这一点很重要，因为我们只需学习一门语言就能构建全栈 Web 应用程序，而无需学习两门。
• JavaScript 是唯一可以在浏览器中使用的真正的编程语言，因此无论如何你都必须学习它（不过这里有一个细微差别——随着WASM的引入，你将能够在浏览器中编写非 JavaScript 语言，但这还处于起步阶段，而不是你在旅程开始时要学习的东西）

为什么这是免费的？

说实话，这是免费的，因为我没有时间（我有一份全职工作，还要兼职做这件事），坐下来从头到尾制作一门完整的培训课程，录制、编辑、推广，然后再推广。话虽如此，我的目标是免费提供与大多数付费培训课程一样好，甚至更好的系列课程。我确实计划将来出售课程，但我对教授这门课程充满热情，并且认为每个人都应该有机会免费学习编程。

我真诚地认为，如果您完成本系列的学习，您将具备成为一名全栈 JavaScript Web 开发人员所需的技能。

系列详细概要

请注意，这是一个不断发展的大纲。如果我遗漏了重要的 Web 开发主题，请在 Github 上提交问题，我会考虑将其添加进去。

另外，请注意，实际系列可能不会遵循此大纲的顺序，但会在某个时候涵盖所有主题。

第 1 部分：编码基础

项目

• 30 多个 JavaScript 代码挑战（主要在 CodeWars 上）

主题

• 编写你的第一个 JavaScript 程序
• JavaScript 简介（它是什么、如何使用等）
• 浏览器开发者工具
• 如何阅读文档（MDN - Mozilla 开发者网络）
• 变量和数据类型
• 运算符（算术、比较、逻辑等）
• 条件语句（if、else-if、switch/case）
• 循环
• 函数（以及“回调”函数的介绍）
• 内置 JavaScript 对象
  • 字符串方法
  • 数组方法
  • 正则表达式
  • 数学对象
  • Date 对象
  • 错误对象（和基本错误处理）

第 2 部分：前端开发基础

项目

• 随机表情包/笑话生成器
• 定价卡
• 推荐网格
• 众筹产品页面

主题

• HTML速成课程
• “DOM”（文档对象模型）
• CSS速成课程
• CSS 弹性框
• CSS网格

第 3 部分：后端开发基础

项目

• 电子商务应用程序API

主题

• 终端基础知识
• Git 基础知识（版本控制）
• NodeJS 速成课程
• NPM 包管理简介
• 快速速成课程
• PostgreSQL 数据库简介

第 4 部分：从头开始构建电子商务应用程序（React、PostgreSQL、Express）

本课程的这一部分将由一系列视频组成，使我们能够运用在整个课程中学到的技能从头开始构建电子商务应用程序！

第 5 部分：部署、测试和 CI/CD 工作流程

• Digital Ocean 和 VPS（虚拟专用服务器）简介
• Nginx 简介
• 使用 Jest 测试你的应用
• CI/CD 简介

后续步骤

全栈开发人员系列的介绍到此结束。

请务必加入我的电子邮件列表，以便在我将来发布课程时收到更新！

进入下一课