如何通过 7 个步骤成为一名 Web 开发人员 - 学习什么以及从哪里开始？

介绍

1.耐心

2. HTML

3. CSS

4. JavaScript

5. 停下来，开始练习！

6. 数据库 - MySQL/PostgreSQL

7.后端 - PHP/NodeJS/JAVA

奖励：框架

结论

介绍

经常有很多从事其他行业的朋友问我：要成为一名 Web 开发人员，我应该学习什么，从哪里开始？

这些问题至关重要，除了职业培训中心或大学等提供的机构培训之外，每个人都必须在一定程度上进行自学。

照片由Lindsay Henwood在Unsplash上拍摄

我十一岁就开始开发软件了。这在当时可能显得有些晚了，但别忘​​了当时我用的是Modula-II😃，还用了我哥哥的大学笔记，因为那时候还没有互联网。如今，我们拥有丰富的资源，可以随时随地学习任何我们想学的东西。

事实上，如此海量的信息可能会让我们感到迷茫，所以我决定向你展示成为 Web 开发者必须遵循的七个步骤。遵循这些步骤后，你将能够选择自己的道路。

1.耐心

想要进入这个行业，第一步也是最重要的一步就是要有耐心。你必须每天努力提升自己的技能。尤其是在刚开始的时候，你可能不会真正意识到自己为开发一个应用程序所投入的时间和回报。

因此，现在和永远，请记住：耐心。

2. HTML

第一个必须学习的 Web 开发技术是 HTML。HTML 之于 Web 应用程序，就如同地基之于建筑物。HTML 诞生于大学时代，旨在将文档关联起来，方便查找内容相似的文档。然而，随着 Web 的发展，HTML 逐渐成为创建 Web 应用程序的基础文档。从 HTML 5 版本开始，这种标记语言为标签添加了语义，这使得创建可被其他信息系统解释的文档成为可能。

学习HTML最大的缺点就是你的应用程序的视觉效果会很糟糕。这可能会令人沮丧，因为你可能会觉得你的努力和结果并不匹配。但每当你有这种感觉时，你必须记住第一步：耐心！

通常，我们会同时学习 HTML 和 CSS。使用 CSS 为我们的 Web 应用程序添加样式可以减少前面提到的挫败感，因为视觉效果会得到很大的提升。

有两门很棒的短期课程涵盖了 HTML 的最重要方面。

上网很难（但其实并非如此）

针对完全初学者的友好型 Web 开发教程。

学习编程不应该很难。我们精心打造了一套全面的网页开发教程，让编程变得更容易，帮助零基础的初学者成为互联网领域的专业人士。我们准备了课程，你只需要有动力开始阅读。

学习 HTML

本教程涵盖 HTML 的最重要方面，包括标签、表格和样式。

3. CSS

下一步你应该学习 CSS。如果说 HTML 是基础，那么 CSS 就像房屋的粉刷、装饰或个性化设置。

乍一看，它似乎没什么用，但正是这个功能赢得了客户，并因此带来了收入。那些不了解 CSS 重要性的人可能会感兴趣，大多数情况下，我们的 Web 应用程序背后采用哪种技术并不重要。客户通常不会为视觉上不吸引人的产品付费。

然而，CSS 的学习需要与学习其他技术同步进行。在学习的这一阶段，你应该专注于学习足够的知识来布局网页。当然，这一阶段不需要你对 CSS 有深入的了解，但你必须能够自保。随着你的学习进度，你的 CSS 技能会逐渐提高。

这里有三种基本资源：包含 20 个交互式教程的课程、导师准备的练习列表和参考表。

教程 CSS

本课程包含 20 个交互式教程，将在一小时内讲解 CSS 的基础知识。对于渴望轻松学习 CSS 的 Web 开发者和设计师来说，这是一个完美的起点。

CSS 练习

CSS 练习被设计为一个指导项目。

Codrops CSS 参考

一份详尽的 CSS 参考资料，包含所有重要的属性和信息，可帮助您从基础开始学习 CSS

4. JavaScript

当今的革命是：JavaScript。

你必须掌握 JavaScript/TypeScript，因为它是 Web 的现在和未来的语言。记住，没有人拥有水晶球，我们也不知道未来 20 年会发生什么。JavaScript 是目前存在于前端的语言，你需要能够完美地掌握它。

JavaScript 诞生之初旨在成为一种脚本语言，但如今，它已成为一种试图涵盖多种范式的语言。由于其扩展规模巨大，这门语言真正的进化发生在过去的五年里。

这就是为什么 JavaScript 值得深入学习：你可以用它来构建桌面、移动、后端和前端应用程序。资源列表会非常丰富，所以我建议从下面列出的书籍开始学习。相信我，你每天都会学到新东西。我从事 JavaScript 教学已有 7 年，几乎每年都会调整课程大纲。不过别担心，编程的基础不会改变。

因此，请为这一步做好准备：

互动学习

• Codeacademy ——JavaScript 基础知识。
• 函数式编程- 通过使用 map、filter、concatAll、reduce 和 zip 以交互方式学习函数式编程的基本原理。

免费电子书

• Eloquent JavaScript - 涵盖语言和运行时细节。
• 讲 JavaScript - 从基础开始的深入指南。
• JavaScript 设计模式- 经典和 JavaScript 特定的设计模式。
• 函数式编程基本指南- 使用 JavaScript 进行函数式编程的优秀入门指南。

ES6 及以上版本

• 探索 ES6 - 具有深入章节的良好介绍。
• 探索 ES2016 和 ES2017 - »探索 ES6« 的后续。
• ES6 Katas - 通过在线解决单元测试来学习 ES6。
• 实用 ES6 - 包含实用示例和建议的电子书。

5. 停下来，开始练习！

现在是时候休息一下了，别再往脑子里灌输更多概念了。别再灌输任何科技知识了。

到目前为止，你的知识储备足以胜任 IT 行业的工作。在我看来，学习和巩固知识的最佳方式是参与项目实践。目前，你已经能够参与项目实践，可以把它们当作练习来巩固你目前掌握的知识。然而，距离拥有足够的知识储备来创建真正的项目，你还有很长的路要走。

我有一篇关于这个主题的文章，建议您阅读。

6. 数据库 - MySQL/PostgreSQL

掌握了客户端 Web 开发（前端）所依赖的基础技术后，就该开始学习服务器端开发（后端）的基础知识了。Web 开发中的这门新学科，必须从理解数据的存储方式开始。信息是软件中最宝贵的资产，因此，我们必须对数据库的工作原理有深入的了解。

人们的整个职业生涯都围绕着数据库管理展开。所以这是一个庞大而重要的领域。要入门这个领域，我建议你学习关系数据库：MySQL 或 PostgreSQL。

数据库设计

通过实用概念和示例学习关系数据库设计。本系列适用于任何数据库系统！

SQL练习

这些模式和问题来自 Wikibook SQL 练习。答案来自这本 Wikibook 和 repo 的作者。

7.后端 - PHP/NodeJS/JAVA

后端语言可以让你充分发挥数据库的潜力，因为你可以生成动态的 Web 应用程序。在这些 Web 应用程序中，前端将从后端接收数据，而这正是 Web 开发的魔力所在，因为数据是动态且持久的。

最简单的入门方法是构建一个 APIrestful 框架；第一次会非常非常复杂，但这很正常。我们每个人都经历过这种情况，但一旦完成，你就会发现你只是发现了冰山一角，才初见后端的全部潜力。我建议学习后端时从一种广泛使用的语言开始，例如node.js或PHP。

PHP 初学者教程：7 天学会

PHP 是网络上最流行的脚本语言。如果没有 PHP，Facebook、Yahoo 和 Google 就不存在了。本课程旨在帮助您成为 PHP 专家。一旦您掌握了所有基础知识，本课程将帮助您创建自己的民意调查应用程序。

Node.js 教程：3 天学会

Node.js 也基于 JavaScript 框架，但它用于开发基于服务器的应用程序。在整个教程中，我们将深入研究 Node.js 以及如何使用它来开发基于服务器的应用程序。

口袋妖怪 API

一个内置于 node.js、Express、MongoDB、Docker 以及最重要的 TypeScript 中的 Pokemon RESTful API。

面向前端开发人员的 Node 教程

面向前端开发人员的教程和完整示例项目，展示如何启动和运行 Node、Express 和 Jade、如何连接到 MongoDB 以及如何从数据库读取/写入数据库。

Node.js 示例应用程序

使用 Node.js、Express 和 MongoDB 的示例员工数据库 CRUD 应用程序。

PHP 的正确使用方法

网络上充斥着大量过时的信息，这些信息会误导 PHP 新用户，传播不良实践和不安全代码。《PHP：正确之道》是一本通俗易懂的快速参考书，介绍了 PHP 的流行编码标准、网络上权威教程的链接以及贡献者认为的当前最佳实践。

奖励：框架

至此，你已经掌握了作为 Web 开发者开启职业生涯所需的知识。然而，从第三步开始，你已经可以在这个行业找到工作，并以此为基础继续提升自己的开发者技能。

下一步是加深你对框架的了解，因为它们能让你轻松地配置你在这篇文章中学到的基本概念。框架是帮助你更快开发的工具，它能让你创建更大的项目。

此时，我将为您提供一些最有用和最流行的框架的参考，这些框架具有可以使您生成良好代码的功能：

• 一步一步的 Laravel 后端教程。

• Angular 教程：从头开始逐步学习 Angular - 该项目是从头开始逐步学习 Angular 教程的一部分，我们从基本概念和 Angular 框架的原因开始探索，以使用 Angular Material 组件构建完整的 Angular 7 应用程序。

• SpringBootForBeginners - Spring Boot 拥有诸多神奇之处。使用它开发服务既酷炫又有趣。Spring Boot 让您可以轻松创建独立的、基于 Spring 的生产级应用程序，让您“即刻运行”。大多数 Spring Boot 应用程序只需极少的 Spring 配置。

结论

在这篇文章中，我向你展示了在软件开发行业起步所需的技术技能。然而，请注意，第一步也是最重要的一步是你的积极态度，如果你想从事这个行业，你就不能失去它。即使你已经从事开发工作 20 年，并且经历过各种技术栈和/或公司，你也必须始终、始终、始终保持耐心，不断成长。

作为一名 Web 开发者，您最初的目标是什么？
您会给刚入行的开发者们一些什么建议？

最初于 2019 年 8 月 6 日发布于https://www.carloscaballero.io。