重学前端-总结：前言，从今天起，重新理解前端

前言

大家好，最近在极客邦克购买一门重学前端的课程，在博客进行总结，将一些知识分享出来。

前端发展史：从青铜到黄金时代

2006 年开始，那会儿前端还处于史前的“青铜时代”，甚至网页的主要交互都还是依靠切换超链接来完成的。

1、 前端的史前记忆：“青铜时代”

那时候，谷歌刚刚基于 Ajax 发布的 Gmail 也没多久，虽然这项伟大的技术标志着 Web 1.0（静态网页）到 Web 2.0（动态网页）的迈进，但在国内依然少有人懂，如果当时谁可以对这项技术侃侃而谈，那简直就是大神的级别。

2、进入发展期的前端：“白银时代”

前端技术开始了它的大踏步发展，那一段时间，可以说是前端的“白银时代”。最直观的表现之一就是前端逐步从后端分离了出来，它的代码也变得复杂了起来，还需要保存数据、处理数据、生成视图等等。
悄然之间，前端已经从零散的“工序”逐步发展成为有体系和发展目标的职能，同时，在越来越大的前端团队中，工程化的思想也逐渐萌芽。

3、 从前端到“全端”：“黄金时代”

一些传统软件开发和互联网服务端的方法论逐步移植到前端开发中，并形成了前端自己的工程体系，诸如持续集成、前后端分离、线上监控……
架构方面，前端架构的任务也从简单的解决兼容和风格问题，逐步过渡到提倡组件化和 UI 架构模式，最后形成了新一代的前端框架 React、Vue 和 Angular，他们也在竞争和互相学习中成长。

前端开发之痛：散点自学 + 基础不牢

关于前端工程师成长，需要两个视角。
一是立足标准，系统性总结和整理前端知识，建立自己的认知和方法论；
二是放眼团队，从业务和工程角度思考前端团队的价值和发展需要。
在专栏里，分成了四个模块来讲解：

• JavaScript；
• CSS 和 HTML；
• 浏览器实践；
• 前端综合应用。
  前三个模块是前端的基础知识，是个人的前端能力提升，而模块四则是前端团队发展相关的内容，有助于你和团队的整体提高。
  1、javaScript 部分
  主要会从文法和运行时的角度去讨论 JavaScript 语言。它们是互相关联的，而语义就是文法到运行时之间的桥梁；它们分别又是完备的，任何语言特性都离不开两者，所以从语法和运行时的角度，我们都可以了解完整的 JavaScript。
  2、CSS 和 HTML 部分
  会侧重从语言和设计思想的角度来讲解，我们同样可以对两者的全貌建立一些认知。
  3、浏览器部分
  包含了浏览器工作的原理和一些重要的 API，包括 BOM、DOM、CSSOM 和其他一些内容。了解了这些知识，你才能把 JavaScript 和 HTML、CSS 连接起来，用 JavaScript 来实现功能。
  4、前端综合应用部分
  在手淘和淘宝工作中的一些案例来辅助讲解。

课程链接

来源：BraveSoul360