进阶教程-前端开发入门到精通

前言

有不少朋友希望学习前端开发知识，能够自己开发页面，因此我在这里整理一下从入门到精通需要的所有知识。

💡

注意，我的前端开发水平一般，只能算勉强够用。我只是一个要用什么才学什么的开发者，并非专注技术研究的学者，这里提供的建议仅供参考。

前端发展已经很多年，现在的自动化、高性能的组件层出不穷。

我们拿建筑行业举例，早期的建筑师只需要掌握简单的工具和材料就能建造房屋，但随着技术的进步，现在的建筑师不仅需要精通传统的建筑知识，还要掌握现代化的建筑技术，比如智能家居、环保材料等。

然而，所有建筑技术的底层逻辑都是相同的——它们的核心还是为了创建坚固、美观且实用的建筑。新技术框架只是对这些核心原则做了自动化的封装，提升了效率、简化了操作而已。

因此，我们首先要掌握其中的“道”——也就是理解技术背后的基本原则，然后通过不断的实践来学习和掌握新的“术”——现代化的工具和方法。

我将知识体系分为道和术。道是基本原理和规律，术是前人经验的总结、以及他们沉淀下来的工具包。

以下是展开说明要学习的知识点：

网页的运行由以下三个组件构成：

决定网页整体的布局和规划；相当于建筑中的地基框架、承重结构

决定视觉效果以及网页质感；相当于建筑涂层、颜料、材料等

决定网页功能和视效的协作；相当于排水管道、通风管道、供电线路、网络通信、智能安防

前端开发的内容基本上就是这些，从头写一个教程挺麻烦，我这里推荐一个千古前端图文教程（免费的图文教程），用来作为入门很不错，主要是结构很清晰：

另外，具体每个技术点深挖都有大量需要学习的细节，同时每个技术点都会有各类的扩展技术解决方案；

在学习过程中如果遇到希望深入了解的知识，你可以在这些综合教程中查找，并逐一深入学习：