宝藏级学习图谱 React、Vue、Angular、Ember、Node

根据 Stack Overflow 的 2021 年开发者调查、NPM 趋势和 StateOfJS、前端、后端和测试的最佳 JavaScript 框架是 React.js、Angular、Vue.js、jQuery、Express js 等。本文将分享前端开发中四种广泛应用（即 React、Node、Angular 和 Vuejs）的和不太流利的 JavaScript 框架（Ember）的学习图谱。

三大基础

无论使用何种 Web（前端） 开发框架或库，都必须了解 HTML、CSS 和 JavaScript 的基础知识，这是 Web（前端） 开发的三大基础。

HTML

它是 Web（前端） 开发人员的首要基础支柱之一，也是最重要的技能之一，因为它提供了网页的结构。

如果想入门 Web（前端）开发学习 HTML，推荐 2 个免费的在线教程：MDN 平台的Web 开发技术、W3Schools。

CSS

它是 Web（前端）开发的第二个基础支柱，用于设计 Web 页面，使页面看起来更加美观。尽管现代 Web（前端）开发很少写原生 CSS 代码，但基础还是离不开 CSS。又或者有现成的 UI 框架完成了大部分工作，个人觉得为了提高开发效率可以使用框架来完成，但基础支持不能丢。

JavaScript

这是 Web（前端） 开发的第三个基础支柱，用于使网页具有交互性，现代 Web（前端）项目有很大一部分是工作是 JavaScript 的编码。

React

React 是一个全面的 JavaScript 库，用于构建用户界面或 Web 应用程序的前端部分。React 是声明性的、简单的、基于组件的、快速的、容易学习的、广泛的，并且支持应用程序的服务器端。

学习图谱

可以从这个 github 仓库中获取上面学习图谱中提到的所有内容：Awesome React，这几乎涵盖了 React 开发所需要掌握的全部知识点。

Nodejs

Node.js 是一个开源、跨平台的 JavaScript 运行时环境和库，用于在客户端浏览器之外运行 Web 应用程序。开发人员使用 Node.js 来创建服务器端 Web 应用程序，由于它使用异步事件驱动模型，所以非常适合数据密集型应用程序。

学习图谱

同样可以从这个 github 仓库中获取上面学习图谱中提到的所有内容：Awesome NodeJs，这几乎涵盖了 React 开发所需要掌握的全部知识点。

Vuejs

Vue.js 是最流行的 JavaScript 框架，一个开源的 JavaScript 框架，用于开发交互式 Web 界面。它是用来简化 Web 开发的著名框架之一。Vuejs 专注于视图层。它可以很容易地集成到大型项目中进行前端开发，没有任何问题。

学习图谱

这张针对 Vuejs 开发人员的学习图谱将提供一个关于前景的概念，并在不知道从哪里开始或接下来学习什么的时候为提供指导，当然这取决于每个人的开发经验。

学习资源：Awesome Vuejs

Angular

Angular 是一个用于构建移动和桌面 Web 应用的 UI 框架。它是使用 JavaScript 构建的，可以使用它来使用 HTML、CSS 和 JavaScript 构建令人惊叹的客户端应用程序。Angular 解决了开发单页面、跨平台、高性能应用时面临的许多挑战。它是完全可扩展的，并且与其他库可以很好地工作。

学习图谱

这个学习图谱只是提供一些学习建议，以及一些熟悉的工具和技术，以便更好地进行技能提升和项目开发。

学习资源：Awesome Angular

Ember

Ember 是一个组件服务框架，它专注于整体的 Web 应用程序开发体验，尽量减少应用程序之间的细微差异，同时是一个现代的、基于本地 JavaScript 的轻量级框架。Ember 还具有强大的向后和向前兼容性，以帮助企业紧跟最新版本的 Ember 和最新的社区驱动的约定。

学习图谱

这个学习图谱只是提供一些学习建议，以及一些熟悉的工具和技术，以便更好地进行技能提升和项目开发。

学习资源：Awesome Ember

保持学习