2.1 如何成为一名前端开发者

如何成为一名前端开发者呢？这个非常复杂的问题，可以根据下面的路线图思考一下：

图片来源: https://github.com/kamranahmedse/developer-roadmap

现在一般来说，没人会指望大学毕业能取得前端工程学位。而且，我很少听到或见到有前端开发者，他们可能拥有一个不受欢迎的计算机科学学位或平面设计学位，最终却要专业地编写HTML、CSS和JavaScript。在我看来，现在从事前端工作的大多数人似乎都是自学成才的，或者是从设计和计算机科学领域跨界进入前端领域的。

如果你现在想开始成为一名前端开发者，我将大致遵循以下的流程开始说明（第3章和第4章会深入学习资源的更多细节）。

1. 大致了解Web平台是如何运作的。确保你了解HTML、CSS、DOM、JavaScript、域名、DNS、URL、HTTP、浏览器和服务器与客户端这些概念“是什么”和“使用在哪里”。不要从一开始就深入专研任何东西，只需要了解正在发挥作用的各个部分以及它们是如何组合在一起的。从构建简单的Web页面开始。

2. 学习HTML

3. 学习CSS

4. 学习JavaScript

5. 学习DOM

6. 学习用户界面设计的基础原理 (UI模式、交互设计、用户体验设计和可用性)

7. 学习CLI和命令行

8. 学习软件工程的实践（例如，应用程序设计与架构、模板、Git、测试、监控、自动化、代码质量和开发方法论）

9. 不要固执己见，用任何对你的大脑有意义的东西(例如，Webpack、React和Mobx)定制你的工具箱

10. 学习Node.js

简单地说一下学习建议，在学习抽象概念前，先学习基础的底层技术。不要学习jQuery，先学DOM。不要学SASS，先学CSS。不要学习JSX，先学HTML，不要学TypeScript，先学JavaScript。不要学Handlebars，先学JavaScript ES6模板，不要学BootStrap，先学UI模式。

最近出现了许多未经认证的、昂贵的前端代码学校和训练营。这些学校通常是由那些来自官方学院的老师遵循传统教学模式授课（课程大纲、考试、小考、专题、小组专题和成绩等）。

谨记，如果你正考虑参加一个高价的培训项目，那就选择网上的吧！所有的知识你都可以从网上学到而且几乎不怎么花钱。然而，如果你需要某人告诉你如何低成本学习，你应该考虑传统的教师主导的课堂配置。除此之外，我不知道还有什么职业是可以通过互联网免费学习的、每月几美元的录像课程会员资格筛选费以及强烈的求知欲。

举个例子，如果你从今天就开始，以下有几个自学的资源供你选择：

• 从Web开始 [阅读]

• 你想这样成为一名前端工程师吗 [观看]

• 前端大师学习之路 [观看][付费]

• Web开发介绍 [观看][付费]

• Treehouse理工大学学位 [观看][付费]

• 无学位的Web前端开发者 [观看][付费]

• 成为Web前端开发者 [观看][付费]

• freeCodeCamp[互动][观看]

当你准备开始的时候，你应该会对大部分复杂的内容感到担忧。抽象（例如，jQuery）落入错误的人手中，让人看起来是种高级的技能。但始终隐藏着一个事实，开发者对基础和底层的概念理解较差。

假设，在这个过程中你不单只是学习，也在实践你所学和研究的工具。有些人建议实践只是为了学习，当其他人建议只学习如何去实践的时候，我建议你找一种与你大脑运作方式相匹配的方法去实践。但是，可以肯定的是，这是一种融合。所以，不要只看不实践。学习，实践。学习，实践。不停地重复，因为事情总是变化得很快。这就是为什么要学习基本原理而不是抽象概念十分重要。