web前端知识图谱2019

概述

针对Web前端开发者，知识图谱分为通用部分和前端专有部分。该篇整理自给出的参考文档，主要作备忘及对照梳理自己的知识结构。

详述

通用知识

1. Git
   最流行的版本控制系统之一。没有 Git 再也无法生存。

2. SSH
   它允许你远程登录到另一台主机，这是另一个流行的、每个 Web 开发人员都应该知道的网络概念。

3. HTTP/HTTPS
   HTTP 协议是 Web 的基础，对于 Web 开发人员来说，必须熟悉 HTTP 和 HTTPS。

4. 终端的基本用法：Linux 命令行基础
   不仅仅是 Web 开发人员，对于任何程序员来说，Linux 命令行都是非常非常重要的，我强烈建议你花一些时间来学习它们。

5. 数据结构和算法
   这是任何程序的构建块，更好地了解算法和数据结构是你在下一份工作或当前工作中做得更好的关键。

6. 字符编码
   如果你正在创建全球应用程序，其中显示了世界上许多不同语言的信息，那么你应该精通字符编码。它本质上是告诉浏览器如何显示你的数据。

7. GitHub
   毫无疑问，每个程序员都应该了解 Git 和 Github，因为它们是版本控制和代码库方面的标准。

专有知识

1. Web 开发基础
   显然，如果你想成为一名 Web 开发人员，那么你应该了解互联网、Web 应用程序、HTTP 之类的协议以及 Web 开发的基础知识。

2. HTML 和 CSS
   HTML 和 CSS 是任何网站的基础。HTML 提供了结构，而 CSS 提供了样式，使它们看起来更好看，更具有视觉吸引力。如果你想成为一个真正的前端开发人员，那么你必须掌握这两方面的知识。

3. JavaScript
   就像面向对象编程的四大支柱（抽象、封装、多态和继承）一样，Web 开发也有三大支柱，即 HTML、CSS 和 JavaScript。前两个提供了结构和样式，但正是 JavaScript 通过添加交互性使它们变得有生气。

4. TypeScript
   就像我们有 C 和 C++ 一样，TypeScript 可以看成是 JavaScript++，尽管它不像 C++ 那么流行。TypeScript 的好处在于它在 JavaScript 代码中增加了类型安全，这意味着你可以在开发阶段捕获与 JavaScript 类型相关的错误。它还使得为 JavaScript 开发面向对象代码变得更容易。

5. Angular
   人们使用纯 HTML、CSS 和 JavaScript 构建网站的日子已经一去不复返了。如今，大部分工作都是由 Angular、React JS 或 Vue.js 这样的框架完成的。它们不仅提供了存储代码的结构，而且使快速开发 Web 应用程序变得很容易。Angular 由谷歌支持，因此，学习 Angular 对于任何现代 Web 开发人员来说都是一个不错的选择。

6. React JS
   与 Angular 类似，React 也是开发 Web 应用程序的一个流行库。它允许你编写可重用的组件，然后你可以使用这些组件创建现代风格的交互式 Web 页面。就像 Angular 由谷歌支持一样，React 也有 Facebook 支持，因此非常受欢迎。

7. Vue.js
   Vue 或 Vue JS 在去年真的加快了步伐，越来越多的人推荐和使用 Vue.js。我仍然是 Vue 的初学者，可能需要一些时间来学习并迁移到基于 Vue 的应用程序中。

关于前端开发者应该学哪些内容，强烈推荐大家去读这篇文章，里面有非常详细的前端开发者学习指南：
https://frontendmasters.com/books/front-end-handbook/2019/

参考

https://github.com/kamranahmedse/developer-roadmap
https://mp.weixin.qq.com/s/mz3yoUvPc6R_4byA3wKCJw