图片来源：https://github.com/kamranahmedse/developer-roadmap
一个人到底怎么做才能成为一个前端开发者？这是一个很复杂的问题。直到目前，你也不能通过读大学来获得一个前端工程师学位。而且，我几乎没有听到或者看到一个前端工程师，是因为遭受计算机科学学位和平面设计学位可能被弃用，最终开始专门的编写 HTML，CSS 和 JavaScript。从我的角度来看，很多工作在前端领域的人，大多是在长大的过程中自学，或者从设计或传统计算机科学领域跨越到前端领域。
如果你今天立志要成为一个前端开发者，我会努力的遵循以下列出的流程（第二部分，"学习前端开发", 深入学习资源的更多细节）
- 大致的了解网络的工作原理。确认你知道 Domains，DNS，URLs，HTTP，networks，browsers，servers/hosting，JSON，data APIs，HTML，CSS，DOM 和 JavaScript 是什么和在哪里。不要过多深入任何东西，只要理解这些部分和浅显的知道它们如何融合在一起。从高层的维度关注前端架构。 从简单的网页开始，并简要的学习前端应用（又名 SPAs）
- 学习 HTML
- 学习 CSS
- 学习 JavaScript
- 学习 DOM
- 学习 JSON 和 data APIs
- 学习用户界面设计基础（例如 UI 模式，交互设计，用户体验设计和可用性）。
- 学习 CLI/命令行
- 学习软件工程实践（例如，应用设计/架构，模板，Git，测试，监控，自动化，代码质量，开发方法）。
- 任何你觉得有意义的东西，都可以作为你个人技能库的一部分。 (例如 Webpack，React 和 Mobx).
- 学习 Node.js
关于学习的简短建议。学习抽象的技术之前，先学习实际的基础技术 不要学习 jQuery，学习 DOM。不要学习 SASS，学习 CSS。不要学习 HAML，学习 HTML。不要学习 CoffeScript，学习 JavaScript。不要学习 Handlebars，学习 JavaScript ES6 模板。不要只是使用 Bootstrap，要学 UI 模式。
最近出现了很多未经认证的，昂贵的前端代码学校/新手营。这些成为前端开发者的途径一般是通过教师指导的课程，这些课程来自官方的讲师，遵循更加传统的学习方式（例如，教学大纲，测试，测验，项目，团队项目，等级，等等）。记住，如果你正在考虑一个很昂贵的训练项目，就是网络！所有你需要学习的东西都在网络上等着你去拿，几乎是没有成本的。但是，如果你需要某人告诉你怎样选择和学习实际上是免费的东西，同时为了对自己学的东西负责，你可以考虑有组织的课程。除此以外，我没有听说过其他任何职业的学习成本几乎是免费的，你只需要连接到互联网，购买一百美元一个月的截屏视频会员和对知识的强烈渴望。
举个例子，如果你希望今天就开始的话，考虑一下一个或着多个自学的资源就可以了：
- 2016/2017 必须知道的web开发技术 [观看]
- 前端编程新手指导 [阅读 & 观看][免费]
- 成为一个前端 web 开发者 [观看][付费]
- 前端课程 [阅读]
- 免费代码营地 [互动]
- 那么，你想成为一个前端工程师 [观看]
- 前端 Web 开发职业的开始 [观看][付费]
- 前端开发：开始 [观看][付费]
- 从 HTML5，C����SS 和 JavaScript 快速开始前端开发 [观看][付费]
- 前端开发介绍 [观看][付费]
- 前端web开发基础 [观看][付费]
- 学习前端工程 [观看][付费]
- 学习前端 web 开发 [观看][付费]
- 征服前端开发 [观看][付费]
- 前端 web 开发者入门 [观看][付费]
- 全栈前端工程师 [观看]
如果你不是一个自我驱动的人，并且需要一个更加结构化的方法，你可以考虑定向学习路径
当你开始的时候，你应该恐惧大部分的事情，他们都有复杂的一面。错误的理解会让人以为自己掌握了高级的技能，然而却会一直隐藏一个事实，那就是开发者对于基础的知识和基本的概念有着较差的理解。
这本书剩余的部分将会为读者指出可以用来学习前端开发的潜在资源和可以用来锻炼前端开发的工具。你在这个过程中，不仅仅学习了前端开发，同时也了解和调查了工具。一些建议说只学习，另一些建议只学习怎么做。我建议你找到一个将二者结合到一起，而且适合你的方法，然后去做。但是，说真的，它是一种合并的方法，所以，不要只是阅读它，动手去做。学习，动手做。学习，动手做。无限重复这个过程，因为事情变化的很快。这就是为什么学习基础，而不是抽象概念，很重要。