前言

本文是我在阅读左耳朵耗子的专栏《左耳听风》时所作的笔记，这段时间疯狂地迷恋知识图谱，因此本文会以知识图谱的形式出现。内容会持续更新，之后会有前端相关的脑图出来，欢迎关注知识库。

这个专栏让我清楚地认识到一个优秀的程序员应该拥有广阔的视野去看待自己的从事的职业，前端的内容固然丰富和复杂，不过优秀的程序员可以通过高效地学习方式熟练掌握，“前端内容好多呀，不想学，学不起来”不应该成为你无法掌握好前端知识和技能的理由。

在开始正式的前端学习之前，可以抽一些时间了解一下如何高效学习，以及了解一下一个优秀程序员应该具备的知识和能力，之后再去学习我想会有不一样的感受和体验。

这些脑图都上传到了我的语雀知识图谱中，不定时更新，有需要的同学可以自取: https://www.yuque.com/jianxu/knowledgemap/artboards/65361

聚合版

首先上聚合过的版本，后面分拆成小节。

1. 高效学习

高效学习.png

2. 程序员练级攻略: 入门

程序员练级攻略:入门.png

3. 程序员练级攻略: 进阶

程序员练级攻略: 进阶.png

下面进行分拆大图。

一. 高效学习

1. 端正学习态度

image.png

2. 面对枯燥和量大的知识

image.png

3. 深度，归纳和坚持实践

image.png

4. 学习和阅读源码

image.png

5. 源头、原理和知识地图

image.png

二. 程序员练级攻略： 入门

1. 开篇词

image.png

2. 零基础启蒙

image.png

3. 正式入门

image.png

三. 程序员练级攻略：进阶

1. 程序员素养

image.png

2. 理论学科

image.png

3. 编程语言

image.png