前端知识地图

1,294 阅读3分钟

前端可能是变化最快的一个方向,似乎一年一个风向,技术半年更新一次,各种新技术、新框架不断涌现,有些犹如昙花一现,还没来得及学就过时了,继而是另一波框架的出现。

前段时间有幸听到一个讲座,关于前端 20 年的变化。回顾前端的历史,看似快速变化的技术,本质是不变的,虽然开发模式有变化,但基础知识从未变过,二十年前的 JavaScript 语法放到今天仍然不过时。

造成前端变化快的错觉最主要原因是技术栈越来越丰富。以前学会 HTML + CSS + JavaScript 走遍天下都不怕,现在这三剑客只是入门,还要学一大堆框架、一大堆工具、一大堆开发流程,前端已经改名叫大前端,不仅要精通前端技术,也涉及到后端、数据库等等,所以要学的知识面非常广。

另一方面,前端出现了很多名词,有些名词就是换个说法,听起来很牛x。

不管是 HTML、CSS 还是 JavaScript,发展得很缓慢,Web 标准制定混乱不堪,几乎是在摸索中前进。于是社区涌现出很多技术解决方案,它们互相博弈,强者生存,弱者淘汰,我们看到太多技术被无情抛弃,到头来苦的还是老百姓(开发者)。

我接触 Web 开发已经有十几年了,我记得最初学习 HTML 还是 2007 年的,但没有认真系统地学习,也没做过一个像样的项目。以往做 Web 开发都是用 Vue、React 等框架,从高阶开发 Web,很少用到基础的知识,如果你使用 Ant 这样的 UI 库,甚至连 CSS 都不用写,这也导致了我的基础不扎实。平时也会看关于前端的文章,虽然能把握 Web 总体发展趋势,但是知识碎片化,很多东西都是半知不解。

我像个前端的门外汉,Web 开发像一座大山,挡住了通往计算机编程自由的路。但凡想做点好玩的东西出来,总躲不开前端开发,所以,我下决心越过这座大山。

根据自己的知识储备和网上的文章,参考了几个大佬的前端知识图谱,我画了一份前端知识地图,整理了接下来需要学习的前端知识,地图不是完整版,会随着学习的深入不断更改,但核心的是不会变的。知识地图从十二点开始顺时针看,知识逐步深入。

qian_duan_zhishi_di_tu_v1

大前端可谓是上知天文下知地理,从前端到后端,从操作系统到计算机网络,从开发到部署,都需要掌握,不过不要被吓倒,慢慢学习,切记不能贪快,三个月速成是不存在的。

HTML / CSS / JavaScript 是一切的基础,框架只是在它们的之上包了一层,屏蔽掉了底层的知识,但想做一个合格的开发者,必须拥有扎实的基础。也只有有了基本的知识,才能往前推进学习。

奥力给!!!

参考

以下附上参考的三个资料,如果不清晰,可以点开链接查看。

png-FrontEnd-by-StuQ

极客邦程序员技能图谱 github.com/TeamStuQ/sk…

前端知识图谱 - 知乎 zhuanlan.zhihu.com/p/132597932

developer-roadmap github.com/kamranahmed…