如何成为 JavaScript 忍者？

生活在一个越来越依赖视觉的世界里，从在亚马逊上选择合适的礼物到在 Tinder 上找到合适的匹配，程序员是魔法的创造者。

就像达芬奇和米开朗基罗为我们看待世界的方式洒下绚丽的色彩一样，程序员是当代的艺术家。 从创建令人上瘾的网站到令人叹为观止的游戏应用，JavaScript 程序员堪称最酷炫的程序员之一。

所以，今天我将尝试为你制定一个路线图，让你踏上 JavaScript 运动的征程。
我走的也是同样的路，不仅学习和提升技能，还实践过为无聊的头脑创建游戏，以及为本地企业创建网站。

第 1 部分

什么是 JavaScript，为什么它是当务之急？🤔

JavaScript 最初的设计目的是“让网页鲜活起来”。
如果你考虑网站的基本构成，你会发现 HTML 描述并定义了网站的基本内容和结构；然后是 CSS，它告诉程序如何显示 HTML 内容——决定颜色和文本样式等。仅使用 HTML 和 CSS，你就能拥有一个外观精美但功能有限的网站。JavaScript 通过添加功能为网站注入活力。JavaScript 负责客户端可以使用的组件，例如下拉菜单、模块化窗口和联系表单。它也用于创建活动、视频播放器和可视化地图等。
如今，JavaScript 已成为一种通用的编程语言，这意味着它可以融入整个编程栈。JavaScript 最流行的用途是在客户端（也称为前端），但自从 Node.js 出现以来，许多人也在服务器端（也称为后端）运行 JavaScript。当在客户端使用时，JavaScript 代码会在客户端的互联网浏览器中读取、解读和执行。当在服务器端使用时，它会在远程计算机上运行。

第 2 部分

进入 JavaScript 世界的入门程序

• 学习计算机科学的基础知识，参加哈佛大学提供的
  免费课程CS50
  
  
  

• 学习 JS 基础知识 ✔
  说到 JavaScript 入门，FreeCodeCamp是最好的入门网站。
  如果您更喜欢视频学习，Traversy Media的在线课程是您的理想之选。
  
  
  

• 练习算法❤
  不实践，就等于没学到任何东西。
  所以，为了测试你对概念的掌握程度，可以尝试每天在HackerRank和CodeWars等网站上完成 2-3 个挑战。
  
  
  

• 异步 JS 和 DOM 🔃
  UI 本质上是异步的，它们的大部分精力都花在等待客户端响应，以便进入事件循环并触发事件处理程序。Hub
  本质上也是异步的，这意味着服务器也以同样的方式工作，等待系统请求，并在处理第一个请求的同时，容忍后续的请求。
  这在 JavaScript 中非常重要，因为它是 UI 代码的自然匹配，并且有利于服务器性能。
  异步 Javascript 速成课程（Traversy Media 著）
  异步与同步编程（Web Dev Simplified 著）
  
  
  

• 构建项目💥
  没有什么比实际构建东西更有帮助的了，所以继续吧，磨练你的思维，实现它！我列出了一些你可以从入门的项目：
  一款基础游戏；
  一款集成了某种 API 的应用程序；
  你的作品集网站
  
  
  

• 学习面向对象编程（原型设计、继承）🧠
  与其他面向对象语言不同，JavaScript 中没有类，只有对象。更准确地说，JavaScript 是一种基于原型的面向对象语言，这意味着它没有类，而是使用构造函数定义行为，然后通过原型进行复用。Mosh
  的 JavaScript 面向对象编程
  ；Traversy Media 的 JavaScript OOP 速成课程
  
  
  

• 函数式编程 💫
  JavaScript 是一种多范式语言，允许你自由地混合和匹配面向对象、过程式和函数式范式。近年来，函数式编程的趋势正在兴起。
  函数式 Javascript
  
  
  

• 设计模式，学习 MVC ✨
  设计模式是软件设计中常见问题的可复用解决方案。以下视频深入讲解了它！
  Traversy Media 的 MVC 是什么
  Web Dev Simplified 的 MVC 讲解
  
  
  

• 好好学习一个框架（Vue 或 React）💯
  很可能，没有哪个 Web 框架像 React JS 一样，在短短几年内就成为前端 Web 开发的主流。事实上，它有这样的动力。React JS 公开发布才过去很久。目前，React JS 已经成为最常用的 JavaScript 框架之一，并且发展迅速。
  所以我可能会选择React。
  还有其他 React 课程：
  React 课程