英语 | 翻译 | web前端开发（ID：web_qdkf）
经过如此多的尝试和测试，而不是说您从头开始创建所有内容，那么，当您在网页上创建第一个登录表单时感觉如何？ 在经过多次更改后为您的第一个 Web 应用程序分配布局感觉如何？ 当您成功处理了数千个用户的操作时，您的感受如何？
大多数 Web 开发人员都经历了上述所有阶段web前端游戏开发，其中一些人一开始可能会感到沮丧，但当他们看到自己的网站正在运行并且全世界的人都在使用它时，整体感觉真的很令人兴奋和惊奇。 Web 开发人员负责许多任务，从收集需求到设计网站，处理网站的后端部分，并使其成功地为用户服务。 每年，行业中都会出现新技术和工具，以提高开发人员的工作效率并为用户提供更好的网站。 对他们来说，保持网络开发游戏领先地位的挑战变得越来越大。 今天，我们将讨论 2020 年成为 Web 开发人员的完整地图。这将是所有开发人员（前端、后端和全栈）的实用指南。 1. 首先确定你的目标或路径我们会讨论很多技术、趋势和工具，但我们不想让你不知所措，所以你需要先决定你想做什么才能成为一名 Web 开发人员，因为这将帮助您选择合适的工具。 和学习技术。 成为 Web 开发人员的原因有很多，下面列出了一些选择因素： 从上面提到的兴趣或目标领域，您可以为您的目标选择合适的工具和技术。 如果你的目标是成为一名前端开发人员web前端游戏开发，那么你可以选择前端开发的工具和技术。 后端和全栈开发也是如此。 2. Web 开发的基本工具和软件 3. 从HTML 和CSS 开始HTML 和CSS 是Web 开发的基本构件。
无论您的 Web 应用程序多么先进，或者您使用什么框架和后端语言，您都必须使用 HTML 和 CSS 来构建您的前端应用程序。 因此，这是Web开发中首先要学习的东西。 4. 响应式布局您的应用程序应该可以在所有类型的设备上查看和使用，例如智能手机、平板电脑、台式机、iPad 或任何其他屏幕尺寸。 因此，了解创建响应式设计或布局很重要。 让我们来看看一些重要的主题。 5. 自定义可重用的 CSS 组件 与其依赖大型 CSS 框架（如 Bootstrap），不如创建自己的模块化、可重用的 CSS 组件以在项目中使用。 如果您构建自己的自定义设计，则无需导入完整的库。 您创建仅需要特定 UI 的组件。 最近还出现了一种有助于更高效地编写 CSS 代码的新趋势。 如果您已经了解 CSS，则无需花费大量精力学习 SaaS。 SaaS 是 CSS 预处理器，可为标准 CSS 添加更多功能并使其更高效。 您可以使用变量、嵌套和条件语句来减少重复并提高 CSS 中的效率。 您还可以为每个可重用组件创建单独的 Saas 文件。 Sass 确实节省了很多时间，所以你绝对应该在 2020 年学习它。 6. CSS 框架 学习 CSS 框架不像去年那么流行，但它对于不擅长设计的开发人员来说仍然非常相关或有用.
有许多流行的 CSS 框架可用，下面列出了其中的一些。 7、前端必备语言：JavaScript 学完HTML和CSS，接下来要学的是Vanilla Javascript。 对于开发人员来说3D植物，掌握javascript的基础知识是非常重要的。 您将在服务器端语言（如 PHP、Python）中使用大量 javascript，或者如果您想将它与 React、Angular、NodeJS、Vue 或任何其他 javascript 框架或库一起使用，则非常有必要学习语言。 这里有一些你应该在 javascript 中涵盖的重要主题... 8. 一些重要的工具 有一些工具将用于 Web 开发。 这些工具将帮助您调试、提高生产力、管理代码、与其他开发人员协作等等。 让我们讨论其中的一些工具。 9. 基本部署 至此，当你知道前端开发应该学习哪些工具或技术后，你就需要知道如何在互联网上部署前端网站了。 如果您正在为小型企业构建一些小型应用程序、登陆页面或个人网站，您不需要仅仅因为 AWS 或 DevOps 很时髦就学习它们。 你会让事情变得更复杂而不是简单。 2020年有一些部署工具和步骤是你需要学习的，我们目前讨论的任何工具、技术趋势或步骤都是前端开发的一部分。
您还不知道该框架，但您可以为个人和小型企业构建网站，以及适合移动设备的布局。 您还可以使用目前讨论的工具或技术部署小型应用程序或项目。 如果你想应聘，学习一些前端框架，如React、Vue或Angular，那是非常棒的。 10、前端框架和状态管理框架，让你做更高级的前端开发。 框架为您提供了许多优势3D场景，例如可重用的组件、更有条理的 UI 或页面交互。 这有利于协作，也有助于编写干净的代码。 另外，了解状态管理。 每个框架都有不同的方法。 这里有一些2020年流行的框架和状态管理器。 可选学习：我们已经讨论了所有的大部分前端开发工具和技术。 现在让我们讨论成为后端开发人员或全栈开发人员的语言和技术。 11.服务器端语言（选择一种） 你应该至少知道一种服务器端语言。 要在 2020 年选择一种语言，这里有一些选项……注意：无论您喜欢学习哪种服务器端语言，请确保您了解该语言中使用的数据结构和算法。 数据结构和算法将帮助您向用户展示数据，并帮助您优化 Web 应用程序中的代码。 我们特别建议您专注于使用数组和字符串（最重要的）。 您将使用这两种方法。 12. 服务器端框架（选择一个） 一旦你学会了一种你选择的服务器端语言，你就可以使用其中一个语言框架。
您可以选择下面给出的选项之一... 13. 数据库（选择一个） 大多数网络应用程序需要一个地方来存储数据。 某些技术或某些语言在某些情况下可以很好地与某些数据库配合使用。 例如：在 Mern 堆栈中，M 代表 MongoDB，在 LAMP 堆栈中，M 代表 MySQL，但这完全取决于您要为应用程序选择哪个数据库。 我们将在 2020 年讨论一些流行的数据库。在学习数据库的同时，您还将学习用于 RDBMS、ORM（对象关系映射器）或 ODM（对象数据映射器）的 SQL（结构化查询语言）。 GraphQL：（可选）你可以了解一下现在很流行的GraphQL。 这是 API 的查询语言。 它有一个简单的类似 JSON 的语法并且很容易实现。 14. CMS：内容管理 你绝对应该了解内容管理系统，特别是如果你是一名自由职业者。 CMS 用于向您的网站或应用程序添加内容。 客户能够更新自己的内容非常好。 15. 部署和 DevOps 托管全栈或后端应用程序比仅前端应用程序要复杂一些，尤其是当您有数据库时。 确保您知道如何使用 CLI 进行部署。 了解以下有关部署应用程序的信息。
在大多数公司中，有不同的团队致力于 DevOps。 因此，了解 DevOps 是完全可选的。 您可以了解您是否正在从事自己的项目。 上面所有的技术工具都足以让你成为前端、后端或全栈开发人员。 根据您的最终目标选择正确的工具和技术。
