目录:
成为前端Web开发人员需要了解的一切！
如果您想以成为前端开发人员为目标学习编码，那么要想成功并找到工作，您需要了解很多事情。您应该首先牢牢掌握Web开发的基础知识，然后通过大多数Web开发人员使用的额外工具和资源来增强技能。
如果您已经完成了研究，并且确定可以进行前端开发，那么请查看您还需要掌握的这些工具。了解这些工具和资源不仅可以帮助您进行Web开发，而且还可以帮助您在求职时彻底摆脱竞争。
最后，如果您不确定100％是否要学习编码，那么这里有10个为什么应该学习编码的原因。
前端开发人员的工作
您首先需要确切地知道什么是前端Web开发人员。通常，Web开发由三种细分的工作类型组成：
- 前端开发人员。此人（也称为前端Web开发人员或前端工程师）是与网站和Web应用程序的前端一起工作的Web开发人员，其中包括用户在网页浏览器中看到和使用的所有内容。前端开发人员通常专注于设计。
- 后端开发人员。此人负责网站和Web应用程序的后端或服务器端。后端是处理和更新所有数据的地方。后端开发人员通常是逻辑思想家。
- 全栈开发人员。这个人是一个特殊的忍者，在前端和后端都很熟练。如果您喜欢使用“漂亮的东西”以及“超级技巧”的东西，那么这项工作可能适合您。。。
同样，很久以前，在一个遥远的星系中。。。有一个称为Web Designer的标题。网页设计师实际上根本不需要处理学习编码的问题，而只专注于网页的设计方面。
如今，由于网站和Web应用程序的功能和交互性大大提高，工作市场需要知道如何进行设计和编码的人员提供服务。
Web设计师仍然有一些可用的工作，但是大多数Web设计师都在尝试学习编码，以获得更好的机会，薪水和工作安全。在许多方面，前端开发人员的工作可以被视为精通编程语言（可能是JavaScript）的Web设计师。
HTML是网页的骨架，CSS是皮肤，JavaScript是大脑。
掌握基础知识
您绝对必须牢牢掌握Web开发中使用的三种基本技术，它们是：
- HTML：这是所有网页的第一个基本构建块，它为网页提供了结构。HTML是一种编码语言，但它不是成熟的编程语言，而是一种标记语言。标记语言允许您“标记”文本以进行处理。
- CSS：这是所有网页的第二个基本构建块，它负责网页的“外观”。CSS也不是编程语言。
- JavaScript：是大多数Web开发人员学习的第三个构建块和第一个实际的编程语言。JavaScript在计算机的浏览器中运行，并且允许网页的功能。
如果您像想象一个人一样想象Web开发的三个构建块，那么您可以这样想：HTML是Web页面的骨骼和骨架，CSS提供了皮肤，JavaScript是大脑。
您可以参加Brad Traversy的HTML速成课程，这是学习Web开发技术的WHIZ，它可以帮助您立即学习编码。
基本的Web开发工具
- 文本编辑器：我们使用文本编辑器编写代码，您需要选择一个并熟悉其所有功能。如今，一些受欢迎的文本编辑器包括：Atom，Sublime Text，括号，Visual Studio Code，以及很好的旧MS Notepad和Mac Text Edit。
- 浏览器开发人员工具：Google Chrome和Mozilla Firefox均配备了内部开发人员工具，可让您在浏览器中查看和操作任何网站的代码。
- 当然，这些工具可用于调试。。。您是唯一可以使用开发人员工具查看对网站所做的更改的人，因为您只是在操作网站在您自己的浏览器中的显示方式。
- 版本控制系统：版本控制系统使您可以管理对Web项目的更改。这使您可以还原到项目的不同版本，而不会干扰已部署的项目，直到您完善了要处理的项目。有几种版本控制系统在使用中，但Git是迄今为止最主要的版本控制系统。
- 命令行（终端）：专业Web开发需要完全掌握命令行。命令行看起来很吓人，但是它使上载新软件包变得容易，并且使浏览文件和文件夹变得非常容易。您可以一天掌握如何掌握命令行。
基本的Web开发支持技术
- CSS预处理器：这项技术使编写和维护CSS变得轻而易举。到目前为止，最常见的CSS预处理器是SASS，它可以在一天内学习
- CSS框架：要减少复杂的CSS任务的创建时间，您需要了解的CSS框架是Twitter Bootstrap。
- CSS Flexbox和CSS网格：这两种CSS Web模型布局都可以极大地帮助您使网页响应移动。
- 捆绑工具：Webpack和带有Gulp的Browserify用于帮助将页面更快地加载到浏览器中。这些工具可减少或 缩小 您的内容，以缩短加载时间。
- JavaScript库和框架：库和框架使您可以快速，轻松和高效地将JavaScript交互添加到网页。它们还有助于简化JavaScript的更复杂方面。一些流行的库和框架包括：JQuery，React和Angular。
如您所见，要成为前端Web开发人员，您需要学习很多知识。好消息是，可以免费学习所有这些工具，资源和技术。您已经可以看到，仅YouTube上就有大量的免费资源…
如果您需要更全面的学习，则可以使用Team Treehouse之类的在线学习资源来学习几乎所有这些工具。还提供单门课程，例如完整的前端开发课程或Udemy上的Modern React。