2021 年一站式 Web 开发路线图

我写这篇文章是为了帮助各位程序员，即使是那些志在 2021 年获得Web 开发者头衔并能够开发出有意义的项目的新手。这篇文章一定会帮助你在从零开始到精通 Web 开发的旅程中走上正确的道路，并为你提供一份具体的路线图，供你全程遵循！

路线图本身没有先决技能部分，但包含了每个开发人员在深入实际开发之前应该精通的第一阶段学习内容。我把这套技能称为“热身”！

接下来是同一枚硬币的两个方面——Web开发的前端和后端领域。这两个阶段完全取决于你的兴趣，无论你是喜欢查看和创建视觉设计、布局，还是喜欢处理和查询数据库。

那么，让我们从第一个共同阶段开始——热身！

让我们热身

这一阶段涵盖了我们在进入下一阶段之前需要牢牢掌握的基本技能。本阶段的学习内容如下：

命令行基础：这是每个技术人员在深入 GitHub 世界之前都应该掌握的基本技能。掌握基本的 Linux/DOS 命令以及如何有效地使用终端是进一步学习的必备技能。
教程：

Git 和 GitHub：程序员生活中最基本的需要就是这两个：版本控制系统 Git，以及代码仓库中心、学习、分享和贡献代码的平台 GitHub。想要了解它们，网上有很多文章、视频和教程。

教程：

Web 协议：HTTP、HTTPS 和 SSH 的基本知识足以帮助您完成成为 Web 开发人员的实际路线图。

数据结构和算法：基础是精通你感兴趣的语言。可以是 Java、JavaScript 或 Python。掌握这部分知识可以为你带来巨大的成功。

教程：

熟练掌握编程：至关重要的是，你必须明白，除非你能用一种语言无缝地将所有工具、框架和库结合在一起，否则它们毫无用处。了解 C、C++、Java 或 Python 等常见编程语言的运作方式，足以开启你的开发之旅。

在浏览完这些我称之为热身的基本学习阶段之后，我们就可以探索 Web 开发的前端和后端领域了。

掌握前端的 UI/UX 并非像看起来那么简单。我们将在此阶段逐步进行，并鼓励我的读者，只有当他们能够使用上述特定的工具/框架开发给定的项目时，才可以继续学习下一个框架！

HTML 和 CSS：掌握丰富的 Web 开发知识，始于基础的 HTML 和 CSS。网页的结构和样式、元素、布局，一切都只需运用这两大支柱即可完成。以下是一些可供学习的教程，以及学习这些教程后，您需要构建的项目：

教程：

项目构想：

Javascript/Typescript：你可能觉得 HTML/CSS 网页根本无法满足我构建网站的理想。其实，Javascript 是一门神奇的语言，它能为你枯燥乏味的网站注入交互性和响应式流程的魔力。再加上一些 Typescript 知识，你就能成为一名前端开发者了！

教程：

项目构想：

React.js：这是目前最流行的框架之一，主要是因为它易于实现，并且由于可重用组件，能够在有限的时间内交付现代化的单页网站。React.js 框架最初由 Facebook 开发，并且是开源的。

教程：

项目构想：

Angular.js/Vue.js/Next.js：这些框架支持 JavaScript 或 Typescript，用于在有限的时间内构建现代网页。我目前是这些技术的初学者。如果您想掌握这些技术，可以查看以下教程：

教程：

👀
想给读者们提个醒，如果想成为全栈开发者，精通前端和后端技术，那么在成功掌握 JavaScript 之后，就可以进入后端学习阶段了！我可不是在讽刺，因为 JavaScript 真的像大海一样，需要不断探索！祝你好运！🚀

后端开发有很多选择——Python、Ruby、Spring、PHP、Django 等等！这里没有像前端那样一步步的技术栈。你可以选择一个适合你需求的，然后就可以开始了！

Java 和 Spring：这是我最喜爱的技术栈，因为我已经在工作中广泛使用了超过六个月。你可以使用 Java 和 Spring 作为后端技术，构建功能齐全的企业应用程序。我建议你先从这项技术入手，然后再探索后续技术。

教程：

Python 和 Django：Python 爱好者使用 Python 开发后端的首选是使用 Django 框架。它本身就是一个全栈框架，拥有美观的默认 UI。此外，Django 网站易于在 Heroku 等网站上部署。

教程：

Node.js：如果您想开发整个网站，并使用 Javascript 与后端集成，那么选择 Node.js 是最好的诱饵！

教程：

PHP 和 MySQL：这是我大学期间构建快速动态应用程序的首选。如果你是后端新手，我强烈建议你从学习 PHP 和 MySQL 开始你的后端之旅。

教程：

Ruby：Ruby 语言拥有一个 Web 开发框架 Rails，它被用作后端技术。您可以参考相关教程了解更多信息。

教程：

因此，我在此祝愿我的读者一切顺利，并真诚地希望他们能够牢牢掌握 Web 开发技术，并参考上述路线图开始学习之旅。

谢谢你！

Chandrika Deb 👀 ❤️
查看我的网站！