Javascript 无处不在。如果我们谈论任何小型初创公司或大公司，他们中的大多数人都在开发任何类型的网站或应用程序，总是在寻找具有 Javascript 知识的人。数以百万计的网页是基于 JavaScript 构建的，至少目前不会出现任何问题。这种语言的需求量很大，您可以在 LinkedIn 上查看您所在地区的大量招聘信息。一方面，HTML 和 CSS 为页面提供样式，另一方面是 JavaScript，使它们变得生动。
Javascript 被广泛使用，它不仅限于您的网络浏览器，还广泛用于服务器端。 95% 的网站都使用 JavaScript，您可以在此处查看。根据2019 年 Stack Overflow 开发人员调查， Javascript 也是排名第一的编程语言，因此如果您想走选择 javascript 的道路并成为 javascript 忍者，那么这不是一个愚蠢的决定。
现在，您在转向这种语言时可能面临的问题是从哪里开始、您应该选择哪些框架、您需要涵盖的内容、书籍、教程、博客或您应该遵循的路径。放松，深呼吸，我们会一一告诉您一切，并为您提供成为 Javascript 开发人员的完整路线图。
1. 基本原理和异步概念：如果您是初学者，您应该首先关注核心概念或基本原理，例如 Let、var 和 const、If-else 语句、循环、函数、Map、Filter 和 Reduce、表达式和操作，数字、字符串、数组和对象、ES5、ES6。在继续前进之前，您应该了解所有基本概念。如何操作 DOM，如何使用事件以及 Javascript 中的所有其他基本内容。当您清楚其基本概念时，请了解 javascript 的异步行为。还可以了解原型、强制、托管、作用域、回调、承诺、闭包、高阶函数如何在这个 javascript 中工作。
2. 接受算法挑战：当您作为 JavaScript 开发人员申请工作时，您将在面试中遇到一些算法挑战需要解决。会有一些代码测试，或者很少有公司更喜欢发送在线测试或项目存储库，或者他们可以要求在公司执行一些实时代码测试。因此，我们强烈建议您在完成基本概念后解决一些算法挑战并测试您的知识，同时检查您的代码是否进行了一些操作或采用了其他一些输入示例。当您尝试使用代码时，检查输出有何不同。
3. 客户端框架和库：当涉及到应用程序的前端部分时，有很多 Javascript 框架和库存在，这让开发人员在选择正确的框架和库之间产生了困惑。记住两件事学习曲线和从工作的角度来看，我们强烈建议选择Vue.js 或 ReactJs 或 AngularJS 。这些客户端框架和库在就业市场上的需求量很大，大多数公司都在使用它来构建他们的应用程序。您可以在Google Trends上查看这些框架的流行度和比较情况，也可以查看链接 Angular vs React，以进一步帮助选择合适的框架来学习。
4.服务器端框架和环境： JavaScript不仅限于浏览器，你也可以在浏览器外运行，NodeJS是允许你在浏览器外运行Javascript的技术。 NodeJs是一个非常强大的运行时环境，它使 JavaScript 成为一种后端编程语言，近年来开发人员更喜欢将 NodeJS 与 ExpressJS 一起使用，ExpressJS 是 Node 的框架，它被广泛用于构建后端 API。因此，我们强烈建议您同时学习它们。
5. 数据库：在实现您的 javascript 应用程序时，您应该至少了解一个数据库来连接您的应用程序并存储和操作数据。您可以使用任何 SQL 或 NoSQL 数据库。一些选项是 MongoDB、PostgreSQL、MySQL、CouchDB、Redis。因此，请确保您至少具备一种数据库的基本知识。
6. Task Runners & Module Bundlers：Task Runners帮助连接多个 js 文件，每次更改某个文件时它都会运行。 Gulp 和 Grunt 这两个任务运行器主要被开发人员使用。如果我们谈论模块捆绑器，那么它们负责在执行之前将 Javascript 文件拼接成单个文件，它可以提高网站性能。 Webpack 和 Browserify 这两个是大多数开发人员的首选，因此我们建议您选择上述任务运行器和模块捆绑器。
7. OOP 和函数式编程： JavaScript 中的面向对象编程不像在其他编程语言中那样有效。它的概念是不同的，并且会造成混淆，因为 JavaScript 是基于原型的，而不是基于类的。请参阅链接 Object Oriented Javascript 以更好地理解它。此外，了解函数式编程并了解它与 OOP 的不同之处。检查链接函数式编程和函数式编程简介，以便更好地理解它在 Javascript 中。
8. 设计模式：设计模式有助于使应用程序具有可扩展性和可维护性，也使开发人员的工作更轻松，因此学习在 Javascript 中使用一些常见的设计模式，如模块、原型、观察者、单例，还学习如何使用它们来解决不同类型的问题问题。您可以查看JS中的链接设计模式以了解该主题。
9. 部署和托管：完成所有概念后，您可以创建自己的项目，但故事并没有就此结束。您还需要在实时服务器上部署您的项目，这将帮助您找到工作、制作作品集并获得自己的知识。 GitHub Pages、Heroku、Netlify、Digital Ocean、AWS、Firebase 。 Heroku和Netlify非常容易访问，因此您可以选择其中任何一种。
10. 其他东西
- 测试库：Jest、Mocha、Jasmine、Sinen、Chai、Enzyme
- 包管理器：NPM 和 Yarn。
- 浏览器和开发者工具：Chrome、Firefox、MS Edge 及其开发或调试工具。
- 版本控制
- 文本编辑器
- 了解 HTML 和 CSS
下面是 Javascript 前端和后端部分的清晰图片。
客户端：
图片来源：谷歌
服务器端：
图片来源：谷歌
您还可以阅读以下内容：
- 雄辩的Javascript
- 你不知道的JS
- MDN
一些最好的 Youtube 视频：
- 有趣的函数
- LearnCode.academy
- 新波士顿
通讯：
- JSK日报
- Javascript 周刊
- 很棒的 Javascript
专家关注：
- 凯尔·辛普森
- 埃里克·埃利奥特
- 艾迪奥斯曼尼
- 保罗爱尔兰人
- 奥马尔·汉萨
- 国会议员
- 韦斯·博斯
- JavaScriptKicks（组织）
- _devblogs（组织）
面试问题：
- 36 个基本的 JavaScript 面试问题
- 21 个基本的 JavaScript 面试问题
- 每个 JavaScript 开发人员都必须知道的 10 个面试问题
参考：
- 全栈 JavaScript 路线图
- 卡姆兰·艾哈迈德 Gihub 链接